自定义ListView

特点：不使用图片还完成精美的ListView外观。

Activity代码：

[java] view plain copy print ?

1. package app.imo;  
2.   
3. import android.app.Activity;  
4. import android.content.Context;  
5. import android.os.Bundle;  
6. import android.view.LayoutInflater;  
7. import android.view.View;  
8. import android.view.ViewGroup;  
9. import android.widget.BaseAdapter;  
10. import android.widget.ImageView;  
11. import android.widget.ListView;  
12. import android.widget.TextView;  
13.   
14. public class NiceListActivity extends Activity {  
15.     String[] titles = { "China", "UK", "USA", "Japan", "Canada", "NanChong", "XiChong" };  
16.     int[] resIds = { R.drawable.nice_list_img, R.drawable.nice_list_img, R.drawable.nice_list_img, R.drawable.nice_list_img, R.drawable.nice_list_img,  
17.             R.drawable.nice_list_img, R.drawable.nice_list_img };  
18.   
19.     @Override  
20.     public void onCreate(Bundle savedInstanceState) {  
21.         super.onCreate(savedInstanceState);  
22.         setContentView(R.layout.nice_list);  
23.         ListView listView = (ListView) findViewById(R.id.list);  
24.         listView.setAdapter(new ListViewAdapter(titles, resIds));  
25.     }  
26.   
27.     public class ListViewAdapter extends BaseAdapter {  
28.         View[] itemViews;  
29.   
30.         public ListViewAdapter(String[] itemTitles, int[] itemImageRes) {  
31.             itemViews = new View[itemTitles.length];  
32.   
33.             for (int i = 0; i < itemViews.length; i++) {  
34.                 itemViews[i] = makeItemView(itemTitles[i], itemImageRes[i]);  
35.             }  
36.         }  
37.   
38.         public int getCount() {  
39.             return itemViews.length;  
40.         }  
41.   
42.         public View getItem(int position) {  
43.             return itemViews[position];  
44.         }  
45.   
46.         public long getItemId(int position) {  
47.             return position;  
48.         }  
49.   
50.         private View makeItemView(String strTitle, int resId) {  
51.             LayoutInflater inflater = (LayoutInflater) NiceListActivity.this.getSystemService(Context.LAYOUT_INFLATER_SERVICE);  
52.   
53.             // 使用View的对象itemView与R.layout.item关联   
54.             View itemView = inflater.inflate(R.layout.nice_listitem, null);  
55.   
56.             // 通过findViewById()方法实例R.layout.item内各组件   
57.             TextView title = (TextView) itemView.findViewById(R.id.title);  
58.             title.setText(strTitle);  
59.             ImageView image = (ImageView) itemView.findViewById(R.id.img);  
60.             image.setImageResource(resId);  
61.   
62.             return itemView;  
63.         }  
64.   
65.         public View getView(int position, View convertView, ViewGroup parent) {  
66.             if (convertView == null)  
67.                 return itemViews[position];  
68.             return convertView;  
69.         }  
70.     }  
71. }  

package app.imo;

import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.TextView;

public class NiceListActivity extends Activity {
	String[] titles = { "China", "UK", "USA", "Japan", "Canada", "NanChong", "XiChong" };
	int[] resIds = { R.drawable.nice_list_img, R.drawable.nice_list_img, R.drawable.nice_list_img, R.drawable.nice_list_img, R.drawable.nice_list_img,
			R.drawable.nice_list_img, R.drawable.nice_list_img };

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.nice_list);
		ListView listView = (ListView) findViewById(R.id.list);
		listView.setAdapter(new ListViewAdapter(titles, resIds));
	}

	public class ListViewAdapter extends BaseAdapter {
		View[] itemViews;

		public ListViewAdapter(String[] itemTitles, int[] itemImageRes) {
			itemViews = new View[itemTitles.length];

			for (int i = 0; i < itemViews.length; i++) {
				itemViews[i] = makeItemView(itemTitles[i], itemImageRes[i]);
			}
		}

		public int getCount() {
			return itemViews.length;
		}

		public View getItem(int position) {
			return itemViews[position];
		}

		public long getItemId(int position) {
			return position;
		}

		private View makeItemView(String strTitle, int resId) {
			LayoutInflater inflater = (LayoutInflater) NiceListActivity.this.getSystemService(Context.LAYOUT_INFLATER_SERVICE);

			// 使用View的对象itemView与R.layout.item关联
			View itemView = inflater.inflate(R.layout.nice_listitem, null);

			// 通过findViewById()方法实例R.layout.item内各组件
			TextView title = (TextView) itemView.findViewById(R.id.title);
			title.setText(strTitle);
			ImageView image = (ImageView) itemView.findViewById(R.id.img);
			image.setImageResource(resId);

			return itemView;
		}

		public View getView(int position, View convertView, ViewGroup parent) {
			if (convertView == null)
				return itemViews[position];
			return convertView;
		}
	}
}

nice_list.xml：

