zoukankan      html  css  js  c++  java
  • Android Button点击效果(按钮背景变色、文字变色)

    一、 说明

    Android Button的使用过程中,我们会需要为Button添加点击效果,不仅仅按钮的背景色需要变化,而且有时,我们连文字的颜色都希望变化,我们可以使用StateListDrawable资源可以实现。


    二、 实现按钮点击的变化

    2.1 实现效果:



    2.2 我们首先需要定义按钮的背景的资源文件,我们使用图片资源来实现点击变化

    selector_btn_click_bg.xml

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


    2.2 关于按钮的文字变化,我们使用颜色资源,定义color.xml,注意,在里面加入以下自定义颜色(注意不是用color标签)的代码:

    <?xml version="1.0" encoding="utf-8"?>
    <resources>
        <drawable name="red">#f00</drawable>
        <drawable name="gray">#ccc</drawable>
    </resources>

    2.3 在res下新建drawable目录,里面新建selector_btn_click_bg.xml和selector_btn_click_text_color.xml文件,分别来设置按钮背景色和文字颜色

    selector_btn_click_bg.xml

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

    selector_btn_click_text_color.xml

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

    2.4 在布局的按钮上,添家statelistdrawable修饰

    <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/selector_btn_click_bg"
            android:text="点击我啊,看我变一变"
            android:textColor="@drawable/selector_btn_click_text_color" />


    运行程序,可看到我们想要的效果。


    程序代码(免费):http://download.csdn.net/detail/zuiwuyuan/7975847


  • 相关阅读:
    destoon(DT)系统中公司主页模板风格添加方法
    outlook 收Gmail邮箱邮件
    使用新网全球邮改如何对域名进行解析
    无法访问.您可能没有权限使用网络资源.局域网无法访问共享,局域网无法访问打印机的一些方法
    Microsoft Word 对象ASP教程,ASP应用
    面向对象和面向过程的区别
    图文讲解 上网本 无光驱 系统蓝屏/系统无法开机 用U盘 winpe 启动U盘 重装系统的方法(通用PE工具箱/老毛桃/大白菜WinPE)
    2.0 版本的版权底部破解
    pureftpd FTP登岸呈现530验证失败 lnmp
    word域高级应用 if 域 域邮件合并的值的更改 日期的更改
  • 原文地址:https://www.cnblogs.com/hehe520/p/6330018.html
Copyright © 2011-2022 走看看