ListView效果DIY

http://www.eoeandroid.com/thread-98564-1-1.html

本帖最后由 taotao_think 于 2011-9-7 16:54 编辑   先上一张图给大家炫耀下： <IGNORE_JS_OP style="WORD-WRAP: break-word">  这张ListView的图中屏蔽了滚动条 使用android:scrollbars="none" 在listView设置背景后，拖动时会出现变黑现象 使用此属性android:scrollingCache="false" ListView拖动时上下和其他控件接触的地方显示黑色阴影 使用android:fadingEdge="none" 设置每个Item之间的间距用android:dividerHeight="3dip" 设置间距后，系统默认间距是用黑色填充的 使用android:divider="#F5F5F5"设置自定义颜色，也可以设置为图片 接下来是设置item的样式 这个就需要在定义的item的layout文件中设置它的背景了 我用的是<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@drawable/wb_list_item_bg"> <TextView   android:id="@+id/info_title_text"   android:layout_width="wrap_content"   android:layout_height="wrap_content"   android:textSize="15dip"   android:textColor="@color/blue_black"   android:textStyle="bold" /> <TextView   android:id="@+id/info_time_text"   android:layout_width="wrap_content"   android:layout_height="wrap_content"   style="@style/gz_count"   android:layout_alignBottom="@id/info_title_text"   android:layout_alignParentRight="true" /> <TextView   android:id="@+id/info_content_text"   android:layout_width="wrap_content"   android:layout_height="wrap_content"   android:layout_below="@id/info_title_text"   android:textSize="15dip"   android:textColor="@color/blue_black" /> </RelativeLayout> 注意红色标注的地方就是设置的背景样式，此背景是用XML文件编写的， 利用了Android的selector方法来设置控件在不同状态下的背景 <?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_window_focused="false" android:drawable="@drawable/wb_selector_item" /> <item android:state_focused="true" android:state_pressed="true"   android:drawable="@drawable/wb_selector_item_dw" /> <item android:state_focused="false" android:state_pressed="true"   android:drawable="@drawable/wb_selector_item_dw" /> <item android:state_selected="true" android:drawable="@drawable/wb_selector_item_dw" /> <item android:state_focused="true" android:drawable="@drawable/wb_selector_item_dw" /> </selector> 注意：其中的各item就是Listview中的每行在选中，获取焦点，被点选，无焦点时的背景 其实总共就分两类，一种是在活动状态，那么就给加底色高亮显示也可以是图片；一种是不活动状态，默认按浅颜色显示也可以是图片。 我是用的给控件设颜色和形状来完成不同背景显示的，代码如下： <?xml version="1.0" encoding="UTF-8" ?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <!-- 控件圆角属性，控件默认是直角，给四个顶点分别设置角度值，可以修改为圆角 --> <corners android:topLeftRadius="10px" android:topRightRadius="10px"   android:bottomLeftRadius="10px" android:bottomRightRadius="10px" /> <!-- 设置控件的背景颜色 --> <solid android:color="#F89E4F" /> <!-- 控件边框颜色和粗细 --> <stroke android:width="1dp" android:color="#CFCFCF" /> <!-- 控件内容据边框间距 --> <padding android:left="3sp" android:top="3sp" android:right="3sp"   android:bottom="3sp" /> </shape> 自我感觉这中设置控件显示属性的方式特别有意思，比直接设置背景图片强多了。 设置了背景后有一个问题出现了，就是会在每行四个角显示系统默认的活动状态背景色，很让人不爽。 <IGNORE_JS_OP style="WORD-WRAP: break-word">  经过摸索，还是找到了解决方法，在ListView控件中使用android:listSelector="#F5F5F5"属性将系统默认的活动状态背景色设为和我们设置android:divider="#F5F5F5"行间距显示相同颜色就可以去掉边角的背景色了。