文档章节

背景选择器selector的易错点

Freewheel
 Freewheel
发布于 2015/06/07 13:38
字数 464
阅读 22
收藏 0

Android中,控件Button和ImageButton一般有三种状态:常态(normal)、点击状态(pressed)、聚焦状态(focused)。很多时候,我们为了提高用户的体验常常为Button以及ImageButton的不同状态设置不同的背景图片,下面介绍一种利用selector设置Button和ImageButton不同状态下的背景图片的方法。

具体步骤如下:

一、在res/drawable文件下创建selector.xml,示例代码如下:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/nine_patch_button2" android:state_pressed="true"></item>
    <item android:drawable="@drawable/nine_patch_button" android:state_focused="true"></item>
    <item android:drawable="@drawable/nine_patch_button"></item>
</selector>



二、编写布局文件,为布局文件中的ImageButton设置selector,示例代码如下:

<ImageButton
        android:id="@+id/btn_record"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentEnd="true"
        android:layout_alignParentRight="true"
        android:layout_marginBottom="@dimen/chat_ImageBtn_magrin_bot"
        android:scaleX="0.9"
        android:scaleY="0.9"
        android:layout_marginEnd="@dimen/chat_Imagebutton_margin_lr"
        android:layout_marginRight="@dimen/chat_Imagebutton_margin_lr"
        android:background="@drawable/selector" />



到此就为ImageButton的不同状态设置了不同的背景图片。

易错点:

1. 设置selector的时候,无论是ImageButton还是Button,都应该是设置在background属性而不是src。

2. selector中item是摆放次序是有讲究的。默认的图片放在最后。

3. 更多的效果——Button还可以实现更复杂的效果,例如渐变啊等等。

<?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>

<lector>



参考: http://www.2cto.com/kf/201110/107866.html

          http://www.linuxidc.com/Linux/2011-09/43634.htm


© 著作权归作者所有

Freewheel
粉丝 11
博文 83
码字总数 48265
作品 0
普陀
程序员
私信 提问
Android Selector和Shape的使用方法

1.背景选择器(位于res/drawable/,使用方法:android:background="@drawable/button_selector")button_selector.xml shape_normal.xml shape_pressed.xml 2.文字颜色选择器(位于res/color......

ForingY
2016/07/07
50
0
CSS知识点整理(1):CSS语法,层叠次序,选择器,其他重要方面。

本文转载于:猿2048网站CSS知识点整理(1):CSS语法,层叠次序,选择器,其他重要方面。 1. css的全称 2. CSS的层叠次序:优先级由低到高 ·浏览器设置 ·外部样式表 或者 内部样式表 —— ...

前端老手
08/30
11
0
前端杂谈: CSS 权重 (Specificity)

前端杂谈: CSS 权重 (Specificity) css 权重想必大家都听说过, 一些简单的规则大部分人也都知道: 较长的 css selector 权重会大于较短的 css selector id selector 权重高于 class selector...

ssthouse_hust
2018/11/19
368
1
jquery遍历之children()与find()的区别

.children(selector) 方法是返回匹配元素集合中每个元素的所有子元素(仅儿子辈)。参数可选,添加参数表示通过选择器进行过滤,对元素进行筛选。 .find(selector)方法是返回匹配元素集合中每...

柒月-小妖精
2013/01/10
1K
1
android的selector,背景选择器

关于listview和button都要改变android原来控件的背景,在网上查找了一些资料不是很全,所以现在总结一下android的selector的用法。 首先android的selector是在drawable/xxx.xml中配置的。 先...

Jamsm
2016/01/25
17
0

没有更多内容

加载失败,请刷新页面

加载更多

zk服务预启动和启动选举过程

QuorumPeerMain类public static void main(String[] args) { QuorumPeerMain main = new QuorumPeerMain(); try { main.initializeAndRun(args); } catch (Illega......

writeademo
33分钟前
6
0
深究递归和迭代的区别、联系、优缺点及实例对比

http://blog.csdn.net/laoyang360/article/details/7855860 http://www.zhihu.com/question/20278387 深究递归和迭代的区别、联系、优缺点及实例对比 1.概念区分 递归的基本概念:程序调用自身...

slagga
35分钟前
5
0
基于SOM-TL6678核心板而研发的TL6678-EasyEVM开发板硬件说明书

TL6678-EasyEVM是广州创龙基于SOM-TL6678核心板而研发的一款多核高性能DSP开发板。开发板采用核心板+底板方式,底板采用沉金无铅工艺的四层板设计,尺寸为200mm*106.65mm,它为用户提供了SOM...

Tronlong创龙
38分钟前
5
0
分别在有网和无网状态下批量安装python库

## 连网状态下,批量安装python库查看当前python环境下已安装的库包版本查看命令:pip freeze"""alabaster==0.7.10anaconda-client==1.6.3anaconda-navigator==1.6.2anaconda-projec......

KYO4321
41分钟前
3
0
fiddler、Charles-断点

一、添加Charles断点 1、用Charles抓包发起一次接口请求 2、对要打断点的接口右键,选择【Breakpoints】 二、Charles断点设置 1、点击Charles菜单-【Proxy】-【Breakpoint...】,此时会弹出【...

果树啊
41分钟前
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部