[html] view plain copy print ?

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:layout_width="fill_parent"  
4.     android:layout_height="fill_parent"  
5.     android:background="#253853"  
6.     android:orientation="vertical" >  
7.   
8.     <ListView  
9.         android:id="@+id/list"  
10.         android:layout_width="fill_parent"  
11.         android:layout_height="fill_parent"  
12.         android:layout_marginBottom="10dp"  
13.         android:cacheColorHint="#00000000"  
14.         android:divider="#2A4562"  
15.         android:dividerHeight="4dp"  
16.         android:drawSelectorOnTop="false"  
17.         android:listSelector="#264365" >  
18.     </ListView>  
19.   
20. </LinearLayout>  

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="#253853"
    android:orientation="vertical" >

    <ListView
        android:id="@+id/list"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_marginBottom="10dp"
        android:cacheColorHint="#00000000"
        android:divider="#2A4562"
        android:dividerHeight="4dp"
        android:drawSelectorOnTop="false"
        android:listSelector="#264365" >
    </ListView>

</LinearLayout>

nice_listitem.xml：

[html] view plain copy print ?

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:layout_width="fill_parent"  
4.     android:layout_height="fill_parent"  
5.     android:background="@drawable/nice_selector" >  
6.   
7.     <ImageView  
8.         android:id="@+id/img"  
9.         android:layout_width="wrap_content"  
10.         android:layout_height="wrap_content"  
11.         android:layout_gravity="center_vertical"  
12.         android:layout_marginLeft="20dp" />  
13.   
14.     <LinearLayout  
15.         android:layout_width="fill_parent"  
16.         android:layout_height="wrap_content"  
17.         android:orientation="vertical" >  
18.   
19.         <TextView  
20.             android:id="@+id/title"  
21.             android:layout_width="fill_parent"  
22.             android:layout_height="wrap_content"  
23.             android:layout_marginLeft="20dp"  
24.             android:layout_marginTop="20dp"  
25.             android:gravity="center_vertical"  
26.             android:text="data"  
27.             android:textColor="@color/black"  
28.             android:textSize="14sp"  
29.             android:textStyle="bold" >  
30.         </TextView>  
31.     </LinearLayout>  
32.   
33. </LinearLayout>  

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@drawable/nice_selector" >

    <ImageView
        android:id="@+id/img"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:layout_marginLeft="20dp" />

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical" >

        <TextView
            android:id="@+id/title"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="20dp"
            android:layout_marginTop="20dp"
            android:gravity="center_vertical"
            android:text="data"
            android:textColor="@color/black"
            android:textSize="14sp"
            android:textStyle="bold" >
        </TextView>
    </LinearLayout>

</LinearLayout>

nice_selector.xml：

[html] view plain copy print ?

1. <?xml version="1.0" encoding="utf-8"?>  
2. <selector xmlns:android="http://schemas.android.com/apk/res/android">  
3.   
4.     <item android:state_selected="true"><shape>  
5.             <gradient android:angle="270" android:endColor="#99BD4C" android:startColor="#A5D245" />  
6.   
7.             <padding android:bottom="20dp" android:left="15dp" android:right="15dp" android:top="20dp" />  
8.   
9.             <size android:height="60dp" android:width="320dp" />  
10.   
11.             <corners android:radius="8dp" />  
12.         </shape></item>  
13.     <item android:state_pressed="true"><shape>  
14.             <gradient android:angle="270" android:endColor="#99BD4C" android:startColor="#A5D245" />  
15.   
16.             <padding android:bottom="20dp" android:left="15dp" android:right="15dp" android:top="20dp" />  
17.   
18.             <size android:height="60dp" android:width="320dp" />  
19.   
20.             <corners android:radius="8dp" />  
21.         </shape></item>  
22.     <item><shape>  
23.             <gradient android:angle="270" android:endColor="#A8C3B0" android:startColor="#C6CFCE" />  
24.   
25.             <padding android:bottom="20dp" android:left="15dp" android:right="15dp" android:top="20dp" />  
26.   
27.             <size android:height="60dp" android:width="320dp" />  
28.   
29.             <corners android:radius="8dp" />  
30.         </shape></item>  
31.   
32. </selector>  

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:state_selected="true"><shape>
            <gradient android:angle="270" android:endColor="#99BD4C" android:startColor="#A5D245" />

            <padding android:bottom="20dp" android:left="15dp" android:right="15dp" android:top="20dp" />

            <size android:height="60dp" android:width="320dp" />

            <corners android:radius="8dp" />
        </shape></item>
    <item android:state_pressed="true"><shape>
            <gradient android:angle="270" android:endColor="#99BD4C" android:startColor="#A5D245" />

            <padding android:bottom="20dp" android:left="15dp" android:right="15dp" android:top="20dp" />

            <size android:height="60dp" android:width="320dp" />

            <corners android:radius="8dp" />
        </shape></item>
    <item><shape>
            <gradient android:angle="270" android:endColor="#A8C3B0" android:startColor="#C6CFCE" />

            <padding android:bottom="20dp" android:left="15dp" android:right="15dp" android:top="20dp" />

            <size android:height="60dp" android:width="320dp" />

            <corners android:radius="8dp" />
        </shape></item>

</selector>

效果图：

 

转自：http://blog.youkuaiyun.com/coding_or_coded/article/details/7257124