Android背景选择器selector

最新推荐文章于 2021-05-26 12:22:02 发布

原创最新推荐文章于 2021-05-26 12:22:02 发布 · 667 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#android #selector #java

Android学习历程同时被 2 个专栏收录

118 篇文章

订阅专栏

深入理解Android

7 篇文章

订阅专栏

本文详细介绍了Android中Selector的使用方法，包括如何创建XML文件来定义不同状态下的背景图片，以及如何在ListView、Button等控件中应用这些自定义背景。通过实例演示了如何设置列表项的背景、按钮的渐变效果，并提供了实现透明背景的技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<span style="font-family: Arial; line-height: 26px; background-color: rgb(255, 255, 255);">Android中的Selector主要是用来改变ListView和Button控件的默认背景。</span>

步骤：

(一)、创建xml文件，存放位置及格式：drawable/xxx.xml

相关属性：

android:state_selecte选中
android:state_focused获得焦点
android:state_pressed点击
android:state_enabled设置是否响应事件,指所有事件

1. <?xml version="1.0" encoding="utf-8" ?>
2. <selector xmlns:android="http://schemas.android.com/apk/res/android">
3. 
4. <item android:drawable="@drawable/pic1" />
6. 
7. <item android:state_window_focused="false" android:drawable="@drawable/pic1" />
9. 
10. <item android:state_focused="true" android:state_pressed="true" android:drawable= "@drawable/pic2" />
12. 
13. <item android:state_focused="false" android:state_pressed="true" android:drawable="@drawable/pic3" />
15. 
16. <item android:state_selected="true" android:drawable="@drawable/pic4" />
18. 
19. <item android:state_focused="true" android:drawable="@drawable/pic5" />
20. </selector>

(二)、用法

（1）在ListView中添加如下属性代码

 
    
 android:listSelector="@drawable/mylist_view"  

（2）在 ListView的item界面中添加如下属性代码

[html]view plaincopy 
    
 android:background="@drawable/mylist_view"  

（3）利用JAVA代码直接编写

[java]view plaincopy 
    
 Drawable drawable = getResources().getDrawable(R.drawable.mylist_view);   
 listView.setSelector(drawable);  

但是这样会出现列表有时候为黑的情况，需要加上：android:cacheColorHint="@android:color/transparent" 使其透明。

[html]view plaincopy 
   

android:cacheColorHint="@android:color/transparent"

**************************************************************************************************************************************************8

Button还可以实现更复杂的效果，例如渐变
drawable/button_color.xml

[html]view plaincopyprint? 
    
 <span style="color:#330033;"><?xml version="1.0" encoding="utf-8"?>  
 <selector xmlns:android="http://schemas.android.com/apk/res/android">         /   
 <item android:state_pressed="true">//定义当button 处于pressed 状态时的形态。   
                 <shape>  
                 <gradient  android:startColor="#8600ff" />   
                       <stroke   android:width="2dp" android:color="#000000" />   
                        <corners android:radius="5dp" />    
                        <padding android:left="10dp" android:top="10dp"   
                                 android:bottom="10dp" android:right="10dp"/>    
                  </shape>   
 </item>   
 <item android:state_focused="true">//定义当button获得 focus时的形态   
                  <shape>   
                        <gradient android:startColor="#eac100"/>   
                        <stroke android:width="2dp" android:color="#333333"  color="#ffffff"/>   
                        <corners android:radius="8dp" />     
                        <padding android:left="10dp" android:top="10dp"   
                                 android:bottom="10dp" android:right="10dp"/>                     
                 </shape>   
  </item>  
 </selector></span><span style="color:#ff0000;"> </span>  
 
 

最后，需要在包含 button的xml文件里添加两项。例如main.xml 文件，需要在<Button />里加两项 android：focusable="true" android:background="@drawable/button_color"这样就把drawale/button_color.xml文件与这个控件关联起来了。

下面是一个处理圆角Button的selector:

</pre></div></div></div><div><span style="font-family: 宋体; font-size: 14px; line-height: 21px;"></span><pre name="code" class="java">

<?xml version="1.0" encoding="UTF-8"?>  
<selector xmlns:android="http://schemas.android.com/apk/res/android">  
  
    <item android:state_pressed="true"><shape android:shape="rectangle">  
  
            <!-- 填充的颜色 -->  
            <solid android:color="#33444444" />  
            <!-- 设置按钮的四个角为弧形 -->  
            <!-- android:radius 弧形的半径 -->  
            <corners android:radius="5dip" />  
  
            <!-- padding：Button里面的文字与Button边界的间隔 -->  
            <padding android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp"/>  
        </shape></item>  
    <item><shape android:shape="rectangle">  
  
            <!-- 填充的颜色 -->  
            <solid android:color="@color/title_text" />  
            <!-- 设置按钮的四个角为弧形 -->  
            <!-- android:radius 弧形的半径 -->  
            <corners android:radius="5dip" />  
  
            <!-- padding：Button里面的文字与Button边界的间隔 -->  
            <padding android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp"/> 
        </shape></item>  
  
</selector>