【Android开发】范例2-实现带图标的ListView

效果如图：





实现代码：

首先编写res/layout/main.xml:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
android:background="#FFFFFF">

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

</LinearLayout>

之后编写用于布局列表项内容的XML布局文件items.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="match_parent"
android:background="#FFFFFF"
android:orientation="horizontal" >
<ImageView android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/image"
android:paddingTop="20px"
android:paddingBottom="20px"
android:adjustViewBounds="true"
android:minWidth="72px"
android:minHeight="72px"/>
<TextView android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="10px"
android:layout_gravity="center"
android:id="@+id/title"/>
</LinearLayout>

在主活动的onCreat()方法中，首先获取布局文件中添加的ListView，然后创建两个用于保存列表项图片id和文字的数组，并将这些图片id和文字添加到List集合中，在创建一个SimpleAdapter简单适配器，最后将该适配器与ListView相关联。具体代码如下：

package com.example.test;

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 MainActivity extends Activity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

ListView listview=(ListView)findViewById(R.id.listview1);//获取列表视图
int[] imageId=new int []{R.drawable.img01,R.drawable.img02,R.drawable.img03,
R.drawable.img04,R.drawable.img05,R.drawable.img06,
R.drawable.img07,R.drawable.img08};//定义并初始化保存图片id的数组
//定义并初始化保存列表项文字的数组
String[] title=new String[]{"视频播放","新闻媒体直播","查看联系人","设置","保存信息","我的写字板","二维码扫描","邮件发送"};
List<Map<String,Object>> listitems=new ArrayList<Map<String,Object>>();
for (int i = 0; i <imageId.length; i++) {
Map<String,Object> map=new HashMap<String,Object>();//实例化map对象
map.put("image", imageId[i]);
map.put("title",title[i]);
listitems.add(map);//将map对象装入List集合中
}

SimpleAdapter adapter=new SimpleAdapter(this,listitems,R.layout.
items,new String[]{"title","image"},new int[]{R.id.title,R.id.image});
listview.setAdapter(adapter);
}
}

实现了上图的效果。

转载请注明出处：http://blog.csdn.net/acmman/article/details/44833969