Android的ListView（列表视图）和Adapter（是配器）实例

Android的ListView（列表视图）和Adapter（是配器）实例

Android中有些控件或者View需要用Adapter（适配器）来显示到具体的activity；Adapter是用来帮助填充数据的中间桥梁，另外Adapter需要结合ListView，GridView来使用。这里我们以ListView作为示范。
Adapter作为所有适配器类的父类，下面我就找两个我比较常用的Adapter子类介绍一下吧。

1、 ArrayAdapter 这是最简单的一种Adapter，支持泛型操作，只能展现一行文字。代码如下：

（1） 视图xml代码：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
android:orientation="vertical"
<!--创建一个ListView 控件用来显示ArrayAdapter传入的数据-->
    <ListView
        android:id="@+id/lv_source"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
</LinearLayout>

（2） Activity 的JAVA 后台代码

public class ShowActivity extends AppCompatActivity {

     @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_show);
        //要显示的数据
        String[] strs = {"李白","杜甫","白居易","王安石","杜牧"};
        //创建ArrayAdapter
        ArrayAdapter<String> adapter = new ArrayAdapter<String>
            (this,android.R.layout.simple_expandable_list_item_1,strs);
        //获取ListView对象，通过调用setAdapter方法为ListView设置Adapter设置适配器
        ListView list_test = (ListView) findViewById(R.id.lv_source);
        list_test.setAdapter(adapter);
    }
}

（3） 页面显示结果

ListView的数据绑定除了在后台代码绑定之外还可以通过资源去定义，首先我们在在res\valuse下创建一个数组资源的xml文件：arrays.xml，代码如下

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string-array name="arrarresorce">
        <item>语文</item>
        <item>数学</item>
        <item>英语</item>
    </string-array>
</resources>

视图代码

<!--通过entries 来绑定数据-->
  <ListView
    android:id="@+id/lv_arraysresource"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:entries="@array/arrarresorce"/>

ArrayAdapter还有一些其他用法就不一一介绍了。

2、 BaseAdapter抽象类，实际开发中我们会继承这个类并且重写相关方法，用得最多的一个Adapter！这里我们创建一个类（Animal），然后在创建一个Adapter（AnimalAdapter）类继承自BaseAdapter,创建一个adapter.xml文件，用来装ListView要显示的内容，通过AnimalAdapter 来将数据填充视图，最后创建一个Activity的Java类文件，用来初始化数据，向Adapter中传入数据；创建一个activity.xml文件并添加ListView控件，主要用来给Adapter填充内容；解释的有点乱，还是一步步看代码和注释吧；

（1） Animal 封装类代码；

private String aName; //名称
    private String aSpeak;//讲话
    private int aIcon;//图片（资源）ID
   //无参构造函数
    public  Animal()
    {
    }
    //构造函数
    public Animal(String aName,String aSpeak,int aIcon)
    {
        this.aName=aName;
        this.aSpeak=aSpeak;
        this.aIcon=aIcon;
    }

    public String getaName() {
        return aName;
    }

    public int getaIcon() {
        return aIcon;
    }

    public String getaSpeak() {
        return aSpeak;
    }

    public void setaIcon(int aIcon) {
        this.aIcon = aIcon;
    }

    public void setaName(String aName) {
        this.aName = aName;
    }

    public void setaSpeak(String aSpeak) {
        this.aSpeak = aSpeak;
    }
}

（2） AnimalAdapter类的代码

public class AnimalAdapter extends BaseAdapter {
    // LinkedList<Animal> 对象列表，接收传过来的数据
    private LinkedList<Animal> myData;
    //获取当前上下文
    private Context myContext;

    //构造函数，接收数据（列表数据，传过来的上下文）
    public AnimalAdapter(LinkedList<Animal> mData, Context myContext)
    {
        this.myData=mData;
        this.myContext=myContext;
    }
    //获取总行数
    @Override
    public int getCount() {
        return myData.size();
    }
    //获取子项
    @Override
    public Object getItem(int position) {
        return null;
    }
    //获取子项ID
    @Override
    public long getItemId(int position) {
        return position;
    }

