布局与控件（九）－ListView的Adapter们

第10节 ListView的Adapter

安卓系统为ListView设计了多种Adapter作为它的搭档。每种Adapter不仅为ListView提供数据内容，也会告诉ListView如何展示这些数据－规定好列表项的长相。

这些Adapter都是从Adapter类继承而来的，它们的关系如下：

这里我们选择性的介绍常见的2种Adapter-ArrayAdapter和SimpleAdapter。

10.1 ArrayAdapter

ArrayAdapter是最简单的Adapter，我们在前面已经使用过它，

ListView lv = (ListView) findViewById(R.id.list_view);
String data[] = {"a", "b", "c"};
ArrayAdapter adapter ＝ new ArrayAdapter<String>(context,
                android.R.layout.simple_list_item_1 , data);
lv.setAdapter(adapter);
lv.setOnItemClickListener(new OnItemClickListener() {

    @Override
    public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
        //添加需要响应的操作
    }
});

在创建ArrayAdapter的时候，

  1. 要声明这个Adapter要接受什么类型的数据，

    new ArrayAdapter<String>(......)
  2. 指定布局文件的layout id， 
    android.R.layout.simple_list_item_1

    这个布局就是一个TextView，只不过被指定了android:id为@android:id/text1，

    <TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/text1"
    ......
