【Android控件】点击变暗效果

版权声明：本文为博主项目中经验总结，著文备份，欢迎补充交流！ https://blog.csdn.net/u013806583/article/details/68067938

• 需要准备
  
  1. 两张图片做背景，一张的正常显示的效果，一张是点击后呈现的效果。
  2. 或者两个表示不同效果的xml文件，一个表示正常显示的效果，一个表示点击后呈现的效果。

<!--greenbutton_pressed-->
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >
    <solid 
        android:color="#34A725"/>
    <corners 
        android:radius="5dp"/>  
</shape>

<!--greenbutton_default-->
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >
    <solid 
        android:color="#3FD22C"/>
    <corners 
        android:radius="5dp"/> 
</shape>

• 编辑一个包含selector的xml文件，放入drawable文件夹

<!--文件名：greenbutton_selector -->
<?xml version="1.0" encoding="utf-8"?>
<selector  xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/greenbutton_default" android:state_checked="true"></item>
    <item android:drawable="@drawable/greenbutton_default" android:state_selected="true"></item>
    <item android:drawable="@drawable/greenbutton_pressed" android:state_pressed="true"></item>
    <item android:drawable="@drawable/greenbutton_default"></item>
</selector>

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

</selector>

• 编辑相关属性，使指向刚才创建的xml文件。比如：
  
  1. Button元素的background属性
  2. TextView的drawableTop属性

    <Button 
        android:id="@+id/ui_login_btn"
        android:layout_width="fill_parent" 
        android:layout_height="wrap_content" 
        android:text="登录" 
        android:background="@drawable/greenbutton_selector"
        />
    <!--TextView的clickable属性设为true-->
    <TextView
            android:id="@+id/tv_tencent"
            android:layout_weight="1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:drawableTop="@drawable/common_tv_qq_selector"
            android:clickable="true"
            android:text="腾讯QQ" 
            android:gravity="center_horizontal"/>