    //获取视图，设置视图
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        //填充adapter.xml视图
        convertView= LayoutInflater.from(myContext).inflate(R.layout.adapter_test,parent,false);
        //获取控件
        ImageView img_icon=(ImageView)convertView.findViewById(R.id.imgtou);
        TextView txt_name=(TextView) convertView.findViewById(R.id.tv_name);
        TextView txt_speak=(TextView)convertView.findViewById(R.id.tv_says);
        //从myData中获取数据，往控件中写入数据
 img_icon.setBackgroundResource(myData.get(position).getaIcon());
        txt_name.setText(myData.get(position).getaName());
        txt_speak.setText(myData.get(position).getaSpeak());
        //反回视图
        return  convertView;
    }
    public  void add(Animal data)
    {
        if (data ==null)
        {
            myData=new LinkedList<>();
        }
        myData.add(data);
        notifyDataSetChanged();
    }
}

（3） adapter.xml文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- 定义一个用于显示头像的ImageView -->
    <ImageView
        android:id="@+id/imgtou"
        android:layout_width="64dp"
        android:layout_height="64dp"
        android:baselineAlignBottom="true"
        android:paddingLeft="8dp" />

    <!-- 定义一个竖直方向的LinearLayout,把QQ呢称与说说的文本框设置出来 -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <TextView
            android:id="@+id/tv_name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingLeft="8dp"
            android:textColor="#1D1D1C"
            android:textSize="20sp" />

        <TextView
            android:id="@+id/tv_says"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingLeft="8px"
            android:textColor="#B4B4B9"
            android:textSize="14sp" />
    </LinearLayout>
</LinearLayout>

（4） MainActiviy的后台代码：

public class MainActiviyextends AppCompatActivity implements AdapterView.OnItemClickListener
{
    //声明一个List列表用来装数据
    private List<Animal> myData=null;
    //获取页面的上下文
    private Context mycontext;
    //创建AnimalAdapter 适配器Adapter
    private AnimalAdapter myAdapter=null;
    //获取页面的
    private ListView list_animal;
    private Button btnadd;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_login);
        final LayoutInflater inflater= LayoutInflater.from(this);
        View viewheader=inflater.inflate(R.layout.view_header,null,false);
        btnadd = findViewById(R.id.btn_add);
        //获取当前activity布局的上下文
        mycontext=LoginActivity.this;
        //获取控件 ListView
        list_animal =findViewById(R.id.lv_test);
        myData=new LinkedList<Animal>();
        //往LinkList中插入数据
        myData.add(new Animal("小狗说","你是狗吗？",R.drawable.pic));
        myData.add(new Animal("小狗说","你是狗吗？",R.drawable.pic));
        myData.add(new Animal("小狗说","你是狗吗？",R.drawable.pic));
        myData.add(new Animal("小狗说","你是狗吗？",R.drawable.pic));
        myData.add(new Animal("小狗说","你是狗吗？",R.drawable.pic));
        myData.add(new Animal("小狗说","你是狗吗？",R.drawable.pic));
        myData.add(new Animal("小狗说","你是狗吗？",R.drawable.pic));
        myData.add(new Animal("小狗说","你是狗吗？",R.drawable.pic));
        myData.add(new Animal("小狗说","你是狗吗？",R.drawable.pic));
        //实例化适配器Adapter
        myAdapter=new AnimalAdapter((LinkedList<Animal>)myData,mycontext);

        list_animal.addHeaderView(viewheader);
        //向容器中嵌入适配器的布局
        list_animal.setAdapter(myAdapter);
    }
}

（5） activity_main.xml文件代码

<?xml version="1.0" encoding="utf-8"?>
<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_test"
        android:cacheColorHint="#900"
        android:focusable="false"
        android:layout_height="match_parent"
        android:layout_width="match_parent"/>
   </LinearLayout>

（6） 运行结果：