【Android】Listview页面实现

1.实现效果如下图，图片从第三方获取

首先在layout文件夹下新建layout_list_item.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"
    android:paddingLeft="15dp"
    android:paddingRight="15dp"
    android:paddingTop="10dp"
    android:paddingBottom="10dp">

    <ImageView
        android:id="@+id/iv"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:scaleType="centerCrop"
        android:background="#000"
        />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:paddingLeft="10dp">

        <TextView
            android:id="@+id/tv_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Hello"
            android:textSize="20sp"
            android:textColor="@color/colorBlack"/>

        <TextView
            android:id="@+id/tv_time"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="2019.3.10"
            android:textSize="18sp"
            android:textColor="@color/colorGrayDark"
            android:layout_marginTop="10dp"/>

        <TextView
            android:id="@+id/tv_content"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:textColor="@color/colorGrayDark"
            android:textSize="18sp"
            android:text="这是内容"/>

    </LinearLayout>
</LinearLayout>

activity_listview.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <ListView
        android:id="@+id/lv_1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"></ListView>

</LinearLayout>

MyListAdapter.class

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import com.bumptech.glide.Glide;


public  class MyListAdapter extends BaseAdapter {

    //变量
    private Context mContext;
    private LayoutInflater mLayoutInflater;

    //构造方法
    public MyListAdapter(Context context) {
        this.mContext = context;
        mLayoutInflater = LayoutInflater.from(context);
    }

    @Override
    public int getCount() {
        return 10;
    }

    //不常用
    @Override
    public Object getItem(int position) {
        return null;
    }

    //不常用
    @Override
    public long getItemId(int position) {
        return 0;
    }


    static class ViewHolder {
        public ImageView imageView;
        public TextView tvTitle, tvTime, tvContent;

    }

    //很重要 ，getview告诉你列表每一行长什么样子，里面的内容以后复制直接用就可以了
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {

        ViewHolder holder = null;//先声明一个viewholder

        if (convertView == null) {

            convertView = mLayoutInflater.inflate(R.layout.layout_list_item, null);
            holder = new ViewHolder(); //实例化一个ViewHolder

            //找到每一个控件
            holder.imageView = convertView.findViewById(R.id.iv);
            holder.tvTitle = convertView.findViewById(R.id.tv_title);
            holder.tvTime = convertView.findViewById(R.id.tv_time);
            holder.tvContent = convertView.findViewById(R.id.tv_content);

            convertView.setTag(holder);

        } else {

            holder = (ViewHolder) convertView.getTag();
            
        }
        //给控件赋值，虽然在布局里面已经设置了android：text的属性
        // 但是当我们调用setText的方法的时候，就会覆盖他们
        //在布局里面写文字是为了能预览到文字在布局里面的样子
        holder.tvTitle.setText("这是标题");
        holder.tvTime.setText("2088-08-08");
        holder.tvContent.setText("这是内容");
        Glide.with(mContext).load("https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png").into(holder.imageView);

        return convertView;
    }
}

ListviewActivity.class

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.LinearLayout;
import android.widget.ListView;



public class ListviewActivity extends Activity {

    private ListView mLv1;

    @Override
    protected void onCreate(Bundle savedInstanceState){
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_listview);

        mLv1 = findViewById(R.id.lv_1);
        mLv1.setAdapter(new MyListAdapter(ListviewActivity.this));
    }
}

2.listview点击和长按事件

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.Toast;


public class ListviewActivity extends Activity {

    private ListView mLv1;

    @Override
    protected void onCreate(Bundle savedInstanceState){
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_listview);

        mLv1 = findViewById(R.id.lv_1);
        mLv1.setAdapter(new MyListAdapter(ListviewActivity.this));

        mLv1.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                Toast.makeText(ListviewActivity.this,"点击position"+position,Toast.LENGTH_SHORT).show();
            }
        });

        mLv1.setOnItemLongClickListener(new AdapterView.OnItemLongClickListener() {
            @Override
            public boolean onItemLongClick(AdapterView<?> parent, View view, int position, long id) {
                Toast.makeText(ListviewActivity.this,"长按position"+position,Toast.LENGTH_SHORT).show();
                return true;//告诉别的程序，我这里长摁已经处理完了，不用处理点击的了
                //如果最后写的是return false，则长按的toast结束后，点击的toast会紧接着出现

            }
        });

    }
}