Android GirdView

笔者在用GridView时发现GridView的select style会根据系统而不同，因为在客户端中一边具有统一的显示风格，所以尝试了下指定GridView的选中样式。

首先看一下代码：

menu.xml

[html] view plain copy print ?

<?xmlversion="1.0"encoding="utf-8"?>
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="#e1e7e8"
android:orientation="vertical">
<includeandroid:id="@+id/menu_title"layout="@layout/title"/>
<GridViewandroid:listSelector="#e1e7e8"
android:id="@+id/menu"android:layout_width="fill_parent"android:layout_marginTop="10dip"
android:layout_height="fill_parent"android:numColumns="auto_fit"
android:verticalSpacing="10dp"android:horizontalSpacing="10dp"
android:columnWidth="90dp"android:stretchMode="columnWidth"
android:gravity="center">
</GridView>
</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="#e1e7e8" android:orientation="vertical"> <include android:id="@+id/menu_title" layout="@layout/title" /> <GridView android:listSelector="#e1e7e8" android:id="@+id/menu" android:layout_width="fill_parent" android:layout_marginTop="10dip" android:layout_height="fill_parent" android:numColumns="auto_fit" android:verticalSpacing="10dp" android:horizontalSpacing="10dp" android:columnWidth="90dp" android:stretchMode="columnWidth" android:gravity="center"> </GridView> </LinearLayout>其中android:listSelector="#e1e7e8"这句，android:listSelector的颜色值一定要和它父类容器的背景色相同，这样就不会出现选中时的黑色。

menuitem.xml

[html] view plain copy print ?

<?xmlversion="1.0"encoding="utf-8"?>
<RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:layout_height="wrap_content"
android:paddingBottom="4dip"
android:background="@drawable/bg_alibuymenu_states"
android:layout_width="fill_parent">
<ImageViewandroid:layout_height="wrap_content"
android:id="@+id/ItemImage"
android:layout_marginTop="20dip"
android:layout_width="wrap_content"
android:layout_centerHorizontal="true">
</ImageView>
<TextViewandroid:layout_width="wrap_content"
android:gravity="center"
android:textColor="@color/text_color"
android:singleLine="true"
android:textSize="16dip"
android:layout_below="@+id/ItemImage"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:id="@+id/ItemText">
</TextView>
</RelativeLayout>

<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_height="wrap_content" android:paddingBottom="4dip" android:background="@drawable/bg_alibuymenu_states" android:layout_width="fill_parent"> <ImageView android:layout_height="wrap_content" android:id="@+id/ItemImage" android:layout_marginTop="20dip" android:layout_width="wrap_content" android:layout_centerHorizontal="true"> </ImageView> <TextView android:layout_width="wrap_content" android:gravity="center" android:textColor="@color/text_color" android:singleLine="true" android:textSize="16dip" android:layout_below="@+id/ItemImage" android:layout_height="wrap_content" android:layout_centerHorizontal="true" android:id="@+id/ItemText"> </TextView> </RelativeLayout>
android:background="@drawable/bg_alibuymenu_states"这句话指定了GridView中的元素的背景风格。

bg_alibuymenu_states.xml

[html] view plain copy print ?

<?xmlversion="1.0"encoding="UTF-8"?>
<selectorxmlns:android="http://schemas.android.com/apk/res/android">
<itemandroid:state_pressed="true"android:drawable="@drawable/bg_alibuybutton_selected"/>
<itemandroid:state_focused="true"android:drawable="@drawable/bg_alibuybutton_selected"/>
</selector>

<?xml version="1.0" encoding="UTF-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_pressed="true" android:drawable="@drawable/bg_alibuybutton_selected" /> <item android:state_focused="true" android:drawable="@drawable/bg_alibuybutton_selected" /> </selector>在此文件中也可设置default的样式，如果需要的话。

bg_alibuybutton_selected.xml

[html] view plain copy print ?

<?xmlversion="1.0"encoding="utf-8"?>
<shapexmlns:android="http://schemas.android.com/apk/res/android">
<cornersandroid:radius="3dp"/>
<strokeandroid:width="0.5dp"android:color="#62809a"/>
<gradientandroid:startColor="@color/button_selected_start_color"
android:endColor="@color/button_selected_end_color"android:type="linear"
android:angle="90"android:centerX="0.5"android:centerY="0.5"/>
</shape>

<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <corners android:radius="3dp" /> <stroke android:width="0.5dp" android:color="#62809a" /> <gradient android:startColor="@color/button_selected_start_color" android:endColor="@color/button_selected_end_color" android:type="linear" android:angle="90" android:centerX="0.5" android:centerY="0.5" /> </shape>
bg_alibuybutton_default.xml

[html] view plain copy print ?

<?xmlversion="1.0"encoding="utf-8"?>
<shapexmlns:android="http://schemas.android.com/apk/res/android">
<cornersandroid:radius="3dp"/>
<strokeandroid:width="0.5dp"android:color="#62809a"/>
<gradientandroid:startColor="@color/button_defalut_start_color"
android:endColor="@color/button_defalut_end_color"android:type="linear"
android:angle="90"android:centerX="0.5"android:centerY="0.5"/>
</shape>

<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <corners android:radius="3dp" /> <stroke android:width="0.5dp" android:color="#62809a" /> <gradient android:startColor="@color/button_defalut_start_color" android:endColor="@color/button_defalut_end_color" android:type="linear" android:angle="90" android:centerX="0.5" android:centerY="0.5" /> </shape>
Android GirdView_第1张图片

出处：http://blog.csdn.net/weich_java/article/details/6987198

更多相关文章

随机推荐