android listview(每个item包含图片及文字)
文章引自:(http://labs.chinamobile.com/groups/10670_27342)
ListView是android开发中最常用的组件之一,它通过一个adapter来构建显示通常有三种adapter可以使用ArrayAdapter,SimpleAdapter,CursorAdapter。CursorAdapter主要正对数据库使用,下面通过例子介绍ArrayAdapter,SimpleAdapter的简单使用:
1:ArrayAdapter它接受一个数组或者List作为参数来构建。
一下通过简单例子说明:
创建Test继承ListActivity这里我们传入一个string数组
publicclassListTestextendsListActivity{
/***//**Calledwhentheactivityisfirstcreated.*/
@Override
publicvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
String[]sw=newString[100];
for(inti=0;i<100;i++){
sw[i]="listtest_"+i;
}
ArrayAdapter<String>adapter=newArrayAdapter<String>(this,android.R.layout.simple_list_item_1,sw);//使用系统已经实现好的xml文件simple_list_item_1
setListAdapter(adapter);
}
}运行如图:
从以上代码可以看不我们不需要加载我们自己的layout而是用系统已经实现的layout很快速的实现了listview
第二种SimpleAdapter:
先看下我们例子的最终截图:
通过上图可以看出listview每行不仅仅是一个string包括了很多项,图片,多项文字
我们通过构建list,并设置每项为一个map来实现:
代码:创建TestList类继承Activity
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
ArrayList<HashMap<String,Object>>users=newArrayList<HashMap<String,Object>>();
for(inti=0;i<10;i++){
HashMap<String,Object>user=newHashMap<String,Object>();
user.put("img",R.drawable.user);
user.put("username","姓名("+i+")");
user.put("age",(20+i)+"");
users.add(user);
}
SimpleAdaptersaImageItems=newSimpleAdapter(this,
users,//数据来源
R.layout.user,//每一个userxml相当ListView的一个组件
newString[]{"img","username","age"},
//分别对应view的id
newint[]{R.id.img,R.id.name,R.id.age});
//获取listview
((ListView)findViewById(R.id.users)).setAdapter(saImageItems);
下面是main.xml的内容:
<?xmlversion="1.0"encoding="utf-8"?>
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"android:layout_width="fill_parent"
android:layout_height="fill_parent">
<TextViewandroid:text="用户列表"android:gravity="center"
android:layout_height="wrap_content"
android:layout_width="fill_parent"android:background="#DAA520"
android:textColor="#000000">
</TextView>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<TextViewandroid:text="姓名"
android:gravity="center"android:layout_width="160px"
android:layout_height="wrap_content"android:textstyle="bold"
android:background="#7CFC00">
</TextView>
<TextViewandroid:text="年龄"
android:layout_width="170px"android:gravity="center"
android:layout_height="wrap_content"android:textstyle="bold"
android:background="#F0E68C">
</TextView>
</LinearLayout>
<ListViewandroid:layout_width="wrap_content"
android:layout_height="wrap_content"android:id="@+id/users">
</ListView>
</LinearLayout>
之中listView前面的可以说是标题行,listview相当于用来显示数据的容器,里面每行是一个用户信息,而用户信息是样子呢?
看看use.xml
<?xmlversion="1.0"encoding="utf-8"?>
<TableLayout
android:layout_width="fill_parent"
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_height="wrap_content"
>
<TableRow>
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/img">
</ImageView>
<TextView
android:layout_height="wrap_content"
android:layout_width="150px"
android:id="@+id/name">
</TextView>
<TextView
android:layout_height="wrap_content"
android:layout_width="170px"
android:id="@+id/age">
</TextView>
</TableRow>
</TableLayout>也就是说每行包含了一个img和2个文字信息
这个文件以参数的形式通过adapter在listview中显示。
也就是:
SimpleAdaptersaImageItems=newSimpleAdapter(this,
users,//数据来源
R.layout.user,//每一个userxml相当ListView的一个组件
newString[]{"img","username","age"},
//分别对应view的id
newint[]{R.id.img,R.id.name,R.id.age});