/>

    注意这里在给控件指定ID的时候用的是`@id/text1，而没有用+。这表明，这个ID值是已经存在的，而不需要编译器再单独分配。

    这样ArrayAdapter会自动寻找这个布局文件中ID名字为text1的控件，并认为它就是可以用来显示数据的TextView；

    <TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/text1"
    ......
/>

    如果不想用系统给TextView指定的ID，也可以给自己定义的布局的TextView取个名字，例如show_content_textview。

    <TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/show_content_textview"
    ......
/>

    然后向ArrayAdapter再传入一个ID，告诉它将要显示的文字，放到这个ID所指示的控件上,

    ArrayAdapter adapter ＝ new ArrayAdapter<String>(context,
                R.layout.custom_item_layout,
                R.id.show_content_textview,
                data);
  3. 传入要显示的数据内容，这个数据内容可以以数组的方式传入，也可以以List的方式放入， 
    //数组方式传入
String [] data = {"a","b","c"};
ArrayAdapter adapter ＝ new ArrayAdapter<String>(context,
                android.R.layout.simple_list_item_1 , data);
//列表方式传入
List data =new ArrayList<String>();
data.add("a");
data.add("b");
data.add("c");
ArrayAdapter adapter ＝ new ArrayAdapter<String>(context,
                android.R.layout.simple_list_item_1 , data);

10.2 SimpleAdapter

看得出ArrayAdapter是相当的简单，只能在单一的TextView上显示一条数据。如果有好几条不同类型的数据要显示到同一列表项的不同部位，那就不好办了。SimpleAdapter正好能帮我们解决这样的问题。虽然它叫Simple，不过不是说功能simple，而是使用很simple。

它的设计思路是，

  1. 每一条列表项上哪些控件希望显示数据都要告诉SimpleAdaper，SimpleAdaper只要知道这些控件的ID就可以了。所以在创建的时候，需要传入这些控件的ID值（以数组的形式）；
  2. 每一项待显示的数据，要和列表上的控件一一对应。这就需要一个翻译系统，给每个位置的数据取个名字，将待显示数据挨个放入键值对的列表中（map）；并将每个位置的数据名字和控件ID值对应起来；
  3. SimpleAdapter在绑定数据到界面上的时候，就根据对应关系，一个一个把它们放上去。

例如，

  1. 准备要显示的数据，让每个数据项，和一个特定的名字(title pic content)对应上，

    Map<String, Object> family = new HashMap<String, Object>();
family.put("title", "家");
family.put("pic", "http://xxx.xxx.com/family.jpg");
family.put("content", "I love my family");

Map<String, Object> dog = new HashMap<String, Object>();
dog.put("title", "狗");
dog.put("pic", "http://xxx.xxx.com/dog.jpg");
dog.put("content", "I love my dog");

List<Map<String, Object>> dataList = new ArrayList<Map<String, Object>>();
dataList.add(family);
dataList.add(dog);
  2. 将特定的名称做成数组，和显示区域的ID一一对应上，例如,

    title <-> R.id.title_id

    pic <-> R.id.pic_id

    content <-> R.id.content_id

    String [] from = {"title", "pic", "content"};
int [] to = {R.id.title_id, R.id.pic_id, R.id.content_id};
  3. 创建SimpleAdapter， 
    adapter = new SimpleAdapter(this,
      dataList,
      android.R.layout.simple_list_item_1 ,
      from,
      to);

10.3 自定义Adapter

虽然Android SDK为我们提供了好几种现成的Adapter使用，但有时它们也并不能完全符合我们的要求，要么用起来还是麻烦，要么大材小用。另外，为了把ListView介绍的全面一些，我们准备自定义一个Adapter。

10.3.1 定义数据项的布局

为了让列表的数据项按照我们设计的模样显示，我们需要为它设计一个布局，用展示的视频列表为例，加以说明。

数据项的布局定义在res\layout\video_item.xml文件中，

  1. 数据项显示在水平布局的LinearLayout中；
  2. 视频缩略图用ImageView控件显示，给它的android:scaleType属性设置center，让缩略图居中放置，背景设置成应用主题的色调colorPrimary；
  3. 其他视频信息包含标题和创建时间，将它们竖直排列放在一个LinearLayout中，占用高度按照2:1分配，前者使用主题中较大的字体?android:attr/textAppearanceMedium，后者使用主题中较小的字体?android:attr/textAppearanceSmall；
  4. 至于各个组件之间的间隔，根据自己的视觉偏好调整就好了，用android:padding和android:layout_margin设置；
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:id="@+id/vidoe_thumb"
        android:layout_width="150dp"
        android:layout_height="100dp"
        android:scaleType="center"
        android:padding="5dp"
        android:layout_margin="5dp"
        android:background="@color/colorPrimary"/>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <TextView
            android:id="@+id/video_title"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:gravity="center_vertical"
            android:layout_margin="2dp"
            style="?android:attr/textAppearanceMedium"
            android:lines="2"
            android:layout_weight="2"/>

        <TextView
            android:id="@+id/video_date"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:gravity="center_vertical"
            android:layout_margin="2dp"
            style="?android:attr/textAppearanceSmall"
            android:singleLine="true"
            android:layout_weight="1"/>

    </LinearLayout>

</LinearLayout>

10.3.2 定义数据项内容

为每个视频信息，定义一个数据结构VideoItem，

public class VideoItem {

   String name;
   String path;
   Bitmap thumb;
   String createdTime;

   VideoItem(String strPath, String strName, String createdTime) {

       this.path = strPath;
       this.name = strName;
       ......
  }
}

10.3.3 定义Adapter

所有Adapter都是继承自BaseAdapter的，我们自定义的Adapter也继承自它。

  1. 继承BaseAdapter，准备实现必须实现的基类函数；

    public class VideoItemAdapter extends BaseAdapter {

    @Override
    public int getCount() {
        return 0;
    }

    @Override
    public Object getItem(int position) {
        return null ;
    }

    @Override
    public long getItemId(int position) {
        return 0;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        return null;
    }
｝
  2. 创建构造函数，在构造函数中，保存好布局ID，以便以后使用，通过Context获取Inflater，为以后数据项布局的创建做准备；保存要展示的数据项们； 
    private List<VideoItem> mData;
private final LayoutInflater mInflater;
private final int mResource;

public VideoItemAdapter(Context context, int resId, List<VideoItem> data)
{
    mData = data;
    mInflater = LayoutInflater.from(context);
    mResource = resId;
}
  3. 实现getCount()函数，返回当前数据项的个数， 
    @Override
public int getCount() {
    return mData != null ? mData.size() : 0;
}
  4. 实现getItem()函数，根据传入的索引号，返回对应的数据项， 
    @Override
public Object getItem(int position) {
    return mData != null ? mData.get(position): null ;
}
  5. 实现getItemId()函数，根据传入的索引号，返回对应项的id值， 
    @Override
public long getItemId(int position) {
    return position;
}
  6. 在getView()函数中，创建数据项的布局，并为他们赋值，最后将这个布局返回给ListView，让它显示， 
    @Override
public View getView(int position, View convertView, ViewGroup parent) {

   if (convertView == null) {
       convertView = mInflater.inflate(mResource, parent, false);
   }

   VideoItem item = mData.get(position);

   TextView title = (TextView) convertView.findViewById(R.id.video_title);
   title.setText(item.name);

   TextView createTime = (TextView) convertView.findViewById(R.id.video_date);
   createTime.setText(item.createdTime);

   ImageView thumb = (ImageView) convertView.findViewById(R.id.vidoe_thumb);
   thumb.setImageBitmap(item.thumb);

   return convertView;
}

    这里的convertView就是数据项所代表的那个布局，当ListView刚创建，还没有产生任何数据项的时候，它就是为null的，此时我们就需要创建一个布局，并通过getView()将这个布局返回给ListView。

    假如ListView上的数据项布局已经足够了，那么这里传入的convertView就不会再是“null”，而是之前的某个数据项布局，我们就不必为此重新创建了，只需要更新上面的内容就好。这样提高了界面刷新的效率。

    当然，这里还能通过其他方法减少使用findViewById()，进一步提高效率，不过目前就不改进了，先把功能实现完成。


综合以上内容，最后的代码就是，

public class VideoItemAdapter extends BaseAdapter {

   private List<VideoItem> mData;
   private final LayoutInflater mInflater;
   private final int mResource;

   public VideoItemAdapter(Context context, int resId, List<VideoItem> data)
   {
       mData = data;
       mInflater = LayoutInflater.from(context);
       mResource = resId;
   }

   @Override
   public int getCount() {
       return mData != null ? mData.size() : 0;
   }

   @Override
   public Object getItem(int position) {
       return mData != null ? mData.get(position): null ;
   }

   @Override
   public long getItemId(int position) {
       return position;
   }

   @Override
   public View getView(int position, View convertView, ViewGroup parent) {
       if (convertView == null) {
           convertView = mInflater.inflate(mResource, parent, false);
       }

       VideoItem item = mData.get(position);

       TextView title = (TextView) convertView.findViewById(R.id.video_title);
       title.setText(item.name);

       TextView createTime = (TextView) convertView.findViewById(R.id.video_date);
       createTime.setText(item.createdTime);

       ImageView thumb = (ImageView) convertView.findViewById(R.id.vidoe_thumb);
       thumb.setImageBitmap(item.thumb);

       return convertView;
   }
}

10.3.4 使用自定义Adapter

  1. 在Video List的Activity创建之时，我们在onCreate()中创建并设置VideoAdapter，

    @Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_video_list);

    mVideoList = new ArrayList<VideoItem>();
    mVideoListView = (ListView) findViewById(R.id.video_list);
    VideoItemAdapter adapter = new VideoItemAdapter(this, R.layout.video_item, mVideoList);
    mVideoListView.setAdapter(adapter);
    //设置数据项被点击的监听器
    mVideoListView.setOnItemClickListener(this);

}
  2. 当列表中的数据有变化时，在主线程中更新数据列表，并使用notifyDataSetChanged()刷新， 
    VideoItem data = xxx;

mVideoList.add(data);
VideoItemAdapter adapter = (VideoItemAdapter) mVideoListView.getAdapter();
adapter.notifyDataSetChanged();

10.3.5 改进提高效率

在前面实现自定义Adapter的getView()函数中，没有每次都创建一个convertView，而是复用已有的布局，这样就节省重新创建的资源。不过每次都使用findViewById()也会花掉不少的开销。

@Override
public View getView(int position, View convertView, ViewGroup parent) {
    //节省了资源
    if (convertView == null) {
     convertView = mInflater.inflate(mResource, parent, false);
    }

    VideoItem item = mData.get(position);

    //消耗了资源
    TextView title = (TextView) convertView.findViewById(R.id.video_title);
    title.setText(item.name);

    //消耗了资源
    TextView createTime = (TextView) convertView.findViewById(R.id.video_date);
    createTime.setText(item.createdTime);

    //消耗了资源
    ImageView thumb = (ImageView) convertView.findViewById(R.id.vidoe_thumb);
    thumb.setImageBitmap(item.thumb);

    return convertView;
}

为此，我们可以引入一个数据结构，将这些控件保存下来，在使用的时候直接获取，不需要进行耗时的findViewById()操作了。

  1. 创建一个数据类，准备存放控件，

    private class Holder {
    public TextView title;
    public TextView createTime;
    public ImageView thumb;
}
  2. 创建布局的时候，通过创建Holder将控件保存起来， 
    @Override
public View getView(int position, View convertView, ViewGroup parent) {

    if (convertView == null) {
        convertView = mInflater.inflate(mResource, parent, false);
        Holder holder = new Holder();
        holder.title = (TextView) convertView.findViewById(R.id.video_title);
        holder.createTime = (TextView) convertView.findViewById(R.id.video_date);
        holder.thumb = (ImageView) convertView.findViewById(R.id.vidoe_thumb);
        //存放到View当中
        convertView.setTag(holder);
    }
    ......
}
  3. 获取Holder，直接使用，提高效率， 
    @Override
public View getView(int position, View convertView, ViewGroup parent) {

    ......
    //从View当中取出Holder
    Holder holder = (Holder) convertView.getTag()

    VideoItem item = mData.get(position);
    holder.title.setText(item.name);
    holder.createTime.setText(item.createdTime);
    holder.thumb.setImageBitmap(item.thumb);

    return convertView;
}
时间： 2024-12-12 09:04:02

布局与控件（九）－ListView的Adapter们的相关文章

Android UI布局与控件（二）

一.View类的常用xml属性:[了解] ①.Android中所有的UI(用户界面)元素都是使用View和ViewGroup对象建立的 ②.View是一个可以将一些信息绘制在屏幕上并与用户产生交互的对象 ③.ViewGroup是一个包含多个的View和ViewGroup的容器,用来定义UI布局. ④.Android提供了一系列的View和ViewGroup的子类,开发者可以灵活地组合使用它们来完成界面布 局.界 面元素绘制和用户交互等工作 ⑤.开发者还可以选择性地继承一些系统提供的View,来自

Android基本控件之ListView（一）

我们在使用手机的时候,通常看到,像通讯录,QQ列表样式的东西,这里来解释一下,其实那些都是一个ListView 今天,我们就来详细的讲解一下ListView这个控件 ListView中每条显示的数据都称为一个item.每个item都有自己的布局. 在这里,我们就先来实现一个简单的功能,用来解释ListView这个控件 我们就来做一个最简单的只显示文本和图片的这样的一个ListView. 我先来和大家一起分析一下我们应该准备些什么: 首先,我们需要一个主界面布局文件,并在布局文件中定义一个List

Android UI布局与控件及API Guide学习(一)

一.Android学习API指南:[了解] 1. 应用的组成部分   App Components 1.1. 应用的基本原理    App Fundamentals 1.2. Activity      Activities活动 1.2.1. 片段    Fragments 1.2.2. 加载器     Loaders 1.2.3. 任务和返回堆    Tasks and Back Stack 1.3. Service服务   Services 1.3.1. 绑定服务     Bound Ser

布局与控件（五）－Toast吐司与布局的抽象标签merge include ViewStub

第5节 Toast 5.1 使用效果 Toast用来向用户弹出一个提示框,然后自动消失,就像这样, 面包机烤好面包后,就腾的一下把面包从面包机里弹出来.而这个控件显示时也像是从面包机里弹出来的,所以取了这个名字-Toast(吐司). 使用Toast显示消息的时候,即使启动它的Activity并没有显示在屏幕上,Toast提示的消息也会被显示到最前面,让用户看到.例如, Activity A正通过网络下载一个文件, 此时用户点击Home回到主界面,又启动了另一个应用的Activity B:现在Ac

布局与控件（一）——布局与控件的常用概念

第1节 布局与控件的常用概念 界面设计中的控件,就是我们常常看到的按钮 滑动条 文字显示区等等,它们就像房间里的家具,是界面设计的最小单位. 布局是一个可以容纳别的布局(或者控件)的容器.它就像是一个大的房间,房间里面可以放各种家具(控件),也可以再隔离成更多的房间(放入别的布局). 不过,两者有很多共同的地方,例如定义它们的大小.边距等等. 1.1 尺寸单位 在使用布局或控件时,有时需要指定它们的尺寸.安卓系统提供了三种单位: px:以像素为单位进行设置,屏幕上每一个点,就是一个像素,例如一部

android代码编写布局和控件

//创建线性linearlayout布局对象  LinearLayout ll = new LinearLayout(this);    //设置linearlayout布局方向  ll.setOrientation(LinearLayout.VERTICAL);    //得到布局或控件高度  int height = LinearLayout.LayoutParams.MATCH_PARENT;    //得到布局或控件宽度  int width = LinearLayout.LayoutP

07.移动先行之谁主沉浮----控件之轮流轰炸——布局类控件

如果移动方向有任何问题请参考===> 异常处理汇总-移动系列(点) 一.布局类控件 Grid.StackPanel.Canvas. VariableSizedWrapGrid 1.布局控件 - Grid 网格控件,网格布局: 相当于 HTML 中的 Table 标签: 但是注意 Table 更重要的是展示数据,而 Grid 则是专门为布局所生: 属性标记: Grid.RowDefinitions:行定义,元素类型 RowDefinition,必要属性 Height Grid.ColumnDefi

windows窗体控件之listview列表视图

1.添加标题 winform.listview.gridLines=true;//显示列表线,也可在属性表设置 winform.listview.insertColumn("列标题",列宽,位置,样式) winform.listview.insertColumn("标题2",列宽,位置,样式)//后加的在前面(若不注明位置) winform.listview.insertColumn("第一列", 40, 1); winform.listview

布局与控件（八）－ListView知多少（下）ChoiceMode详解

9.4 ListView的Choice Mode ListView本身带有单选和多选功能,也就是说在单选模式下,它能够记住当前选中的唯一的列表项:在多选模式下,它能够记住目前选取的所有的列表项. 这种选择模式共有4种CHOICE_MODE_NONE CHOICE_MODE_SINGLE CHOICE_MODE_MULTIPLE CHOICE_MODE_MULTIPLE_MODAL. 使用setChoiceMode()函数,就可以设置ListView的选择模式. ListView lv = (Li