100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > android按钮被点击文字颜色变化效果

android按钮被点击文字颜色变化效果

时间:2022-03-22 10:21:51

相关推荐

android按钮被点击文字颜色变化效果

有的时候做应用需要点击按钮时文字颜色也跟着变,松开后又还原,目前发现两种解决方案:第一用图片,如果出现的地方比较多,那么图片的量就相当可观;第二,也就是本文讲到的。废话少说,先贴图片,再上代码。

正常效果:

按下效果:

先在values目录创建color.xml文件,在里面加入以下自定义颜色(注意不是用color标签)的代码:

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

然后在res下新建drawable目录,里面新建btn_bg.xml和btn_color.xml文件,代码如下:

btn_bg.xml

<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="/apk/res/android"><item android:state_window_focused="false" android:state_enabled="true"android:drawable="@drawable/btn_test_normal" /><item android:state_enabled="false" android:drawable="@drawable/btn_test_normal" /><item android:state_pressed="true" android:drawable="@drawable/btn_test_press" /><item android:state_focused="true" android:drawable="@drawable/btn_test_normal" /></selector>

btn_color.xml

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

最后是测试用的布局文件:

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="/apk/res/android"android:orientation="vertical"android:layout_width="fill_parent"android:layout_height="fill_parent"android:background="@android:color/white"><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="按下文字会变效果"android:textColor="@drawable/btn_color"android:background="@drawable/btn_bg"/><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="按钮被禁用"android:enabled="false"android:textColor="@drawable/btn_color"android:background="@drawable/btn_bg"/></LinearLayout>

OK,大功告成!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。