zoukankan      html  css  js  c++  java
  • Android应用开发全程实录-你有多熟悉listView

      今天给大家带来《Android应用开发全程实录》中关于ListView和adapter中的部分。包括ListView的基本使用,ListView的优化等。
      我们经常会在应用程序中使用列表的形式来展现一些内容,所以学好ListView是非常必须的。ListView也是Android肿比较难以使用的空间,这节内容就详细解读ListView的用法。
      一个ListView通常有两个职责。
      (1)将数据填充到布局。
      (2)处理用户的选择点击等操作。
      第一点很好理解,ListView就是实现这个功能的。第二点也不难做到,在后面的学习中读者会发现,这非常简单。
      一个ListView的创建需要3个元素:
      (1)ListView中的每一列的View。
      (2)填入View的数据或者图片等。
      (3)连接数据与ListView的适配器。
      也就是说,要使用ListView,首先要了解什么是适配器。适配器是一个连接数据和AdapterView(ListView就是一个典型的AdapterView,后面还会学习其他)的桥梁,通过它能有效地实现数据与AdapterView的分离设置,使AdapterView与数据的绑定更加简便,修改更加方便
      Android中提供了很多的Adapter

      ArrayAdapter:用来绑定一个数组,支持泛型操作

      SimpleAdapter:用来绑定在xml中定义的控件对应的数据

      SimpleCursorAdapter:用来绑定游标得到的数据

      BaseAdapter:通用的基础适配器
      其实适配器还有很多,要注意的是,各种Adapter只不过是转换的方式和能力不一样而已。下面就通过使用不同的Adapter来为ListView绑定数据(SimpleCursorAdapter暂时不讲,后面SQLite时会介绍)

    1.ListView使用ArrayAdapter
      用ArrayAdapter可以实现简单的ListView的数据绑定。默认情况下,ArrayAdapter绑定每个对象的toString值到layout中预先定义下的TextView控件上。ArrayAdapter的使用非常简单。
      实例:

    <?xmlversion="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">
        <!--添加一个ListView控件-->
    <ListView
        android:id="@+id/lv"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
    </LinearLayout>

    然后再Activity中初始化

    public class MyListView extends Activity{
        private static final String[] strs=new String[]{
        "first","second","third","fourth","fifth"
        };
        private ListView lv;
    
        /**Called when the activity is first created.*/
        @override
        public void onCreate(Bundle savedInstanceState){
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        lv=(ListView)findViewById(R.id.lv);
        lv.setAdapter(new ArrayAdapter<String>(this,android.R.layout.simpel_list_item_1,strs));
        }
    }

    这里写图片描述
    代码非常的简单,运行效果如图
      分析一下使用的步骤:
      1)定义一个数组来存放ListView中item的内容
      2)通过实现ArrayAdapter的构造函数来创建一个ArrayAdapter的对象。
      3)通过ListView的SetAdapter()方法绑定ArrayAdapter。
      其中第二步,ArrayAdapter有多个构造函数,例子中实现的是最常用的一种。第一个参数为上下文,第二个参数为一个包含TextView,用来填充ListView的每一行的布局资源ID。第三个参数为ListView的内容。其中第二个参数可以自定义一个layout,但是这个layout必须要有TextView控件。通常我们使用Android提供的资源,除了例子中所用的,常用的还有如下几种,可实现带RadioButton和CheckBox的ListView。
      (1)通过指定android.R.layout.simple_list_item_checked这个资源,实现带选择框的ListView。需要用setChoiceMode()方法设定选择为多选还是单选,否则将不能实现选择效果,运行效果如图所示。

    lv.setAdapter(new ArrayAdapter<String>(this,android.R.layout.simple_list_item_checked,str));
    lv.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);

    这里写图片描述

      (2)通过指定android.R.layout.simple_list_item_multiple_choice这个资源实现带CheckBox的ListView。同样的,需要setChoiceMode()方法来设置单选或者多选。运行效果如图。  

    lv.setAdapter(new ArrayAdapter<String>(this,android.R.layout.simple_list_item_multiple_choice,str));
    lv.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);

    这里写图片描述
      (3)通过指定android.R.simple_list_item_single_choice这个资源实现带RadioButton的ListView。这里要注意的是,这里并不是指定了单选。是多选还是单选通过setChoiceMode()方法来指定。效果如图

    lv.setAdapter(new ArrayAdapter<String>(this,android.R.layout.simple_list_item_single_choice,str));
    lv.setChoiceMode(ListView.CHOICE_MODE_SINGLE);

    这里写图片描述

      前面讲到过,ListView的职责除了填充数据外,还要处理用户的操作。通过如下的代码就可以为ListView绑定一个点击监听器,点击后在标题栏显示点击的行数。

    lv.setOnItemClickListener(new AdapterView.OnItemClickListener() {
                @Override
                public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                setTitle("你点击了第"+position+"行");
                }
            });

    ListView使用SimpleAdapter
    很多时候需要在列表中展示一些除了文字以外的东西,比如图片等。这时候可以使用SimpleAdapter。SimpleAdapter的使用也非常简单,同时它的功能也非常强大。可以通过它自定义ListView中item的内容,比如图片、多选框等。看一个例子,实现一个每一行都有一个ImageView和TextView的ListView。运行效果如图。

    <?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    
        <ImageView
            android:layout_alignParentRight="true"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
        <TextView
            android:id="@+id/ItemTitle"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:textSize="20dp"/>
        <TextView
            android:id="@+id/ItemText"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_below="@+id/ItemTitle"/>
    </RelativeLayout>
    public class MainActivity extends AppCompatActivity {
        ListView lv;
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            lv=(ListView) findViewById(R.id.lv);
            ArrayList<HashMap<String,Object>> listItem=new ArrayList<HashMap<String, Object>>();
            for (int i=0;i<10;i++){
                HashMap<String,Object> map=new HashMap<String, Object>();
                map.put("ItemImage",R.drawable.ic_launcher);
                map.put("ItemTitle","第"+i+"行");
                map.put("ItemText","这是第"+i+"行");
                listItem.add(map);
            }
            SimpleAdapter simpleAdapter=new SimpleAdapter(this,listItem,//需要绑定的数据
            R.layout.item,//每一行的布局
            //动态数组中的数据源的键对应到定义布局的View中
                    new String[]{"ItemImage","ItemTitle","ItemText"},
                    new int[]{R.id.ItemImage,R.id.ItemTitle,R.id.ItemText});
    
            lv.setAdapter(simpleAdapter);
            lv.setOnItemClickListener(new AdapterView.OnItemClickListener() {
                @Override
                public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                    setTitle("你点击了第"+position+"行");
                }
            });
        }
    }

    这里写图片描述
    使用SimpleAdapter的数据一般都是用HashMap构成的列表,列表的每一节对应ListView的每一行。通过SimpleAdapter的构造函数,将HashMap的每个键的数据映射到布局文件中对应的控件上。这个布局文件一般根据自己的需要来自定义。梳理一下使用SimpleAdapter的步骤。
      (1)根据需要定义ListView每行所实现的布局。
      (2)定义一个HashMap构成的列表,将数据以键值对的方式存放在里面。
      (3)构造SimpleAdapter对象。
      (4)将ListView绑定到SimpleAdapter上。

    ListView使用BaseAdapt与ListView的优化
    在ListView的使用中,有时候还需要在里面加入按钮等空间,实现单独的操作。也就是说,这个ListView不再只是展示数据,也不仅仅是这一行要来处理用户的操作,而是里面的控件要获得用户的焦点。读者可以试试用SimpleAdapter添加一个按钮到ListView的条目中,会发现可以添加,但是却无法获得焦点,点击操作被ListView的Item所覆盖。这时候最方便的就是使用灵活的适配器BaseAdapter了。
    这里写图片描述
      上图BaseAdapter中的方法
      使用BaseAdapter必须写一个类继承它,同时BaseAdapter是一个抽象类,继承它必须实现它的方法。BaseAdapter的灵活性就在于它要重写很多方法,看一下有哪些方法,如果所示是为继承自BaseAdapter的SpeechListAdapter所实现的方法,其中最重要的即为getView()方法。这些方法都有什么作用呢?我们通过分析ListView的原理来为读者解答。
      当系统开始绘制ListView的时候,首先调用getCount()方法。得到它的返回值。即ListView的长度。然后系统调用getView()方法,根据这个长度逐一绘制ListView的每一行。也就是说,如果让getCount()返回1,那么只显示一行。而getItem()和getItemId()则在需要处理和取得Adapter中的数据时调用。那么getView如何使用呢?如果有10000行数据,就绘制10000次?这肯定会极大的消耗资源,导致ListView滑动非常的慢,那应该怎么做呢?通过一个例子来讲解如何在使用BaseAdapter的时候优化ListView的显示。例子中将上一节的ImageView换成Button,并且处理Button的点击事件,其中对ListView的显示做了优化。  

    public class MainActivity extends AppCompatActivity {
        ListView lv;
        ArrayList<HashMap<String,Object>> listItem;
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            lv=(ListView) findViewById(R.id.lv);
            MyAdapter myAdapter=new MyAdapter(this);
            lv.setAdapter(myAdapter);
            lv.setOnItemClickListener(new AdapterView.OnItemClickListener() {
                @Override
                public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                    Log.v("MyListViewBase", "你点击了ListView条目" + position);
                }
            });
    
        }
    
        /*添加一个得到数据的方法,方便使用*/
        private ArrayList<HashMap<String,Object>> getDate(){
            ArrayList<HashMap<String,Object>> listItem=new ArrayList<HashMap<String, Object>>();
            for (int i=0;i<30;i++){
                HashMap<String,Object> map=new HashMap<>();
                map.put("ItemTitle","第"+i+"行");
                map.put("ItemText","这是第"+i+"行");
                listItem.add(map);
            }
            return listItem;
        }
    
        /*新建一个类继承BaseAdapter,实现视图与数据的绑定*/
        private class MyAdapter extends BaseAdapter{
            private LayoutInflater mInflater;
            public MyAdapter(Context context){
                this.mInflater=LayoutInflater.from(context);
            }
            @Override
            public int getCount() {
                return getDate().size();
            }
    
            @Override
            public Object getItem(int position) {
                return null;
            }
    
            @Override
            public long getItemId(int position) {
                return 0;
            }
    
            @Override
            public View getView(final int position, View convertView, ViewGroup parent) {
                ViewHolder holder;
                Log.v("MyListViewBase", "getView " + position + " " + convertView);
                if (convertView==null){
                    convertView=mInflater.inflate(R.layout.item,null);
                    holder=new ViewHolder();
                    holder.title= (TextView) convertView.findViewById(R.id.ItemTitle);
                    holder.text= (TextView)convertView.findViewById(R.id.ItemText);
                    holder.bt= (Button)convertView.findViewById(R.id.ItemButton);
                    convertView.setTag(holder);
                }else {
                    holder = (ViewHolder) convertView.getTag();
                }
                    holder.title.setText(getDate().get(position).get("ItemTitle").toString());
                    holder.text.setText(getDate().get(position).get("ItemText").toString());
                    holder.bt.setOnClickListener(new View.OnClickListener() {
                        @Override
                        public void onClick(View v) {
                            Log.v("MyListViewBase", "你点击了按钮" + position);
                        }
                    });
                return convertView;
            }
        }
    
        private final class ViewHolder {
            public TextView title;
            public TextView text;
            public Button bt;
        }
    }

    这里写图片描述
    运行效果如图,还需要注意的是,Button会抢夺ListView的焦点,需要将Button设置为没有焦点。设置非常简单,只需要在xml的Button标签下加入一行:android:focusable=”false”代码就可以了。代码中getView()方法不容易理解。其实完全可以不用所谓的convertView和ViewHolder,直接导入布局并且设置控件显示的内容就可以了。但是这意味着有多少行数据就需要绘制多少行ListView,这显然是不可取的。这里采用了一种优化的方法。代码中,在getView()方法中加入了一行log输出convertView的内容。滚动ListView,可以看到当Activity呈现第一屏ListView的时候,convertView为零。当用户向下滚动ListView时,上面的条目变成不可见,下面出现新的条目。这时候convertView不再为空,而是创建了一系列的convertView的值。当又往下滚一屏的时候,发现第11行的容器用来容纳第22行,第12行的容器用来容纳第23行。也就是说convertView相当于一个缓存,开始为0,当有条目变为不可见,它缓存了它的数据,后来再出来的条目只需要更新数据就可以了,这样大大节省了系统资料的开销。
      还可以继续优化。虽然重复利用了已经绘制的view,但是要得到其中的控件,需要在控件的容器中通过findViewById的方法来获得。如果这个容器非常复杂,这显然会增加系统资源的开销。在上面的例子中,引入了Tag的概念。或许不是最好的办法,但是它确实能使ListView变得更流畅。代码中,当convertView为空时,用setTag()方法为每一个view绑定一个存放空间的viewHolder对象。当convertView不为空,重复利用已经创建的view的时候,使用getTag()方法获取绑定的ViewHolder对象,这样就避免了findViewById对控件的层层查询,而是快速定位到空间。
      转自:http://www.cnblogs.com/noTice520/archive/2011/12/05/2276379.html

  • 相关阅读:
    2015年5月1日 转载--各种变量在内存中的分布
    2015年4月30日 计算两个日期天数,写的代码
    2015年4月29日 dayofweek
    2015年4月28日
    2015年4月28日----高大上的数组,进制准换,最多是35进制
    2015年4月27日---C语言:输出特殊图案,请在c环境中运行,看一看,Very Beautiful!
    2015年4月27日
    《C++ Primer》学习笔记:迭代器介绍
    《C++ Primer》学习笔记:3.3.3其他vector操作
    《C++ Primer》学习笔记:向vector对象添加元素蕴含的编程假定
  • 原文地址:https://www.cnblogs.com/Mayny/p/9374194.html
Copyright © 2011-2022 走看看