Android settings listview Item Check background color

ListView is a common Android control, when clicked on the ListView item, the orange background color is displayed by default, and the corresponding color is displayed when tumbling. This tends to be very uncoordinated with the actual software UI design style. By setting the ListView background color, the implementation is compatible with the software UI style.

Changing the listview background option often takes the form of creating an XML file, such as Listview_bg.xml, which defines the relevant properties of the selector, puts the file in the Drawable resource file when the resource file is used in the ListView The item configures the Background property android:background= "@drawable/listview_bg" to achieve the purpose of changing the background color.

But the problem is that the setting of the android:background= "@drawable/listview_bg" property is a drawable resource file, which means Listview_ Bg.xml configuration drawable requires a resource file that corresponds to a picture, but often requires only color code rather than picture resources. This time you need to configure drawable in Listview_bg.xml by referencing a color resource file, i.e. android:drawable= "@color/white", so that you do not need to reference a similar android:drawable= "@ Drawable/image "Such a picture file.

The following are the relevant code files.

Listview_bg.xml (background color state setting)

View Plaincopy to Clipboardprint?<?xml version= "1.0" encoding= "Utf-8"?>  <selector xmlns:android= "http:/ /schemas.android.com/apk/res/android ">  <!--background color without focus--  <item android:state_window_focused = "false"  android:drawable= "@color/unfocused"/>  <!--get focus in non-touch mode and click on background color-  < Item android:state_focused= "True" android:state_pressed= "true"  android:drawable= "@color/pressed"/ >  < background color when clicked!--Touch mode-  <item android:state_focused= "false" android:state_pressed= " True "  android:drawable=" @color/white "/>  <!--background color When selected-  -  <item Android:state_selected= "true"  android:drawable= "@color/selected"/>  <!--background color when getting focus--  <item android:state_focused= "true" android:drawable= "@color/focused"/>  </selector>  

Color.xml (color configuration file)

View Plaincopy to Clipboardprint?

2. <? XML version= "1.0" encoding="Utf-8"?>
4. <resources>
6. <color name="white"> #ffffffff</color>
8. <color name="unfocused"> #cccccccc</color>
10. <color name="pressed"> #fff22fff</color>
12. <color name="selected"> #fff33fff</color>
14. <color name="focused"> #ffff44ff</color>
16. </Resources>

Item.xml (ListView Item Option Layout file)

View Plaincopy to Clipboardprint?

2. <? XML version= "1.0" encoding="Utf-8"?>
4. <!--items Options--
6. <relativelayout
8. android:id="@+id/relativelayout"
10. android:layout_width="fill_parent"
12. xmlns:android="http://schemas.android.com/apk/res/android"
14. android:layout_height="wrap_content"
16. android:paddingbottom="4dip"
18. android:paddingleft="12dip"
20. android:paddingright="12dip"
22. android:background="@drawable/listview_bg"
24. >
26. <ImageView
28. android:paddingtop="22dip"
30. android:layout_alignparentright="true"
32. android:layout_width="wrap_content"
34. android:layout_height="wrap_content"
36. android:id="@+id/more_image"
38. />
40. <TextView
42. android:layout_height="wrap_content"
44. android:textsize="18dip"
46. android:layout_width="fill_parent"
48. android:id="@+id/title"
50. android:paddingtop="6dip"
52. />
54. <TextView
56. android:text=""
58. android:layout_height="wrap_content"
60. android:layout_width="fill_parent"
62. android:layout_below="@+id/title"
64. android:id="@+id/date"
66. android:paddingright="20dip"
68. />
70. </relativelayout>

Main.xml (ListView file)

View Plaincopy to Clipboardprint?

2. <? XML version= "1.0" encoding="Utf-8"?>
4. <linearlayout xmlns:android="http://schemas.android.com/apk/res/android"
6. android:orientation="vertical"
8. android:layout_width="fill_parent"
10. android:layout_height="fill_parent"
12. >
14. <ListView android:layout_width="wrap_content"
16. android:layout_height="wrap_content"
18. android:divider="@color/white"
20. android:dividerheight="1dip"
22. android:id="@+id/list_items"
24. />
26. </linearlayout>

Selectoractivity.java (Java source file)

View Plaincopy to Clipboardprint?

2. Package com.test.main;
6. Import java.util.ArrayList;
8. Import Java.util.HashMap;
12. Import android.app.Activity;
14. Import Android.os.Bundle;
16. Import Android.widget.ListView;
18. Import Android.widget.SimpleAdapter;
22. Public class Selectoractivity extends Activity {
24. /** Called when the activity is first created. * /
26. @Override
28. public void OnCreate (Bundle savedinstancestate) {
30. super.oncreate (savedinstancestate);
32. Setcontentview (R.layout.main);
34. ListView list= (ListView) Findviewbyid (R.id.list_items);
38. arraylistnew arraylist
42. String []title={"Apple","Google","Facebook"};
44. String []date={"2-12","5-16","9-12"};
48. For (int i = 0; i < 3; i++)
52. {
56. hashmap<string, object> map = new hashmap<string, object> ();
60. Map.put ("More_image", R.drawable.more); ID of the image resource
64. Map.put ("title", Title[i]);
68. Map.put ("date", Date[i]);
72. Listitem.add (map);
76. }
78. Data source
80. Simpleadapter listitemadapter= New Simpleadapter (selectoractivity. This, ListItem,
82. R.layout.item,//ListItem XML Implementation
84. //dynamic array with imageitem corresponding to the child
86. New string[] { "more_image", "title", "date"},
88. //XML file inside a ImageView, two x TextView ID
90. new int[] {r.id.more_image, r.id.title,
92. R.id.date});
96. List.setadapter (Listitemadapter);
100. }
102. }

At last

Figure-1 Click on the background color

Fig. 2 Background color when tumbling

Android settings listview Item Check background color