安卓开发之带图标的列表

学习使用ListView组件和SimapleAdapter适配器实现一个带图标的ListView列表

总共3部分

一、MainActivity.java文件

 1 package xqx;
 2
 3 import java.util.ArrayList;
 4 import java.util.HashMap;
 5 import java.util.List;
 6 import java.util.Map;
 7
 8 import com.example.test.R;
 9
10 import android.app.Activity;
11 import android.content.res.TypedArray;
12 import android.os.Bundle;
13 import android.view.View;
14 import android.view.View.OnClickListener;
15 import android.view.ViewGroup;
16 import android.widget.AdapterView;
17 import android.widget.AdapterView.OnItemClickListener;
18 import android.widget.BaseAdapter;
19 import android.widget.Gallery;
20 import android.widget.ImageView;
21 import android.widget.ListView;
22 import android.widget.SimpleAdapter;
23 import android.widget.Toast;
24
25 public class MainActivity extends Activity{
26
27     private ListView listview;
28     @Override
29     protected void onCreate(Bundle savedInstanceState) {
30         // TODO Auto-generated method stub
31         super.onCreate(savedInstanceState);
32
33         setContentView(R.layout.mainactivity);
34         //获取列表视图
35         listview = (ListView) findViewById(R.id.listView1);
36         //定义并初始化保存图片ID的数组
37         int [] imageId = new int[]{R.drawable.menu_chapu,R.drawable.menu_chapu,R.drawable.menu_chapu,R.drawable.menu_chapu,R.drawable.menu_chapu};
38         //定义并初始化保存列表项文字的数组
39         String[] title = new String[]{"茶忌","茶具","茶疗","茶谱","更多"};
40         //创建list集合
41         List<Map<String,Object>> listItems = new ArrayList<Map<String,Object>>();
42         //通过for循环将图片id和列表项文字放到Map中，并添加到list集合中
43         for(int i=0;i<imageId.length;i++)
44         {
45             //实例化Map对象
46             Map<String,Object> map = new HashMap<String,Object>();
47             map.put("image", imageId[i]);
48             map.put("title", title[i]);
49             //将map对象添加到List集合
50             listItems.add(map);
51         }
52         SimpleAdapter adapter = new SimpleAdapter(this, listItems, R.layout.items, new String[]{"title","image"},new int[]{R.id.title,R.id.image});
53         listview.setAdapter(adapter);
54     }
55
56 }

二、两个 layout

（1）items.xml

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 3     android:layout_width="match_parent"
 4     android:layout_height="match_parent"
 5     android:orientation="horizontal" >
 6
 7     <ImageView
 8         android:id="@+id/image"
 9         android:paddingRight="10px"
10         android:paddingTop="20px"       //图片距离头部20px
11         android:paddingBottom="20px"    //图片距离底部20px
12         android:adjustViewBounds="true" //

13         android:maxWidth="72px"
14         android:maxHeight="72px"
15         android:layout_width="wrap_content"
16         android:layout_height="wrap_content"
17         />
18
19     <TextView
20         android:layout_width="wrap_content"
21         android:layout_height="wrap_content"
22         android:padding="10px"
23         android:layout_gravity="center"
24         android:id="@+id/title"
25         />
26 </LinearLayout>

用于布局列表项内容，采用水平线性布局，并在该布局管理器中添加一个ImageView组件和一个TextView组件，分别用于显示列表项中的图标和文字
(2)mainactivity.xml

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 3     android:layout_width="match_parent"
 4     android:layout_height="match_parent"
 5     android:orientation="vertical" >
 6
 7     <ListView
 8         android:id="@+id/listView1"
 9         android:layout_width="match_parent"
10         android:layout_height="wrap_content" >
11     </ListView>
12
13 </LinearLayout>

三、AndroidManifest.xml

 1 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
 2     package="com.example.test"
 3     android:versionCode="1"
 4     android:versionName="1.0" >
 5
 6     <uses-sdk
 7         android:minSdkVersion="8"
 8         android:targetSdkVersion="18" />
 9
10     <application
11         android:allowBackup="true"
12         android:icon="@drawable/ic_launcher"
13         android:label="@string/app_name"
14         android:theme="@style/AppTheme" >
15         <activity android:name="xqx.MainActivity">
16 -         <intent-filter>
17                   <action android:name="android.intent.action.MAIN" />
18                   <category android:name="android.intent.category.LAUNCHER" />
19           </intent-filter>
20           </activity>
21     </application>
22
23 </manifest>

效果图