ListView介绍:

(一)、 ListView 概念:

        ListView是Android中最重要的组件之一,几乎每个Android应用中都会使用ListView。它以垂直列表的方式列出所需的列表项。

java.lang.Object

   ↳ android.view.View

    ↳ android.view.ViewGroup

      ↳ android.widget.AdapterView<T extends android.widget.Adapter>

        ↳ android.widget.AbsListView

          ↳ android.widget.ListView

 

【备注:】

java.lang.Object

   ↳ android.view.View

    ↳ android.view.ViewGroup

      ↳ android.widget.AdapterView<T extends android.widget.Adapter>

        ↳ android.widget.AbsSpinner

          ↳ android.widget.Spinner

 

 

(二)、ListView的两个职责:

  • 将数据填充到布局;
  • 处理用户的选择点击等操作。

(三)、列表的显示需要三个元素:

  • 1.ListVeiw:用来展示列表的View;
  • 2.适配器: 用来把数据映射到ListView上的中介;
  • 3.数据源: 具体的将被映射的字符串,图片,或者基本组件。

(四)、什么是适配器?

        适配器是一个连接数据和AdapterView(ListView就是一个典型的AdapterView,后面还会学习其他的)的桥梁,通过它能有效地实现数据与AdapterView的分离设置,使AdapterView与数据的绑定更加简便,修改更加方便。将数据源的数据适配到ListView中的常用适配器有:ArrayAdapter、SimpleAdapter 和 SimpleCursorAdapter。

  • ArrayAdapter最为简单,只能展示一行字;
  • SimpleAdapter有最好的扩充性,可以自定义各种各样的布局,除了文本外,还可以放ImageView(图片)、Button(按钮)、CheckBox(复选框)等等;
  • SimpleCursorAdapter可以认为是SimpleAdapter对数据库的简单结合,可以方便地把数据库的内容以列表的形式展示出来。
  • 但是实际工作中,常用自定义适配器。即继承于BaseAdapter的自定义适配器类。

 

(五)、ListView的常用UI属性:

  • android:divider
  • android:dividerHeight
  • android:entries
  • android:footerDividersEnabled
  • android:headerDividersEnabled

 

三、创建ListView:

(一)、ArrayAdapter实现单行文本ListView:

        (无需自定义布局,使用系统提供的布局)

 

1、使用步骤。

(1)、定义一个数组来存放ListView中item的内容;

(2)、通过实现ArrayAdapter的构造方法创建一个ArrayAdapter对象;

(3)、通过ListView的setAdapter()方法绑定ArrayAdapter。

【备注:】

    ArrayAdapter有多个构造方法,最常用三个参数的那种。

  • 第一个参数:上下文对象;
  • 第二个参数:ListView的每一行(也就是item)的布局资源id;
  • 第三个参数:ListView的数据源。

2、使用系统自带布局文件的不同效果:

 

    A、android.R.layout.simple_list_item_1:

      

Android List使用 安卓中listview_Android List使用

 

    B、android.R.layout.simple_list_item_checked

 

Android List使用 安卓中listview_Android List使用_02

 

    C、android.R.layout.simple_list_item_multiple_choice

 

Android List使用 安卓中listview_List_03

 

    D、android.R.layout.simple_list_item_single_choice

 

 

Android List使用 安卓中listview_Android List使用_04

 

3、核心代码:

String[] strArr = new
String[] { "yuhongxing", "sunshengling",
                               
"chenyanzhang", "huangchao", "liupengfei"
};
listView_main_userList =
(ListView) findViewById(R.id.listView_main_userlist);
ArrayAdapter<String>
adapter = new ArrayAdapter<String>(
                MainActivity.this,
android.R.layout.simple_list_item_1, strArr);
listView_main_userList.setAdapter(adapter);

 

 

【特别备注:】ListView的监听器与Spinner的监听器的区别:【重点】

Spinner是:setOnItemSelectedListener

ListView是:setOnItemClickListener

        这两个监听器是否可以互换使用呢?

  • 在Spinner中使用OnItemClickListener会异常。java.lang.RuntimeException: setOnItemClickListener cannot be used with a spinner。而如果在ListView中使用OnItemSelectedListener,则没有反应,也就是说该监听器不会被触发执行;
  • OnItemSelectedListener 监听器的回调方法中,parent.getSelectedItem()和parent.getItemAtPosition(position)都能返回object对象。而OnItemClickListener监听器的回调方法中parent.getSelectedItem()只能返回null。

 

(二)、 SimpleAdapter 实现多行文本ListView:

        (自定义item布局文件)

1、使用步骤。

(1)、定义一个集合来存放ListView中item的内容;

(2)、定义一个item的布局文件;

(3)、创建一个 SimpleAdapter 对象;

(3)、通过ListView的setAdapter()方法绑定 SimpleAdapter  。

 

2、核心代码:

List<Map<String,
Object>> list = new ArrayList<Map<String, Object>>();
// 形成数据源。实际工作中多从网络中获取数据,并将数据存放到一个List<Map<String, Object>>集合中。
for (int i = 0; i < 5;
i++) {
        Map<String, Object> map = new
HashMap<String, Object>();
        map.put("username", "hongxing_" + i);
        map.put("email", "hongxing_" + i +
"@gmail.com");
        list.add(map);
}
 
