Android Selector和Shape的使用方法

前端技术 2023/09/01 Android

1.背景选择器（位于res/drawable/，使用方法：android:background=”@drawable/XXX”）

复制代码 代码如下:

<?xml version=\"1.0\" encoding=\"utf-8\"?>
<selectorxmlns:android=\"http://schemas.android.com/apk/res/android\">
<itemandroid:drawable=\"@drawable/login_blue_pressed\" android:state_pressed=\"true\"/>
<itemandroid:drawable=\"@drawable/login_blue_pressed\"android:state_focused=\"true\"/>
<itemandroid:drawable=\"@drawable/login_blue_normal\" />
</selector>

2.文字颜色选择器（位于res/color/，使用方法：android:textColor=”@color/XXX”）
复制代码 代码如下:

<?xml version=\"1.0\" encoding=\"utf-8\"?>
<selectorxmlns:android=\"http://schemas.android.com/apk/res/android\">
<itemandroid:color=\"#ffffff\" android:state_pressed=\"true\"/>
<itemandroid:color=\"#ffffff\" android:state_focused=\"true\"/>
<item android:color=\"#000000\"/>
</selector>

注意：在res/drawable/XXX.xml智能提示时没有android:color，同理在res/color/XXX.xml智能提示时没有android:drawable。
3.背景渐变器（位于res/color/或res/drawable/）
res/drawable/selector1.xml:
复制代码 代码如下:

<?xml version=\"1.0\" encoding=\"utf-8\"?>
<selector xmlns:Android=\"http://schemas.android.com/apk/res/android\">
<itemAndroid:state_selected=\"true\">
<shape>
<gradientAndroid:angle=\"270\" android:endColor=\"#99BD4C\"
android:startColor=\"#A5D245\" />
<sizeAndroid:height=\"60dp\" android:width=\"320dp\" />
<cornersandroid:radius=\"8dp\" />
</shape>
</item>
<itemAndroid:state_pressed=\"true\">
<shape>
<gradientAndroid:angle=\"270\" android:endColor=\"#99BD4C\"
android:startColor=\"#A5D245\"/>
<sizeAndroid:height=\"60dp\" android:width=\"320dp\" />
<cornersandroid:radius=\"8dp\" />
</shape>
</item>
<item>
<shape>
<gradientAndroid:angle=\"270\" android:endColor=\"#A8C3B0\"
android:startColor=\"#C6CFCE\" />
<sizeAndroid:height=\"60dp\" android:width=\"320dp\" />
<cornersandroid:radius=\"8dp\" />
</shape>
</item>
</selector>

layout/main.xml:
复制代码 代码如下:

<Button
android:id=\"@+id/button1\"
android:layout_width=\"100dp\"
android:layout_height=\"50dp\"
android:background=\"@drawable/selector1\"
android:text=\"button1\" />

结合Shape来实现背景渐变效果。
或者只是以color代替drawable作为背景选择器的元素：
复制代码 代码如下:

<?xml version=\"1.0\" encoding=\"utf-8\"?>
<selector xmlns:Android=\"http://schemas.android.com/apk/res/android\">
<itemAndroid:state_selected=\"true\">
<shape>
<solidAndroid:color=\"#ff0000\" />
</shape>
</item>
<itemAndroid:state_pressed=\"true\">
<shape>
<solidAndroid:color=\"#ff0000\" />
</shape>
</item>
<item>
<shape>
<solidAndroid:color=\"#00ffff\" />
</shape>
</item>
</selector>

再或者drawable和color混用（不过注意四角的一致性，因为drawable里可能圆弧型四角）：
复制代码 代码如下:

<?xml version=\"1.0\" encoding=\"utf-8\"?>
<selectorxmlns:Android=\"http://schemas.android.com/apk/res/android\">
<itemAndroid:state_selected=\"true\">
<shape>
<solidAndroid:color=\"#ff0000\" />
</shape>
</item>
<itemAndroid:state_pressed=\"true\">
<shape>
<solidAndroid:color=\"#ff0000\" />
</shape>
</item>
<itemAndroid:drawable=\"@drawable/login_blue_normal\">
</item>
</selector>

效果图：
 
参考：
http://www.shaccp.net/zhishiku/android/220.html
http://www.cnblogs.com/top5/archive/2012/05/10/2494763.html
http://blog.csdn.net/wswqiang/article/details/6616306

本文地址：https://www.stayed.cn/item/2531

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案