跟我学Android之十一 列表和适配器

标签：

本章内容

第1节  列表类视图概述

第2节  列表视图ListView

第3节  下拉视图Spinner

本章目标

理解MVC模式的设计思想。

了解AdapterView 的继承关系图。

掌握掌握使用各类适配器显示列表数据。

掌握列表视图ListView的用法。

掌握下拉视图Spinner的用法。

u主要用于展现一系列数据项供用户选择或浏览，比如：

?收件箱中的邮件标题列表

?通讯录中的联系人列表

?注册用户时的城市选择列表

uAndroid系统中提供了多种形式的列表展现

?单选列表

?多选列表

?可展开列表

u用户前端界面与后端的数据分离

uMVC设计模式的思想如下

?视图模块负责显示用户界面和响应用户动作

?模型模块负责管理维护数据

?控制器负责执行业务逻辑

常用列表视图

ListView（列表视图）

Spinner(下拉视图)

GridView（网格视图）

ExpandableListView(可展开的列表组件)

u适配器就是列表控件的模型

?为列表控件提供数据

?为列表项提供了显示视图

u定义了数据提供者的标准

u提供了很多子类实现了多种数据的提供手段，常用的实现类如下

?ArrayAdapter:简单、易用的Adapter.通常用于将数组或List集合的多个值包装成多个列表项。

?SimpleAdapter:并不简单、功能强大的Adapter。可用于将List集合的多个对象包装成多个列表项。

?BaseAdapter通常用于被扩展。扩展BaseAdapter可以对各列表项进行最大限度的定制。

uListView采用MVC模式将前端显示和后端数据进行了分离

?ListView装载数据时并不使用ListView本身的方法

?通过指定一个Adapter对象给ListView提供数据

uListView显示效果如下

uItemSelected（列表项被选中时发生）

?通过列表控件的setOnItemSelectedListener()实现监听

uItemClick（单击列表项时发生）

?通过列表控件的setOnItemClickListener()实现监听

uItemLongClick（长按列表项时发生）

?通过列表控件的setOnItemLongClickListener()实现监听

使用数组作为数据源

<ListView  
	android:layout_width="fill_parent" 
	android:layout_height="wrap_content" 
	android:entries="@array/fruits"
	android:divider="#f00"
	android:dividerHeight="2px"
	android:headerDividersEnabled="false"
	/>
</LinearLayout>

<span style="font-size:14px;">String [] data = getResources().getStringArray(R.array.data);
ArrayAdapter<String> adapter = 
        new ArrayAdapter<String>(MainActivity.this,  
                android.R.layout.simple_list_item_1, data);
</span>

?第二个参数表示为列表控件提供列表项的显示视图

?第三个参数即为适配器所需要的数组数据

u使用ArrayAdapter对象作为列表控件的数据源

<span style="font-size:14px;">ListView lv = (ListView)findViewById(R.id.listview);
lv.setAdapter(adapter);
</span>

设置可多选的ListView

<span style="font-size:14px;">final String[] arr1 = { "孙悟空", "猪八戒", "沙和尚" ,"白骨精"};
ArrayAdapter<String> adapter1 = new ArrayAdapter<String>
		 (this, android.R.layout.simple_list_item_multiple_choice, arr1);
list1.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);
		// 为ListView设置Adapter
		list1.setAdapter(adapter1);
</span>

SimpleAdapter概述

SimpleAdapter可以用于显示复杂数据

uSimpleAdapter可以在列表的一项中提供和显示多个数据

uSimpleAdapter需要自定义数据结构和显示视图布局

uSimpleAdapter的构造需要5个参数

?context：为使用SimpleAdapter的上下文

?data：为用于显示的具体数据

l这是一个map对象的list，list中的每一项是一个map

lmap中的每一项对应着列表项显示视图中的一个内容

?resource：用于显示具体数据的布局资源

?from：data数据中map所包含的每一个项中key的名字的数组

?to：map中的每一个key的内容所对应的显示视图的资源id的数组

使用SimpleAdapter显示复杂数据需要设计好数据内容

u不过视图如何复杂，列表的每一项内容由多个数据字段构成

u在提供数据的时候，需要为每一个数据字段设计一个名字