// 为了显示较为复杂的ListView的item效果,需要写一个xml布局文件,来设置ListView中每一个item的格式。
// 使用SimpleAdapter来作为ListView的适配器,比ArrayAdapter能展现更复杂的布局效果。
SimpleAdapter adapter =
new SimpleAdapter(MainActivity.this, list,
               
R.layout.item_listview_main_userlist, new String[] {
                                "username", "email" }, new
int[] {
                               
R.id.text_item_listview_username,
                               
R.id.text_item_listview_email});
listView_main_userList.setAdapter(adapter);
 
listView_main_userList
                .setOnItemClickListener(new
AdapterView.OnItemClickListener() {
                        @Override
                        public void
onItemClick(AdapterView<?> parent, View view,
                                        int position, long id) {
                                Object object =
parent.getItemAtPosition(position);
                                Map<String,
Object> map = (Map<String, Object>) object;
                               
Toast.makeText(MainActivity.this,map.get("email").toString(),
4000).show();
                        }
                });

(三)、SimpleAdapter实现多行文本且带图片ListView:

 

1、使用步骤。

(1)、定义一个集合来存放ListView中item的内容;

(2)、定义一个item的布局文件;

(3)、创建一个 SimpleAdapter 对象;

(4)、通过ListView的setAdapter()方法绑定 SimpleAdapter  。

 

2、核心代码:

int[] imgId = new int[] {
R.drawable.dot, R.drawable.e_ft,
                        R.drawable.e_ok, R.drawable.ej,
R.drawable.kx };
List<Map<String,
Object>> list = new ArrayList<Map<String, Object>>();
// 以下代码是人为制造一些数据,放到list集合中
// 形成数据源。实际工作中多从网络中获取数据,并将数据存放到一个List<Map<String, Object>>集合中。
for (int i = 0; i < 5;
i++) {
        Map<String, Object> map = new
HashMap<String, Object>();
        map.put("username", "hongxing_" + i);
        map.put("email", "hongxing_" + i +
"@gmail.com");
        map.put("headpic", imgId[i]);
        list.add(map);
}
 
// 为了显示较为复杂的ListView的item效果,需要写一个xml布局文件,来设置ListView中每一个item的格式。
// 使用SimpleAdapter来作为ListView的适配器,比ArrayAdapter能展现更复杂的布局效果。
/*
 * 常用的SimpleAdapter的构造方法有五个参数:
 * 
 * @param context :表示上下文对象或者环境对象。
 * 
 * @param data :表示数据源。往往采用List<Map<String, Object>>集合对象。
 * 
 * @param resource :自定义的ListView中每个item的布局文件。用R.layout.文件名的形式来调用。
 * 
 * @param from :其实是数据源中Map的key组成的一个String数组。
 * 
 * @param to :表示数据源中Map的value要放置在item中的哪个控件位置上。其实就是自定义的item布局文件中每个控件的id。
 * 通过R.id.id名字的形式来调用。
 */
SimpleAdapter adapter =
new SimpleAdapter(MainActivity.this, list,
               
R.layout.item_listview_main_userlist, new String[] {
                                "username", "email", "headpic" }, new
int[] {
                               
R.id.text_item_listview_username,
                                R.id.text_item_listview_email,
                               
R.id.imageView_item_listview_headpic });
 
listView_main_userList.setAdapter(adapter);
 
listView_main_userList
                .setOnItemClickListener(new
AdapterView.OnItemClickListener() {
                        @Override
                        public void
onItemClick(AdapterView<?> parent, View view,
                                        int
position, long id) {
                                Object object =
parent.getItemAtPosition(position);
                                Map<String,
Object> map = (Map<String, Object>) object;
                               
Toast.makeText(MainActivity.this,map.get("email").toString(),
4000).show();
                        }
                });

 

(四)、BaseAdapter自定义适配器实现ListView:

1、使用步骤。

(1)、定义一个集合来存放ListView中item的内容;

(2)、定义一个item的布局文件;

(3)、定义一个 继承了BaseAdapter的子类MyAdapter,重写未实现的方法;(定义ViewHolder,重写getView()方法)

(4)、创建一个内部类:MyAdapter extends BaseAdapter;

  • 实现未实现的方法:getCount() 、getItem()、 getItemId()、 getView();
  • 定义内部类ViewHolder,将item布局文件中的控件都定义成属性;
  • 构建一个布局填充器对象:LayoutInflater.from(context);
  • 调用布局填充器对象的inflate()方法填充item布局文件,将返回的view对象赋值给convertView;
  • 调用convertView对象的findViewById()获取item布局中的控件,将控件对象赋值给ViewHolder中的属性;
  • 给convertView对象设置标签,也就是调用setTag()方法,将ViewHolder对象作为标签贴在convertView对象上;
  • 从根据convertView的标签,从convertView对象上取回ViewHolder对象。

(3)、通过ListView的setAdapter()方法绑定自定义的MyAdapter对象 。

 

 

