Android ListView + ArrayAdapter、SimpleAdapter、BaseAdapter实现列表

效果图：

ListView 与 ArrayAdapter 之间的配合：

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".MainActivity">

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

</LinearLayout>

MainActivity.java

public class MainActivity extends AppCompatActivity  {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ListView listView  = findViewById(R.id.ls_view);
        //  创造数据源
        String[]  data = {"冰激凌","奶茶","芒果","西瓜","西红柿炒蛋","剁椒鱼头","鸡翅","冰激凌","奶茶","芒果","西瓜","西红柿炒蛋","剁椒鱼头","鸡翅","冰激凌","奶茶","芒果","西瓜","西红柿炒蛋","剁椒鱼头","鸡翅"};
        /**
         *      创建ArrayAdapter 适配器      —   把数据源放入适配器中
         *      第一个参数是：     context
         *      第二个参数是：     每一条数据显示的布局item，这里用系统默认的就行
         *      第三个参数是：     放入刚刚创建好的数据源
         */
        ArrayAdapter adapter = new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1,data);

        listView.setAdapter(adapter);       //  再让列表与适配器产生联系

    }

}

ListView 与 SimpleAdapter 之间的配合：

activity_main.xml：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
tools:context=".MainActivity">
    
    <ListView
        android:id="@+id/lv_list"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"></ListView>
    
</LinearLayout>

ly_item.xml：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"
    tools:context=".MainActivity">


    <ImageView
        android:id="@+id/img_view"
        android:layout_width="80dp"
        android:layout_height="80dp" />

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

    <TextView
        android:id="@+id/tv_name"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:layout_marginLeft="40dp"
        android:textSize="25dp"
        android:text="你好"
        />

    <TextView
        android:id="@+id/tv_info"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:layout_marginTop="10dp"
        android:layout_marginLeft="40dp"
        android:textSize="25dp"
        android:text="你好"></TextView>

    </LinearLayout>


</LinearLayout>

MainActivity.java：

public class MainActivity extends AppCompatActivity  {
    private String[] name = {"狐狸","玫瑰","国王"};                       //  名字
    private String[] info = {"聪明的狐狸","带刺的花儿","没有一个臣民"};     //  介绍
    private int[] image = {R.mipmap.ic_one,R.mipmap.ic_two,R.mipmap.ic_three};      //  每一个item对应的图标
    List<Map<String,Object>> list = new ArrayList<>();      //  创建 数据源 list

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        //  给数据源装配数据
        for (int i=0;i<name.length;i++){                
            Map<String,Object> map = new HashMap<>();       //  在创建一个map集合
            map.put("image",image[i]);
            map.put("name",name[i]);
            map.put("info",info[i]);
            list.add(map);              //  将每一组map对象的值，加入到list集合中
        }

        /**
         *      创建 SimpleAdapter 适配器
         *      第一个参数： context
         *      第二个参数： 放入数据源
         *      第三个参数： 每一个item的布局
         *      第四个参数： 创建map的键对象，并放入相应的值，因为要从数据源中识别对应值，每一个键对象对应着一个值对象
         *      第五个参数： 创建一个int对象，放入item布局中 每一个控件对应的id，这个id与刚才的键对象位置要对应
         */
        SimpleAdapter adapter = new SimpleAdapter(MainActivity.this,list,R.layout.ly_item,new String[]{"image","name","info"},new int[]{R.id.img_view,R.id.tv_name,R.id.tv_info});

        //  得到listView 对象
        ListView listView = findViewById(R.id.lv_list);
        
        //  让listview 与 SimpleAdapter 适配器产生联系
        listView.setAdapter(adapter);
        
    }
    
}

ListView 与 BaseAdapter 之间的配合【推荐】：

activity_main.xml：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
tools:context=".MainActivity">

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

</LinearLayout>

ly_item.xml：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"
    tools:context=".MainActivity">

    <ImageView
        android:id="@+id/img_view"
        android:layout_width="100dp"
        android:layout_height="100dp" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:orientation="vertical">

    <TextView
        android:id="@+id/tv_name"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:layout_marginLeft="40dp"
        android:textSize="25dp"
        android:text="你好"
        />

    <TextView
        android:id="@+id/tv_info"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:layout_marginTop="10dp"
        android:layout_marginLeft="40dp"
        android:textSize="25dp"
        android:text="你好"></TextView>

    </LinearLayout>
    
</LinearLayout>

MainActivity.java：

public class MainActivity extends AppCompatActivity  {


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ListView listView = findViewById(R.id.lv_list);
        List<CostBean> costBeanList = new ArrayList<>();	//创建封装好的bean对象

		//	装配数据源
        costBeanList.add(new CostBean(R.mipmap.ic_one,"狐狸","聪明的狐狸"));
        costBeanList.add(new CostBean(R.mipmap.ic_two,"玫瑰","带刺的花儿"));
        costBeanList.add(new CostBean(R.mipmap.ic_three,"国王","没有一个臣民"));

		//	因为 MyAdapter 继承了 BaseAdapter，所以这里直接让 listView 与 Myadapter产生联系
        listView.setAdapter(new MyAdapter(this,costBeanList));	
    }

}

CostBean.java：

**
 *      CostBean ——  封装数据源
 */

public class CostBean {

    private int imgId;
    private String name;
    private String info;

    public CostBean(int imgId, String name, String info) {
        this.imgId = imgId;
        this.name = name;
        this.info = info;
    }

    public int getImgId() {
        return imgId;
    }


    public String getName() {
        return name;
    }

MyAdapter.java：

**
 *      BaseAdapter ——  适配器管理数据源
 */

public class MyAdapter extends BaseAdapter {
    private List<CostBean> costBeanList;
    private LayoutInflater inflater;

    //  通过构造方法关联数据源与适配器
    public MyAdapter(Context context,List<CostBean> costBeanList) {
        this.costBeanList = costBeanList;

        //  context:要使用当前的Adapter的界面对象mInflater：布局 装载器对象
        this.inflater = LayoutInflater.from(context);
    }

    @Override
    public int getCount() {
        return costBeanList.size();
    }

    @Override
    public Object getItem(int position) {
        return costBeanList.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder holder;
        //第一次创建view即可，以免给程序带来太多负担
        if (convertView == null){
            holder = new ViewHolder();
            //            由于我们只需要将XML转化为View，并不涉及到具体的布局，所以第二个参数通常设置为null
            convertView = inflater.inflate(R.layout.ly_item,null);
            holder.imageView = convertView.findViewById(R.id.img_view);
            holder.title = convertView.findViewById(R.id.tv_name);
            holder.content = convertView.findViewById(R.id.tv_info);
            //这句话的意思就是，让convertView与holder产生关联,通过set保存在Tag中
            convertView.setTag(holder);
        }else{
            holder = (ViewHolder) convertView.getTag();
            //通过getTag，取出上面绑定的holder，以免多次绑定，造成资源浪费
        }

        //设置控件的数据，可以理解为从封装的数据中取出一个一个对应的值
        CostBean costBean = costBeanList.get(position);
        holder.imageView.setImageResource(costBean.getImgId());
        holder.title.setText(costBean.getName());
        holder.content.setText(costBean.getInfo());
        return convertView;
    }

    class ViewHolder{
        public ImageView imageView;
        public TextView title;
        public TextView content;
    }
}