android开发游记:通过xml配置快速实现点击热点效果和渐变动画(不用java代码)

app中经常会使用到点击的热点效果,用代码实现很简单,没什么难度:捕获按下和弹起事件,按下时设置热点图,弹起后恢复原图。

但是其实还有更简单的方法,不用写一行代码,用xml进行配置就可以了,这里就要使用到selector背景选择器:
在drawable文件夹下创建一个xml文件:

hot_button.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@drawable/button_bk" 
          android:state_pressed="false"/>
    <item android:drawable="@drawable/button_bk_hot" 
          android:state_pressed="true"/>

</selector>

如上button_bk是一张用于装饰button的背景图,button_bk_hot是点击之后的背景图

然后在布局中直接使用上面的文件为背景就ok了:

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/hot_button"
        android:text="Button" />

这样就通过xml完成点击的热点效果了。

点击之后切换背景,如果需要设置点击之后切换背景时有渐变的效果,那么只需要给selector 添加上android:exitFadeDuration属性:

<selector xmlns:android="http://schemas.android.com/apk/res/android" 
                android:exitFadeDuration="@android:integer/config_shortAnimTime">

其中config_shortAnimTime是系统配置中的一个整形数,值是200,代表渐变效果时间200毫秒,当然你可以随便设置多少

selector 还可以设置其他状态的显示效果,比如选中状态,禁用状态等…

<item android:drawable="@drawable/button_enable"
      android:state_enabled="false"/>

也可以使用颜色值来代替纯色的背景:

    <item android:state_pressed="false">
        <color android:color="@color/cc_blue" />
    </item> 
    <item android:state_pressed="true">
        <color android:color="@color/cc_blue_hot" />
    </item>   
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值