2、核心代码:

class MyAdapter extends
BaseAdapter {
        private Context context = null;
 
        public MyAdapter(Context context) {
                this.context = context;
        }
 
        @Override
        public int getCount() {
                return list.size();
        }
 
        @Override
        public Object getItem(int position) {
                return list.get(position);
        }
 
        @Override
        public long getItemId(int position) {
                return position;
        }
 
        @Override
        public View getView(int position, View
convertView, ViewGroup parent) {
                ViewHolder mHolder;
                if (convertView == null) {
                        mHolder = new
ViewHolder();
                        LayoutInflater inflater
= LayoutInflater.from(context);
                        convertView =
inflater.inflate(R.layout.item_listview_main_userlist, null, true);
                       
mHolder.text_item_listview_username = (TextView)
convertView.findViewById(R.id.text_item_listview_username);
                       
mHolder.text_item_listview_email = (TextView)
convertView.findViewById(R.id.text_item_listview_email);
                       
mHolder.imageView_item_listview_headpic = (ImageView)
convertView.findViewById(R.id.imageView_item_listview_headpic);
                        convertView.setTag(mHolder);
                } else {
                        mHolder = (ViewHolder) convertView.getTag();
                }
                String username =
list.get(position).get("username").toString();
                String email =
list.get(position).get("email").toString();
                int picId =
Integer.parseInt(list.get(position).get("headpic").toString());
         
mHolder.text_item_listview_username.setText(username);
               
mHolder.text_item_listview_email.setText(email);
               
mHolder.imageView_item_listview_headpic.setImageResource(picId);
                return convertView;
        }
 
        class ViewHolder {
                private TextView
text_item_listview_username;
                private TextView
text_item_listview_email;
                private ImageView imageView_item_listview_headpic;
        }
}

 

 

(五)、convertView原理:

  1. Adapter的作用就是ListView界面与数据之间的桥梁,当列表里的每一项显示到页面时,都会调用Adapter的getView方法返回一个View。
  2. 如果在我们的列表有上千项时会是什么样的?是不是会占用极大的系统资源?
  3. Android中有个叫做Recycler的构件,下图是他的工作原理:
  • 如果你有100个item,其中只有可见的项目存在内存中,其他的在Recycler中。
  • ListView先请求一个type1视图(getView),然后请求其他可见的item,convertView在getView中是空(null)的。
  • 当item1滚出屏幕,并且一个新的item从屏幕底端上来时,ListView再请求一个type1视图,convertView此时不是空值了,它的值是item1。你只需设定新的数据,然后返回convertView,不必重新创建一个视图。

 

 

Android List使用 安卓中listview_List_05

 

 

 

ListView优化中的细节问题:

1、android:layout_height属性:

        必须将ListView的布局高度属性设置为非“wrap_content”(可以是“match_parent /  fill_parent  /  400dp等绝对数值”),如果ListView的布局高度为“wrap_content”,那么getView()就会重复调用。一般来说,一个item会被调用三次左右。

 

 

2、ViewHolder:

        利用ViewHolder内部类,将item布局文件中需要展示的控件定义为属性(其实ViewHolder就是一个自定义的模型类)。这样就把item中散在的多个控件合成一个整体,这样可以有效地避免图片错位。

 

 

3、convertView:

        ListView的加载是一个item一个item的加载,这样就会每次都inflate一个item布局,然后findViewById一遍该布局上的所有控件。当数据量大的时候,是不可想象的。而利用Recycle回收利用就可以解决问题。所以要善于重复利用convertView,这样可以减少填充布局的过程,减少ViewHolder对象实例化的次数。减少内存开销,提高性能。

 

 

4、convertView的setTag():

        利用setTag()方法将ViewHolder对象作为标签附加到convertView上,当convertView被重复利用的时候,因为上面有ViewHolder对象,所以convertView就具有了ViewHolder中的几个属性,这样就节省了findViewById()这个过程。如果一个item有三个控件,如果有100条item,那么在加载数据过程中,就就相当于节省了几百次findViewById(),节约了执行findViewById()的时间,提升了加载速度,节省了性能的开销。

 

 

5、LayoutInflater对象的inflate()方法:        

  •     inflate()方法一般接收两个参数,第一个参数就是要加载的布局id,第二个参数是指给该布局的外部再嵌套一层父布局,如果不需要就直接传null。
  •     inflate()方法还有个接收三个参数的方法重载
  • 1. 如果root为null,attachToRoot将失去作用,设置任何值都没有意义。
  • 2. 如果root不为null,attachToRoot设为true,则会在加载的布局文件的最外层再嵌套一层root布局。
  • 3. 如果root不为null,attachToRoot设为false,则root参数失去作用。
  • 4. 在不设置attachToRoot参数的情况下,如果root不为null,attachToRoot参数默认为true。

        所以在使用LayoutInflater填充布局的时候,要注意inflate()方法的参数。如果是两个参数,则第二个参数可以采用null;如果使用三个参数的方法,则要注意参数之间的搭配。

 

 

6、item中如果包含button,则事件会发生冲突。如何解决控件之间的事件冲突,将在Android事件分发机制中讲解。