1. 实验内容简介
列表视图(ListView)将元素按照条目的方式自上而下列出。通常,每一列只有一个元素。列表视图将子元素以列表的方式组织,用户可通过滑动滑块来显示界面之外的元素。ListView类是android.Widget包中的一个应用,该类继承了AdapterView类。
SimpleAdapter是扩展性最好的适配器,可以定义各种你想要的布局,而且使用很方便。
SimpleAdapter(Context context, List<? extends Map<String,?>> data, int resource, String[] from, int[] to)
参数context:上下文,比如this。关联SimpleAdapter运行的视图上下文
参数data:Map列表,列表要显示的数据,这部分需要自己实现,如例子中的getData(),类型要与上面的一致,每条项目要与from中指定条目一致
参数resource:ListView单项布局文件的Id,这个布局就是你自定义的布局了,你想显示什么样子的布局都在这个布局中。这个布局中必须包括了to中定义的控件id
参数 from:一个被添加到Map上关联每一个项目列名称的列表,数组里面是列名称
参数 to:是一个int数组,数组里面的id是自定义布局中各个控件的id,需要与上面的from对应
2. UI界面布局
放置一个ListView控件:
实际运行效果:
在res下的layout新建下面的xml文件:
list_item.xml
<?xmlversion="1.0" encoding="utf-8"?>
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal">
<TextView
android:id="@+id/mView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="TextView"
android:textSize="30sp" />
<TextView
android:id="@+id/mView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="right"
android:layout_weight="1"
android:text="TextView"
android:textSize="30sp" />
</LinearLayout>
3. 代码编写和调试
public class MainActivity extends Activity {
ListView mylistview;
List<Map<String,Object>> data;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mylistview =(ListView) findViewById(R.id.listView1);
// 准备数据
data = new ArrayList<Map<String, Object>>();
Map<String,Object> item;
item = new HashMap<String, Object>();
item.put("Name","Mary");
item.put("Sex","Girl");
data.add(item);
item = new HashMap<String, Object>();
item.put("Name","Jack");
item.put("Sex","Boy");
data.add(item);
item = new HashMap<String, Object>();
item.put("Name","Mike");
item.put("Sex","boy");
data.add(item);
// Put the datainto the simple adapter
SimpleAdapteradapter = new SimpleAdapter(this, data,
R.layout.list_item,new String[] { "Name", "Sex" }, new int[] {
R.id.mView1,R.id.mView2 });
mylistview.setAdapter(adapter);
mylistview.setOnItemClickListener(newOnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view,
intposition, long id) {
setTitle(parent.getItemAtPosition(position).toString());
}
});
}
}