7.2 Android Basic UI的布局 ListView演示
ListView演示
-
新建项目ListViewDemo,编辑res/layout/main.xml 布局文件如下：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="fill_parent"
android:layout_height="fill_parent">
<TextView android:layout_width="fill_parent"
android:layout_height="wrap_content" android:text="ListView演示" />
<Button android:text="单列ListView" android:id="@+id/Button01"
android:layout_width="wrap_content" android:layout_height="wrap_content"></Button>
<Button android:text="双列ListView" android:id="@+id/Button02"
android:layout_width="wrap_content" android:layout_height="wrap_content"></Button>
<Button android:text="没有数据的ListView" android:id="@+id/Button03"
android:layout_width="wrap_content" android:layout_height="wrap_content"></Button>
<Button android:text="ListView操作" android:id="@+id/Button04"
android:layout_width="wrap_content" android:layout_height="wrap_content"></Button>
</LinearLayout>
使用4个按钮分别演示ListView的4种状态。
2. 添加4个Activity 分别是ActivityList1,ActivityList2,ActivityList3,ActivityList4. 并在AndroidManifest.xml中配置Activity。
<activity android:name="ActivityList1"></activity>
<activity android:name="ActivityList2"></activity>
<activity android:name="ActivityList3"></activity>
<activity android:name="ActivityList4"></activity>
3. 关联Button事件到4个Activity,在ListViewDemo中添加如下代码：
import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
public class ListViewDemo extends Activity {
/** Called when the activity is first created. */
private Button button1;
private Button button2;
private Button button3;
private Button button4;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
//ActivityList1
button1 = (Button)findViewById(R.id.Button01);
button1.setOnClickListener(new Button.OnClickListener(){
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
Intent intent = new Intent(ListViewDemo.this,ActivityList1.class);
startActivity(intent);
}
});
//ActivityList2
button2 = (Button)findViewById(R.id.Button02);
button2.setOnClickListener(new Button.OnClickListener(){
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
Intent intent = new Intent(ListViewDemo.this,ActivityList2.class);
startActivity(intent);
}
});
//ActivityList3
button3 = (Button)findViewById(R.id.Button03);
button3.setOnClickListener(new Button.OnClickListener(){
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
Intent intent = new Intent(ListViewDemo.this,ActivityList3.class);
startActivity(intent);
}
});
//ActivityList4
button4 = (Button)findViewById(R.id.Button04);
button4.setOnClickListener(new Button.OnClickListener(){
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
Intent intent = new Intent(ListViewDemo.this,ActivityList4.class);
startActivity(intent);
}
});
}
}
4. 基本的ListView使用ArrayAdapter来填充数据的演示(ActivityList1)
编辑ActivityList1类，代码如下：
import android.app.Activity;
import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.ListView;
public class ActivityList1 extends Activity {
private ListView listView;
private String[] data={
"苹果取消iOS系统应用开发工具限制",
"谷歌苹果颤抖 十大微软WP7牛机谍照汇总 最快本月上市",
"2000元全键盘智能机推荐 用户关注度极高 ",
"电信校园营销扩张：教师可入网办学生套餐 ",
"HD7延续经典 六大品牌王牌系列机型逐个挑 引领前沿水平",
"摩托罗拉HTC领衔 市售电容屏智能机全推荐 ",
"N8携塞班卷土重来 Symbian系智能强机盘点 ",
"下歌仅需几秒钟 电信天翼无线WiFi实测"
};
@Override
protected void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
setTitle("ActivityList1");
listView = new ListView(this);
ArrayAdapter adapter = new ArrayAdapter(this,android.R.layout.simple_list_item_1,data);
listView.setAdapter(adapter);
listView.setItemsCanFocus(true);
listView.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);
setContentView(listView);
}
}
ListView将要显示的数据定义在String数组当中.
listView = new ListView(this)创建了ListView对象。
使用ArrayAdapter加载数组中的数据，android.R.layout.simple_list_item_1 是系统定义布局资源表示ListView中的每一项只是简单的一个TextView。
listViewSetAdapter(adapter)方法会把ArrayAdapter中的数据显示出来。
Android系统默认的布局方式
android.R.layout.simple_list_item_1 每项只有一个TextView。
android.R.layout.simple_list_item_2 每项有两个TextView。
android.R.laout.simple_list_item_single_choice 每项有一个TextView但这一项可以被选择(RadioBox)。
android.R.layout.simple_list_item_checked 每项有一个TextView，但每项可以被选择(CheckedBox).
5. 使用SimpleAdapter显示两列数据(ActivityList2)
SimpleAdapter可以让ListView中的项更加个性化。通常ListView中的项的布局信息写在一个xml的布局文件中。
ArrayListAdapter是数组和ListView间的桥梁，SimpleAdapter是ArrayList和ListView的桥梁。但是这里的ArrayList中的每一项是一个Map<String,?>类型。
SimpleAdapter的构造函数。
SimpleAdapter(Context context,List<?extends Map<String,?>>data, int resource,String[] from,int[]to);
参数：
Content 上下文的引用。
Data 基于Map<String,?>类型的数组。
Resource layout中定义的资源，这个layout最少要包含to中出现的那些View.
From 名字数组，索引Map<String,Object>的Object用的。
To 是一个TextView数组，以id的形式表示。
编辑ActivityList2如下代码：
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import android.app.Activity;
import android.os.Bundle;
import android.widget.ListView;
import android.widget.SimpleAdapter;
public class ActivityList2 extends Activity {
private ListView listView;
private List<Map<String,Object>> data;
@Override
protected void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
setTitle("ActivityList2");
Init();
listView = new ListView(this);
//使用系统的layout显示一项
SimpleAdapter adapter = new SimpleAdapter(this,data,
android.R.layout.simple_list_item_1,
new String[]{"相机"},
new int[]{android.R.id.text1});
listView.setAdapter(adapter);
setContentView(listView);
}
private void Init(){
data = new ArrayList<Map<String,Object>>();
Map<String,Object> item;
item = new HashMap<String,Object>();
item.put("相机","三星 ST550");
item.put("特性","像素数:1220万 传感器尺寸:(1/2.33)英寸 光学变焦:4.6倍 等效于35mm焦距:27-124.2mm 显示屏尺寸:3.5英寸 防抖性能:光学防抖");
data.add(item);
item = new HashMap<String,Object>();
item.put("相机","佳能 G11");
item.put("特性", "光学变焦:5倍 等效于35mm焦距:28-140mm 显示屏尺寸:2.8英寸 防抖性能:光学防抖");
data.add(item);
item = new HashMap<String,Object>();
item.put("相机","尼康D90");
item.put("特性", "有效像素数:1000万 传感器尺寸:(1/2.4)英寸 光学变焦:5倍 等效于35mm焦距:24-120mm 显示屏尺寸:2.7英寸 防抖性能:光学防抖 ");
data.add(item);
item = new HashMap<String,Object>();
item.put("相机","索尼WX1");
item.put("特性", "像素数:1220万 传感器尺寸:(1/2.33)英寸 光学变焦:4.6倍 等效于35mm焦距:27-124.2mm 显示屏尺寸:3.5英寸 防抖性能:光学防抖");
data.add(item);
}
}
将数据的初始化放到了单独的成员方法Init()中。
SimpleAdapter adapter = new SimpleAdapter(this,data,
android.R.layout.simple_list_item_1,
new String[]{"相机"},
new int[]{android.R.id.text1});
使用系统的simple_list_item1来创建单列的listView。
From 和 to 参数的意思就是 将 "相机" 对应的数据 显示在 andorid.R.id.text1上。
更改一下adapter的创建，使用系统的layout显示两项数据：
SimpleAdapter adapter = new SimpleAdapter(this,data,
android.R.layout.simple_list_item_2,
new String[]{"相机","特性"},
new int[]{android.R.id.text1,android.R.id.text2}
);
使用自定的layout显示数据, 在res/layout新建 listitem.xml 布局文件:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<TextView android:id="@+id/mview1" android:layout_width="100px"
android:layout_height="wrap_content" />
<TextView android:id="@+id/mview2"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</LinearLayout>
修改adapter的创建:
//使用自定义的layout显示数据
SimpleAdapter adapter = new SimpleAdapter(this,data,
R.layout.listitem,
new String[]{"相机","特性"},
new int[]{R.id.mview1,R.id.mview2}
);
处理ListView的事件,在onCreate()方法中添加如下代码:
//Listview的事件
listView.setOnItemClickListener(new ListView.OnItemClickListener(){
@Override
public void onItemClick(AdapterView<?> parent, View view, int position,
long id) {
// TODO Auto-generated method stub
Toast.makeText(ActivityList2.this, parent.getItemAtPosition(position).toString(), Toast.LENGTH_SHORT).show();
}
});
当ListView中的项被单击的时候会执行此代码，onItemClick是回凋函数，参数的意思是：
AdatperView<?> parent 是被单击的ListView
View view是选中的项
Int position 是选中的View在ListView当中的位置
Int id 是被选中哪一行的id.
getItemAtPosition()方法是获取这一行绑定的数据。
6. 使用ListActivity类来显示列表数据。 ListActivity也是一种ListView每一个ListActivity都和一个xml布局文件关联，布局文件基本上是固定的模式。
在res/layout下新建布局文件list3.xml：
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<ListView android:id="@id/android:list"
android:layout_width="fill_parent"
android:layout_height="fill_parent"/>
<TextView android:id="@id/android:empty"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="没有数据"/>
</LinearLayout>
定义了一个ListView, id是系统预设的 "@id/andorid:list", 另外定义了一个 TextView用来显示空数据的提示，id也是系统预设的 "@id/android:empty"。
修改ActivityList3的代码如下：
public class ActivityList3 extends ListActivity {
private String[] data = {};
@Override
protected void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
setTitle("ActivityList3");
setContentView(R.layout.list3);
ArrayAdapter adapter = new ArrayAdapter<String>(this,
android.R.layout.simple_list_item_1, data);
setListAdapter(adapter);
}
}
使用ArrayAdapter 关联数据，使用系统内置的simple_list_item1. setListAdapter()方法显示adapter中的数据。
给数组添加数据:
private String[] data = {"abc","def","kkkk"};
ListView的事件处理,在ListActivity类中重写onListItemClick方法：
//重写,处理单击事件
@Override
protected void onListItemClick(ListView l, View v, int position, long id) {
// TODO Auto-generated method stub
super.onListItemClick(l, v, position, id);
Toast.makeText(this, l.getItemAtPosition(position).toString(), Toast.LENGTH_SHORT).show();
}
7. ListView不仅仅有OnItemClickListener事件，还有OnItemSelectedListener事件，当某项被选中的时候触发。
将列表数据写到res/string.xml中
<?xml version="1.0" encoding="utf-8"?>
<resources>
<string name="hello">Hello World, ListViewDemo!</string>
<string name="app_name">ListViewDemo</string>
<string-array name="list_data">
<item>list1</item>
<item>list2</item>
<item>list3</item>
<item>list4</item>
<item>list5</item>
<item>list6</item>
</string-array>
</resources>
修改ActivityList4的代码：
public class ActivityList4 extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
setTitle("ActivityList4");
ListView listView = new ListView(this);
String []data = getResources().getStringArray(R.array.list_data);
ArrayAdapter adapter = new ArrayAdapter(this,android.R.layout.simple_list_item_1,data);
listView.setAdapter(adapter);
setContentView(listView);
listView.setOnItemSelectedListener(new ListView.OnItemSelectedListener(){
@Override
public void onItemSelected(AdapterView<?> parentView, View view,
int position, long id) {
// TODO Auto-generated method stub
Toast.makeText(ActivityList4.this, "选中"+parentView.getItemAtPosition(position).toString(), Toast.LENGTH_SHORT).show();
}
@Override
public void onNothingSelected(AdapterView<?> arg0) {
// TODO Auto-generated method stub
}
});
}
}
