Android Studio 通过 ListView 学习 ArrayAdapte
ListView
•前言
ListView 绝对可以称得上是 Android 中最常用的控件之一，几乎所有的应用程序都会用到它。
由于手机屏幕空间有限，能够一次性在屏幕上显示的内容并不多，当我们的程序中有大量的数据需要展示的时候，就可以借助 ListView 来实现。
ListView 允许用户通过手指上下滑动的方式将屏幕外的数据滚动到屏幕内，同时屏幕上原有的数据则会滚动出屏幕。
其实你每天都在使用这个控件，比如查看 QQ聊天记录，翻阅微博消息，等等。
•ListView简介
ListView 的直接父类是 View.Group，也就是说，他自己定义了子排列 View 的规则。
ListView 和所要展示的内容（数据源）之间需要 Adapter(适配器) 来实现。
Adapter 是一个桥梁，对 ListView 的数据进行管理。
数据来源不同，所使用的 Adapter 也不同，数据源(Data source)、Adapter和列表(ListView)之间的关系如下图所示：
•ListView相关属性
- android:dividerHeight="2dp" : 设置分割线高度
- android:divider="@color/red" : 设置分割条，可以用颜色分割，也可以用 drawable 资源分割
- android:entries="@array/myarray" : 设置 ListView 显示的内容
•ListView的简单用法
在 res/values 下创建一个 arrays.xml 文件，添加代码如下：
<?xml version="1.0" encoding="utf-8"?> <resources> <string-array name="myarray"> <item>关羽</item> <item>孙尚香</item> <item>娜可露露</item> </string-array> </resources>新建一个 Activity，添加代码如下：
<?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" android:padding="10dp"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Test Array Adapter" android:textSize="20sp" /> <!-- 为 ListView 设置红色的分割线 并将分割线宽度设置为 2dp --> <ListView android:id="@+id/lv_array_adapter" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="10dp" android:divider="@color/red" android:dividerHeight="2dp" android:entries="@array/myarray" /> </LinearLayout>
•运行效果
•Adapter简介
Adapter 的继承关系如下图所示：
Adapter 是一个接口，ListAdapter 继承了 Adapter，也是一个接口，并需要子类实现。
BaseAdapter 实现了 ListAdapter，他是一个抽象类。
SimpleAdapter 继承自 BaseAdapter，他是 Adapter 的一个实例对象。
另外，还有 ArrayAdapter 和 SimpleCursorAdapter 也是 Adapter 的实例对象。
- ArrayAdapter：支持泛型操作，最简单的一个Adapter，只能展现一行文字
- SimpleAdapter：同样具有良好扩展性的一个Adapter，可以自定义多种效果
- BaseAdapter：抽象类，实际开发中我们会继承这个类并且重写相关方法，用得最多的一个Adapter
- SimpleCursorAdapter：用于显示简单文本类型的listView，一般在数据库那里会用到，不过有点过时， 不推荐使用
ArrayAdapter
•示例一
在 res/layout 新建 activity_array_adapter.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" android:padding="10dp"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Test Array Adapter" android:textSize="20sp" /> <!-- 为 ListView 设置红色的分割线 并将分割线宽度设置为 2dp --> <ListView android:id="@+id/lv_array_adapter" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="10dp" android:divider="@color/red" android:dividerHeight="2dp" /> </LinearLayout>新建 ArrayAdapterActivity.java 文件，添加代码如下：
public class ArrayAdapterActivity extends AppCompatActivity { private ListView listview; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_array_adapter); String[] s = new String[]{"关羽", "孙尚香", "娜可露露"}; ArrayAdapter<String> adapter = new ArrayAdapter<>(this, R.layout.array_adapter_item, s); listview = findViewById(R.id.lv_array_adapter); listview.setAdapter(adapter); } }在这段代码中，定义了一个字符串数组 s ，不过数组 s 中的数据是无法直接传递给 ListView 的；
我们还需要借助适配器来完成（这里我们借助 ArrayAdapter 这个适配器）；
ArrayAdapter 可以通过泛型来指定要适配的数据类型，然后再构造函数中把要适配的数据传入；
ArrayAdapter 有多个构造函数的重载，我们应该根据实际情况选择最合适的一种；
这里由于我们提供的数据都是字符串，因此将 ArrayAdapter 的泛型指定为 String；
然后在 ArrayAdapter 的构造函数中依次传入：
- 当前上下文（this）
- ListView子项布局的 id（R.layout.array_adapter_item）
- 适配的数据（s）
R.layout.array_adapter_item 布局代码如下：
<?xml version="1.0" encoding="utf-8"?> <TextView xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/textView" android:textSize="20sp" android:textColor="@color/black"> </TextView>此布局用来设置显示的字体（关羽、孙尚香、娜可露露）风格。
•运行效果
•示例二
只能显示一段文本的 ListView 实在是太单调了，我们现在就来对 ListView 的界面进行定制，让它可以显示更加丰富的内容。
首先需要准备一组图片，分别对应上面提供的英雄：
$guan\_yu.jpg$ $sun\_shang\_xiang.jpg$ $na\_ke\_lu\_lu.jpg$
接着定义一个实体类，作为 ListView 适配器的适配类型。
新建类 Person，代码如下：
public class Person { private String name;//英雄名称 private int imgId;//对应图片id public Person(String name,int imgId){ this.name = name; this.imgId = imgId; } public String getName() { return name; } public int getImgId() { return imgId; } }Person 类中只有两个字段，name 表示英雄名称，imgId 表示英雄对应图片的资源 id。
然后需要为 ListView 的子项指定一个我们自定义的布局;
在 layout 目录下新建 person_item，添加代码如下：
<?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="horizontal" android:padding="10dp" android:layout_marginTop="20dp"> <ImageView android:id="@+id/person_img" android:layout_width="100dp" android:layout_height="150dp" android:scaleType="centerCrop"/> <TextView android:id="@+id/person_name" android:layout_width="match_parent" android:layout_height="150dp" android:layout_marginLeft="10dp" android:gravity="center" android:textSize="20sp" android:textColor="@color/red" /> </LinearLayout>在这个布局中，我们定义了一个 ImageView 用来显示图片，有定义了一个 TextView 用来显示名称。
接下来需要创建一个自定义的适配器，这个适配器继承自 ArrayAdapter，并将泛型指定为 Person 类。
新建 PersonAdapter 类，添加代码如下：
public class PersonAdapter extends ArrayAdapter<Person> { private Context context; private int resource; public PersonAdapter(@NonNull Context context, int resource, @NonNull List<Person> objects) { super(context, resource, objects); this.context = context; this.resource = resource; } @NonNull @Override public View getView(int position, @Nullable View convertView, @NonNull ViewGroup parent) { Person person = getItem(position);//获取当前项的 Person 实例 View view = LayoutInflater.from(context).inflate(resource, parent, false); ImageView img = view.findViewById(R.id.person_img); TextView name = view.findViewById(R.id.person_name); img.setImageResource(person.getImgId()); name.setText(person.getName()); return view; } }PersonAdapter 重写了父类的一组构造函数，用于将上下文、ListView 子项布局 id 和数据都传递进来。
另外又重写了 getView() 方法，这个方法在每个子项被滚动到屏幕内的时候被调用。
在 getView() 方法中，首先通过 getItem() 方法得到当前项的 Person 实例，然后使用 LayoutInflater 来为这个子项加载我们传入的布局。
通过 LayoutInflater 的 from() 方法可以构建出一个 LayoutInflater 对象，然后调用 inflate() 方法动态加载一个布局文件。
inflate() 方法接收三个参数：
- 第一个参数是要加载的布局文件的 id（resource）
- 第二个参数是给加载好的布局再添加一个父布局（parent）
- 第三个参数指定成 false
接下来调用 view 的 findViewByid() 方法分别获取到 ImageView 和 TextView 的实例。
并分别调用他们的 setImageResource() 和 setText() 方法来设置现实的图片和文字。
最后将布局返回，这样我们的适配器就完成了。
最后修改 ArrayAdapterActivity.java 中的代码，如下所示：
public class ArrayAdapterActivity extends AppCompatActivity { private ListView listview; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_array_adapter); PersonAdapter adapter = new PersonAdapter(ArrayAdapterActivity.this, R.layout.person_item, getData()); listview = findViewById(R.id.lv_array_adapter); listview.setAdapter(adapter); } private List<Person> getData() { List<Person> list = new ArrayList<>(); Person guanYu = new Person("关羽", R.drawable.guan_yu); list.add(guanYu); Person sunShangXiang = new Person("孙尚香", R.drawable.sun_shang_xiang); list.add(sunShangXiang); Person naKeLL = new Person("娜可露露", R.drawable.na_ke_lu_lu); list.add(naKeLL); return list; } }可以看到，这里添加了一个 getData() 方法，用于获取数据。
接着在 onCreate() 方法中创建了 PersonAdapter 对象，并将 PersonAdapter 作为适配器传递个 ListView。
这样定值 ListView 界面的任务就完成了。
•运行效果
•提升ListView 的运行效率
之所以说 ListView 这个控件很难用，是因为它有很多细节可以优化，其中运行效率就是很重要的一点；
目前我们的 ListView 运行效率是很低的，因为在 PersonAdapter 的 getView() 方法中，每次都将布局重新加载了一遍；
当 ListView 快速滚动的时候，这就会成为性能的瓶颈；
仔细观察你会发现，getView() 方法中有一个 convertView 参数；
这个参数用于将之前加载好的布局进行缓存，以便之后可以重用。
修改 PersonAdapter 中的 getView() 代码，如下所示：
public class PersonAdapter extends ArrayAdapter<Person> { ...... @NonNull @Override public View getView(int position, @Nullable View convertView, @NonNull ViewGroup parent) { Person person = getItem(position);//获取当前项的 Person 实例 View view; if (convertView == null) { view = LayoutInflater.from(context).inflate(resource, parent, false); } else { view = convertView; } ImageView img = view.findViewById(R.id.person_img); TextView name = view.findViewById(R.id.person_name); img.setImageResource(person.getImgId()); name.setText(person.getName()); return view; } }可以看到，现在我们在 getView() 方法中进行了判断，如果 convertView 为 null，则使用 LayoutInflater 去加载布局；
如果不为空，这直接对 convertView 进行重用；
这样就大大提高了 ListView 的运行效率，在快速滚动的时候也可以表现出更好的性能。
不过，目前我们的这份代码还是可以继续优化的；
虽然现在已经不会再重复去加载布局，但是每次在 getView() 方法中还是会调用 View 的 findViewById() 方法来获取一次控件的实例；
我们可以借助 ViewHolder 来对这部分性能进行优化；
修改 PersonAdapter 中的 getView() 代码，如下所示：
public class PersonAdapter extends ArrayAdapter<Person> { private Context context; private int resource; public PersonAdapter(@NonNull Context context, int resource, @NonNull List<Person> objects) { super(context, resource, objects); this.context = context; this.resource = resource; } static class ViewHolder { ImageView img; TextView name; } @NonNull @Override public View getView(int position, @Nullable View convertView, @NonNull ViewGroup parent) { Person person = getItem(position);//获取当前项的 Person 实例 View view; ViewHolder viewHolder; if (convertView == null) { view = LayoutInflater.from(context).inflate(resource, parent, false); viewHolder = new ViewHolder(); viewHolder.img = view.findViewById(R.id.person_img); viewHolder.name = view.findViewById(R.id.person_name); view.setTag(viewHolder);//将 viewHolder 存储在 View 中 } else { view = convertView; viewHolder = (ViewHolder) view.getTag(); } viewHolder.img.setImageResource(person.getImgId()); viewHolder.name.setText(person.getName()); return view; } }我们新增了一个静态内部类 ViewHolder，用于对控件的实例进行缓存。
当 convertView 为 null 的时候，创建一个 ViewHolder 对象，并将控件的实例都存放在 viewHolder 里；
然后调用 view 的 setTag() 方法，将 viewHolder 对象存储在 view 中；
当 convertView 不为 null 时，则调用 view.getTag() 方法，把 viewHolder 重新取出；
这样所有的控件的实例都缓存在了 viewHolder 里，就没有必要每次都通过 findViewById() 方法来获取控件实例了。
另外这个修饰 ViewHolder 的 static，关于是否定义成静态，跟里面的对象数目是没有关系的；
加静态是为了在多个地方使用这个 viewHolder 的时候，类只需加载一次，如果只是使用了一次，加不加也无所谓！
——Berial(B神)原话~
•为 ListView 设置点击事件
修改 ArrayAdapterActivity.java 中的代码，如下所示：
public class ArrayAdapterActivity extends AppCompatActivity { private List<Person> personList; private ListView listview; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_array_adapter); personList = getData(); PersonAdapter adapter = new PersonAdapter(ArrayAdapterActivity.this, R.layout.person_item, personList); listview = findViewById(R.id.lv_array_adapter); listview.setAdapter(adapter); listview.setOnItemClickListener(new AdapterView.OnItemClickListener() { @Override public void onItemClick(AdapterView<?> parent, View view, int position, long id) { Person person = personList.get(position); Toast.makeText(ArrayAdapterActivity.this,person.getName()+"被点击了！",Toast.LENGTH_SHORT).show(); } }); } private List<Person> getData() { List<Person> list = new ArrayList<>(); Person guanYu = new Person("关羽", R.drawable.guan_yu); list.add(guanYu); Person sunShangXiang = new Person("孙尚香", R.drawable.sun_shang_xiang); list.add(sunShangXiang); Person naKeLL = new Person("娜可露露", R.drawable.na_ke_lu_lu); list.add(naKeLL); return list; } }可以看到，我们使用 setOnItemClickListener() 方法为 ListView 注册了一个监听器；
当用户点击了 ListView 中的任何一个子项时，就会调用 onItemClick() 方法；
在这个方法中可以通过 position 参数判断出用户点击的是哪一个子项，然后获取到相应的 Person 实例；
最后通过 Toast 将其显示出来；
•运行效果