?字段名字和具体数据构成键值对，存放在map对象中

List<Map<String, Object>> listItems = 
				new ArrayList<Map<String, Object>>();
for (int i = 0; i < names.length; i++)
{
Map<String, Object> listItem = new HashMap<String, Object>();
	listItem.put("header", imageIds[i]);
	listItem.put("personName", names[i]);
	listItem.put("desc", descs[i]);
	listItems.add(listItem);
}

u首先需要为复杂数据结构定义用于显示的列表项布局

?布局文件：R.layout.simple_item

?该文件包含一个头像ImageView，名字TextView，简介TextView

SimpleAdapter simpleAdapter = new SimpleAdapter(this, listItems,
			R.layout.simple_item, 
			new String[] { "personName", "header" , "desc"},
			new int[] { R.id.name, R.id.header , R.id.desc });
ListView list = (ListView) findViewById(R.id.mylist);
// 为ListView设置Adapter
list.setAdapter(simpleAdapter);

u布局基本都在android.R.layout中

?android.R.layout.simple_list_item_1

?android.R.layout.simple_list_item_2

?android.R.layout.simple_list_item_checked

?android.R.layout.simple_list_item_multiple_choice

?android.R.layout.simple_list_item_single_choice

列表项的常见规划设计

u在实际应用中，列表项显示设计往往是多种多样的

u一些常见的设计效果如下：

u编写自定义适配器，选择继承android.widget.BaseAdapter

u通常为适配器关联一个list，用于数据的提供

u覆盖public int getCount()方法，用于告知列表有多少项数据

public int getCount() {
        return dataList.size();
}

View getView (int position, View convertView, ViewGroup parent)

public View getView(int position, View convertView, ViewGroup parent) {
        String ns = Context.LAYOUT_INFLATER_SERVICE;
        LayoutInflater li = (LayoutInflater)context.getSystemService(ns);
        View layout = li.inflate(R.layout.simple_item, null);

        TextView titleView = (TextView)layout.findViewById(R.id.title);
        TextView bodyView = (TextView)layout.findViewById(R.id.body);
        Mail m = dataList.get(position);
        titleView.setText(m.getTitle());
        bodyView.setText(m.getMessage());
       return layout;
}

public void addMail(Mail m) {
        dataList.add(m);
        notifyDataSetChanged();
}

uSpinner采用MVC模式将前端显示和后端数据进行了分离

?Spinner装载数据时并不使用Spinner本身的方法

?通过指定一个Adapter对象给Spinner提供数据

uSpinner显示效果如下

uSpinner相当于Android系统中的combobox（下拉选择框）

uSpinner同样使用Adapter提供数据显示

u在布局中使用<Spinner>标签布局

<Spinner  android:id="@+id/spinner"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" 
        />

Spinner  spinner = (Spinner)findViewById(R.id.spinner);

 <string-array name="moviearray">
        <item>狮子王</item>
        <item>丛林大冒险</item>
        <item>米老鼠和唐老鸭</item>
        <item>黑猫警长</item>
    </string-array>

String [] data = getResources().getStringArray(R.array.moviearray);
ArrayAdapter<String> adapter = new ArrayAdapter<String>(MainActivity.this, 
        android.R.layout.simple_spinner_item, data);
s.setAdapter(adapter);

ArrayAdapter<CharSequence> adapter = 
        new ArrayAdapter<CharSequence>(this, android.R.layout.spinner_item, p) {
        @Override
        public View getDropDownView(int position, View convertView, ViewGroup parent) {
                View view = getLayoutInflater().inflate(R.layout.spinner_item, parent, false);
                TextView label = (TextView) view.findViewById(R.id.label);
                label.setText(getItem(position));
                if (spinner.getSelectedItemPosition() == position) {
                        label.setTextColor(getResources().getColor(R.color.selected_fg));
                        view.setBackgroundColor(getResources().getColor(R.color.selected_bg));
                        view.findViewById(R.id.icon).setVisibility(View.VISIBLE);
                }
                return view;
        }
};

跟我学Android之十一 列表和适配器

标签：

原文地址：http://blog.csdn.net/zhangchen124/article/details/51848039