android 点击字体，图片背景效果一起变换Demo

运行效果：

点击前：

点击后：

这里我就不贴上所有的代码了，说一下他的思路：

1、分别为账号、背景图片（红色区域为一个linealayout，文字和向右侧的箭头是他里面的子View，必须为红色区域添加onclick事件）、还有向右侧的箭头符号添加一个效果文件（一下是其中一个文件的类容）：

背景图片的效果：（setting_page_setting_item_background——sector.xml）

<?xmlversion="1.0"encoding="utf-8"?>

<selectorxmlns:android="http://schemas.android.com/apk/res/android">

<itemandroid:drawable="@drawable/setting_page_setting_item_background"android:state_pressed="true"/>

<itemandroid:drawable="@drawable/setting_page_setting_item_transparent"android:state_pressed="false"/>

</selector>

文字颜色的变换效果：（font_sector）

<?xmlversion="1.0"encoding="utf-8"?>

<selectorxmlns:android="http://schemas.android.com/apk/res/android">

<itemandroid:color="@color/white_text"android:state_pressed="true"/>

<itemandroid:color="@color/red_text"android:state_pressed="false"/>

</selector>

注意：文字的颜色要在Values文件夹下创建一个color.xml的文件，类容如下：

<?xmlversion="1.0"encoding="utf-8"?>

<colorname="transparent_background">#50000000</color>

<color name="white_text">#ffffff</color>

<colorname="dialogbackgournd">#EE000000</color>

</resources>

为你要添加效果的控件添加这个效果：

为字体添加效果：

<TextViewandroid:id="@+id/accont_text"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="账号"

android:gravity="left"

android:paddingLeft="17sp"

android:layout_gravity="center"

android:textColor="@drawable/font_sector"

android:textSize="17sp"

android:layout_weight="1"/>

为图片添加效果：

<ImageViewandroid:id="@+id/accont_img"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginRight="10dp"

android:background="@drawable/setting_page_to_next_page_sector"/>

好了，如果你好没有懂，这里有个Demo可下载：

http://download.csdn.net/download/lyhdream/5179710

更多相关文章