本篇介绍ListView控件,这是Android中比较重要也比较复杂的控件,这里只谈到使用ViewHolder机制优化即可。

一、ListView简介

ListView是Android系统中显示列表的控件,每个ListView都可以包含很多个列表项。

二、ListView的使用

概念不多说,直接来介绍使用方法。
ListView中比较复杂的是数据适配器,其作用是把复杂的数据(数组、链表、数据库、集合等)填充在指定视图界面,是连接数据源和视图界面的桥梁。常见的Android原生的适配器有ArrayAdapter和SimpleAdapter。
使用步骤:新建适配器->添加数据源到适配器->视图加载适配器

1. ArrayAdapter(数组适配器)

适用:用于绑定格式单一的数据;
数据源:可以使集合或数组。

public class MainActivity extends Activity {    private ListView listView;// 1. 新建一个数据适配器    private ArrayAdapter arr_aAdapter;     @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        listView = (ListView)findViewById(R.id.listView1);        //  创建适配器对象时将数据加载到适配器里   /**new ArrayAdapter(context, textViewResourceId)         * context--  上下文,一般为this         * textViewResourceId-- 当前ListView加载的每一个列表项所对应的布局文件【这里采用系统默认的一个布局android.R.layout.simple_list_item_1】      */      //  2. 添加数据源到适配器        String[] arr_data = {"fanff", "fan", "tencent", "QQ"};// 创建的数据源        arr_aAdapter = new ArrayAdapter(this, android.R.layout.simple_list_item_1, arr_data);        // 3. 视图(ListView)加载适配器        listView.setAdapter(arr_adAdapter);    }    }

2. SimpleAdapter(简单适配器)

适用:绑定格式复杂的数组;
数据源:只能是特定泛型的集合。

public class MainActivity extends Activity {    private ListView listView;    private SimpleAdapter sim_aAdapter; // 1. 新建一个数据适配器    private List>dataList; // 数据源    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.main);        listView = (ListView)findViewById(R.id.listView1);         /** SimpleAdapter(context, data, resource, from, to)         *  context: 上下文         *  data: 数据源(List<? extends Map> data),一个Map所组成的List集合         *        每个Map都会对应ListView列表中的一行,Map是由键【必须包含所有在from中所指定的键】值对组成         *  resource:列表中的布局文件的ID,此处的布局是自定义的         *  from:Map中的键名         *  to:绑定数据视图中的ID,与from成对应关系         */          // 2. 适配器加载数据源        dataList = new ArrayList>();        sim_aAdapter = new SimpleAdapter(this, getData(), R.layout.item, new String[]{"pic0", "text0"}, new int[]{R.id.pic, R.id.text});         // 3. 视图(ListView)加载适配器        listView.setAdapter(sim_aAdapter);            }   private List> getData(){       for (int i = 0; i < 20; i++){           Mapmap = new HashMap();           map.put("pic0", R.drawable.ic_launcher);           map.put("text0", "fanff"+i);           dataList.add(map);       }       return dataList;   }   }

一般来讲,简单适配器的数据源是一个集合,所以一般写一个方法来处理(例如getData())。

其中自定义的item.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="horizontal" >    <ImageView        android:id="@+id/pic"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_marginLeft="15dp"        android:src="@drawable/ic_launcher"        />    <TextView        android:id="@+id/text"        android:layout_marginTop="12dp"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:textSize="20sp"        android:textColor="#000000"        android:text="hello"         />LinearLayout>

3.继承BaseAdapter的自定义的适配器

这个玩法比较多,这里先不介绍,直接见下面的。

4. 监听器

(1). 监听器是程序和用户(或系统)交互的桥梁,这里不多讲了,毕竟用的多。ListView中的两个常用监听器:OnItemClickListener和OnScrollListener。
(2). OnItemClickListener可以处理视图中单个条目的点击事件;OnScrollListener监测滚动的变化,可以用于视图在滚动中加载数据。

public class MainActivity extends Activity implements OnItemClickListener,        OnScrollListener {    private ListView listView;    private ArrayAdapter arr_aAdapter;    private SimpleAdapter sim_aAdapter;    private List> dataList;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.main);        listView = (ListView) findViewById(R.id.listView1);        /**         * 1. 新建一个数据适配器 context: 上下文 data: 数据源(List<? extends Map>         * data),一个Map所组成的List集合         * 每个Map都会对应ListView列表中的一行,Map是由键【必须包含所有在from中所指定的键】值对组成 from:Map中的键名         * resource:列表中的布局文件的ID to:绑定数据视图中的ID,与from成对应关系         */        // 2. 适配器加载数据源        dataList = new ArrayList>();        sim_aAdapter = new SimpleAdapter(this, getData(), R.layout.item,                new String[] { "pic0", "text0" }, new int[] { R.id.pic,                        R.id.text });        // 3. 视图(ListView)加载适配器        listView.setAdapter(sim_aAdapter);        // 监听器        listView.setOnItemClickListener(this);// 单击单个条目        listView.setOnScrollListener(this);// 视图在滚动中加载数据    }    private List> getData() {        for (int i = 0; i < 20; i++) {            Map map = new HashMap();            map.put("pic0", R.drawable.ic_launcher);            map.put("text0", "fanff" + i);            dataList.add(map);        }        return dataList;    }    @Override    public void onScroll(AbsListView view, int firstVisibleItem,            int visibleItemCount, int totalItemCount) {        // TODO Auto-generated method stub    }    @Override    public void onScrollStateChanged(AbsListView view, int scrollState) {        // TODO Auto-generated method stub        switch (scrollState) {        case SCROLL_STATE_FLING:            Log.i("ScrollState", "用户在手指离开屏幕之前,由于用力滑了一下,视图仍依靠惯性在继续滑行");            Map map = new HashMap();            map.put("pic0", R.drawable.ic_launcher);            map.put("text0", "fresh");            dataList.add(map);            sim_aAdapter.notifyDataSetChanged();// 通知UI进程刷新界面            break;        case SCROLL_STATE_IDLE:            Log.i("ScrollState", "视图已经停止滑动");            break;        case SCROLL_STATE_TOUCH_SCROLL:            Log.i("ScrollState", "手指乜有离开屏幕,视图正在滑动");            break;        default:            break;        }    }    @Override    public void onItemClick(AdapterView<?> parent, View view, int position,            long id) {        // TODO Auto-generated method stub        String text = listView.getItemAtPosition(position) + "";// 指定位置的内容        Toast.makeText(this, "positon=" + position + "text" + text,                Toast.LENGTH_LONG).show();    }}

三、ListView中的BaseAdapter

这里着重来介绍一下BaseAdapter,各种方式的比较见代码注释。
源码下载:https://github.com/herdyouth/ListView
MainActivity

public class MainActivity extends AppCompatActivity {    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        List itemBeanList = new ArrayList<>();        for (int i = 0; i < 20; i++){            itemBeanList.add(new ItemBean(R.mipmap.ic_launcher,                    "标题" + i, "内容" + i));        }        // 数据源与适配器的绑定        ListView listView = (ListView) findViewById(R.id.lview);        listView.setAdapter(new MyBaseAdapter(this, itemBeanList));    }}

BaseAdapter各种方式的对比,一步步优化的原因如代码注释

/** * 创建数据适配器 * Created by herd_youth on 2016/4/15. */public class MyBaseAdapter extends BaseAdapter{    private List mList;    private LayoutInflater mInflater;    // 通过构造器关联数据源与数据适配器    public MyBaseAdapter(Context context, List list){        mList = list;        // 使用当前要使用的界面对象context去初始化布局装载器对象mInflater        mInflater = LayoutInflater.from(context);    }    @Override    public int getCount() {        return mList.size();    }    @Override    public Object getItem(int position) {        return mList.get(position);    }    // 返回指定索引对应的数据项    @Override    public long getItemId(int position) {        return position;    }   /* *//**     * 返回每一项对应的内容     * 缺点:没有利用到ListView的缓存机制     *      每次都会创建新的View,不管当前这个Item是否在屏幕上被调用过(即是否被缓存过)     * @param position     * @param convertView     * @param parent     * @return     *//*    @Override    public View getView(int position, View convertView, ViewGroup parent) {        // 将布局文件转为View对象        View view = mInflater.inflate(R.layout.item, null);        ImageView imageView = (ImageView) view.findViewById(R.id.iv_img);        TextView title = (TextView) view.findViewById(R.id.tv_title);        TextView content = (TextView) view.findViewById(R.id.tv_content);        ItemBean bean = mList.get(position);        imageView.setImageResource(bean.getItemImageResid());        title.setText(bean.getItemContent());        content.setText(bean.getItemContent());        return view;    }*/    /**     * 改善处:使用系统的convertView来较好的利用ListView的缓存机制,避免重复大量的创建convertView     * 缺点:findViewById依然会浪费大量的时间去调用视图树     * @param position     * @param convertView     * @param parent     * @return     *//*    @Override    public View getView(int position, View convertView, ViewGroup parent) {        if (convertView == null){// View未被实例化,即缓冲池中无缓存才创建View            convertView = mInflater.inflate(R.layout.item, null);        }else{            ImageView imageView = (ImageView) convertView.findViewById(R.id.iv_img);            TextView title = (TextView) convertView.findViewById(R.id.tv_title);            TextView content = (TextView) convertView.findViewById(R.id.tv_content);            ItemBean bean = mList.get(position);            imageView.setImageResource(bean.getItemImageResid());            title.setText(bean.getItemContent());            content.setText(bean.getItemContent());        }        return convertView;    }*/    /**     * 既利用了ListView的缓存,     * 更通过ViewHolder类来显示数据的视图的缓存,避免了多次通过findViewById寻找控件     * @param position     * @param convertView     * @param parent     * @return     */    @Override    public View getView(int position, View convertView, ViewGroup parent) {        ViewHolder viewHolder;        if (convertView == null){// View未被实例化,即缓冲池中无缓存才创建View            // 将控件id保存在viewHolder中            viewHolder = new ViewHolder();            convertView = mInflater.inflate(R.layout.item, null);            viewHolder.imageView = (ImageView) convertView.findViewById(R.id.iv_img);            viewHolder.title = (TextView) convertView.findViewById(R.id.tv_title);            viewHolder.content = (TextView) convertView.findViewById(R.id.tv_content);            // 通过setTag将ViewHolder与convertView绑定            convertView.setTag(viewHolder);        } else{            // 通过ViewHolder对象找到对应控件            viewHolder = (ViewHolder) convertView.getTag();            ItemBean bean = mList.get(position);            viewHolder.imageView.setImageResource(bean.getItemImageResid());            viewHolder.title.setText(bean.getItemContent());            viewHolder.content.setText(bean.getItemContent());        }        return convertView;    }    // 避免重复的findViewById的操作    class ViewHolder{        public ImageView imageView;        public TextView title;        public TextView content;    }}
/** * 创建设置每个Item的类 * Created by herd_youth on 2016/4/15. */public class ItemBean {    private int ItemImageResid;    private String ItemTitle;    private String ItemContent;    public ItemBean(int itemImageResid, String itemTitle, String itemContent) {        ItemImageResid = itemImageResid;        ItemTitle = itemTitle;        ItemContent = itemContent;    }    public int getItemImageResid() {        return ItemImageResid;    }    public void setItemImageResid(int itemImageResid) {        ItemImageResid = itemImageResid;    }    public String getItemTitle() {        return ItemTitle;    }    public void setItemTitle(String itemTitle) {        ItemTitle = itemTitle;    }    public String getItemContent() {        return ItemContent;    }    public void setItemContent(String itemContent) {        ItemContent = itemContent;    }}

======无聊分割线=======
ListView是个比较难得玩的控件,这里我只是谈了我现在知道的一点,希望玩的更好的人继续添加。

更多相关文章

  1. 【Android】How Android(安卓)Draws Views
  2. Android(安卓)- 主要的UI元素
  3. 如何创建QuickAction在Android对话 类似于苹果的效果
  4. Android--高级组件
  5. Android(安卓)Studio 3.6 正式版终于发布了
  6. Android(安卓)View视图绘制
  7. android事件拦截处理机制详解
  8. Android(安卓)adapter 数据适配器
  9. android中android:src和android:background区别

随机推荐

  1. 通过kuboard实现弹性伸缩
  2. Java和HTML有什么区别?哪个更重要?
  3. shell编程及自动化运维--循环
  4. runC爆严重安全漏洞,主机可被***!使用容器
  5. 开源数据库MySQL DBA运维实战
  6. k8s-1.15-master高可用部署
  7. 通过kuboard更新镜像版本
  8. Fatal: (vsim-3381) obsolete library fo
  9. 云计算第一阶段学习汇总
  10. DML(data manipulation language)