Android Studio ListView数据适配器实现通讯录设计（头像加名称）

需求：设计一个通讯录列表(六组数据)，以显示头像和名称。

1.自定义布局，用于显示listview的列表单项

2.自定义BaseAdapter

3.绑定数据适配器

结果：如图

---

 

一、UI布局设计

        A: 自定义布局文件

                 1.activity_main.xml文件布局：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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"
    tools:context=".MainActivity">

    <ListView
        android:id="@+id/mylistview"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_margin="0dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>

---

                2.res-layout下新建布局文件bookitem.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">

    <ImageView
        android:id="@+id/item_image"
        android:layout_width="150dp"
        android:layout_height="150dp"

        tools:srcCompat="@tools:sample/avatars[0]" />

    <TextView
        android:id="@+id/item_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"

        android:text="TextView" />
</LinearLayout>

---

        B:加入六个图片素材：

 

 

 二、自定义适配器BaseAdapter

         A:自定义model类Person（数据对象）

                a：如图新建包:entity 在该包下新建Person类

                b:Person.java

package com.example.unit6_2listview.entity;

/*
* Created By FY on 2022/2/11/05点57分
* 通讯录实体类
*/

public class Person {
//属性
    private String name;
    private  int img;
//构造方法
    public Person() {
    }

    public Person(String name, int img) {
        this.name = name;
        this.img = img;
    }
    //set&get方法
    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public int getImg() {
        return img;
    }

    public void setImg(int img) {
        this.img = img;
    }
}

 

---

        B：自定义PersonAdapter适配器

                a:如图新建包：adapter 在该包下新建PersonAdapter

                b:PersonAdapter.java

package com.example.unit6_2listview.adapter;

/* *
 * Created By FY on 2022/2/12 6:20
 *
 */

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.example.unit6_2listview.R;
import com.example.unit6_2listview.entity.Person;

import java.util.ArrayList;
import java.util.List;

public class PersonAdapter extends BaseAdapter {

    //通讯录数据
    private List<Person> pdata = new ArrayList<Person>();
    //上下文
    private Context context;

    //构造方法
    public PersonAdapter(List<Person> pdata, Context context) {
        this.pdata = pdata;
        this.context = context;
    }

    @Override
    public int getCount() {
        return pdata.size();//获取列表数据个数
    }

    @Override
    public Object getItem(int position) {
        return null;
    }

    @Override
    public long getItemId(int position) {
        return position;//返回数据在列表中的索引
    }

    /*优化ListView
    定义一个ViewHolder静态类*/
    static class ViewHodler {
        //定义属性，对应是列表项数据
        public ImageView myimg;
        public TextView myname;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        //定义一个ViewHolder对象
        ViewHodler holder;
        //判断convertView是否为空，convertView对应的列表项
        if (convertView == null) {
            //新建
            holder = new ViewHodler();

            convertView = LayoutInflater.from(context).inflate(R.layout.bookitem, parent, false);

            holder.myimg = convertView.findViewById(R.id.item_image);
            holder.myname = convertView.findViewById(R.id.item_name);

            convertView.setTag(holder);

        } else {
            // 复用列表项
            holder = (ViewHodler) convertView.getTag();
        }

        //设置列表项数据
        holder.myimg.setImageResource(pdata.get(position).getImg());
        holder.myname.setText(pdata.get(position).getName());

        return convertView;
    }
}

 

---

三、绑定绑定数据适配器

MainActivity.javal文件：

package com.example.unit6_2listview;

import android.os.Bundle;
import android.widget.ListView;

import androidx.appcompat.app.AppCompatActivity;

import com.example.unit6_2listview.adapter.PersonAdapter;
import com.example.unit6_2listview.entity.Person;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {

    //创建listview控件
    private ListView mylistview;

    //定义一个适配器
    private PersonAdapter myAdapter;

    //定义数组，用于存储通讯录数据
    private String[] names = {"奥特曼", "阿童木", "哪吒", "钢铁侠", "蜘蛛侠", "美国队长"};
    private int[] imgs = {R.mipmap.tx1, R.mipmap.tx2, R.mipmap.tx3, R.mipmap.tx4, R.mipmap.tx5, R.mipmap.tx6};
    //定义一个通讯录列表，作为数据源
    private List<Person> books = new ArrayList<Person>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //使用ListView展示通讯录

        //1.初始化ListView控件
        mylistview = findViewById(R.id.mylistview);
        //初始化数据
        initDataBooks();
        //2.创建适配器数(数据源,上下文)
        myAdapter = new PersonAdapter(books, MainActivity.this);

        //3.设置适配器到ListView中
        mylistview.setAdapter(myAdapter);
    }

    //初始化数据（循环遍历）
    private void initDataBooks() {
        for (int i = 0; i < names.length; i++) {
            //新建person对象，存放数据（头像，姓名）
            Person person = new Person(names[i], imgs[i]);
            //将通讯录数据加入到数据列表当中
            books.add(person);
        }

    }
}

---

四：运行结果