Android数据展示之ListView

时间:2022-04-19 10:01:50

Android应用程序中经常需要使用ListView展示数据,一个ListView通常将数据填充到布局文件中,在填充的过程中需要知道连接数据与ListView的适配器。适配器是一个连接数据和AdapterView(ListView是一个典型的AdapterView)的桥梁,通过它能有效地实现数据与AdapterView的分离设置,使AdapterView与数据的绑定更加简便,修改更加方便。常用的适配器有三种ArrayAdapter,SimpleAdapter和BaseAdapter。

ArrayAdapter实现ListView

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

在布局文件中新增一个ListView

    <ListView
android:id="@+id/list_Test"
android:layout_width="match_parent"
android:layout_height="wrap_content" />

 activity中代码的实现,获取ListView没什么好说的,主要是setAdapter方法,第二个参数就是Android系统中内置布局文件,如果是android.R.layout.simple_list_item_1,就直接是一行文字,我只列举了三个,其他的可以自行测试:

		String[] listArrStrings=new String[]{"星期一","星期二","星期三"};
listView=(ListView) findViewById(R.id.list_Test); listView.setAdapter(new ArrayAdapter<String>(this,android.R.layout.simple_list_item_single_choice, listArrStrings));
listView.setChoiceMode(ListView.CHOICE_MODE_SINGLE); listView.setOnItemClickListener(new OnItemClickListener() { @Override
public void onItemClick(AdapterView<?> parent, View view,
int position, long id) {
// TODO Auto-generated method stub
String nameString=(String) parent.getItemAtPosition(position);
setTitle("今天是:"+nameString); }

 实现结果如下:

Android数据展示之ListView

重新改变一下代码,改变一下填充的默认的系统的布局文件,可以设置单选还是多选:

	listView.setAdapter(new ArrayAdapter<String>(this,android.R.layout.simple_list_item_checked, listArrStrings));
listView.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE); listView.setAdapter(new ArrayAdapter<String>(this,android.R.layout.simple_list_item_checked, listArrStrings));
listView.setChoiceMode(ListView.CHOICE_MODE_SINGLE);

 效果如下:

 Android数据展示之ListView  Android数据展示之ListView

SimpleAdapter实现ListView

这次先来看下要实现的效果:

Android数据展示之ListView

ListView中每个View布局都一样,这个时候需要首先新建一个布局文件simpleitem.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal" > <ImageView
android:id="@+id/itemImage"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:src="@drawable/ic_launcher" /> <LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:paddingLeft="10dp"> <TextView
android:id="@+id/itemTitle"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="标题"
android:textSize="25sp" /> <TextView
android:id="@+id/itemText"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="xxxxxxxxx" />
</LinearLayout> </LinearLayout>

  这个时候代码调用也很简单,跟ArrayAdapter类似,SimpleAdapter,最后两个参数,一个是map中的键,一个对应的simpleitem中的id:

	ListView listView=(ListView) findViewById(R.id.list_simple);
ArrayList<HashMap<String, String>> arrayList=new ArrayList<HashMap<String,String>>();
for (int i = 0; i <10; i++) {
HashMap<String, String> map=new HashMap<String, String>();
map.put("itemTitle", "标题"+i);
map.put("itemText", "内容"+i);
arrayList.add(map);
} SimpleAdapter simpleAdapter=new SimpleAdapter(this, arrayList, R.layout.simpleitem, new String[]{"itemTitle","itemText"},new
int[]{R.id.itemTitle,R.id.itemText});
listView.setAdapter(simpleAdapter);

 BaseAdapter实现ListView

BaseAdapter可扩展性,可以再View中加入自己定义的一些操作事件,使用的时候需要实现BaseAdapter类,定义一个自己的类;

	class MyBaseAdapter extends BaseAdapter {

		// 定义List的长度
@Override
public int getCount() {
// TODO Auto-generated method stub
return 100;
} @Override
public Object getItem(int position) {
// TODO Auto-generated method stub
return null;
} @Override
public long getItemId(int position) {
// TODO Auto-generated method stub
return 30;
} @Override
public View getView(int position, View convertView, ViewGroup parent) {
// TODO Auto-generated method stub
TextView textView = new TextView(BaseActivity.this);
textView.setText("测试");
textView.setTextColor(Color.BLUE);
textView.setTextSize(20);
return textView; }
}

Activity中调用代码:

ListView listView = (ListView) findViewById(R.id.list_base);
listView.setAdapter(new MyBaseAdapter());

  Android数据展示之ListView

上面其实用BaseAdapter实现了ArrayAdapter的功能,同样的可以使用BaseAdapter实现SimpleAdapter的功能:

还是同样的调用simplte这个布局,重写一下getView()方法:

	View view = null;
if (convertView == null) {
LayoutInflater inflater = BaseActivity.this.getLayoutInflater();
view = inflater.inflate(R.layout.simpleitem, null);
}else{
view=convertView;
}
TextView tvTitleTextView=(TextView) view.findViewById(R.id.itemTitle);
TextView tvTextView=(TextView) view.findViewById(R.id.itemText);
tvTitleTextView.setTextSize(20);
tvTitleTextView.setText("标题---"+position);
tvTitleTextView.setTextColor(Color.RED);
tvTextView.setTextSize(15);
tvTextView.setText("内容----"+position);
return view;

  效果如下:

Android数据展示之ListView

十一点了,该睡觉了,程序员还是不要熬夜的比较好~