前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Android 中图片和按钮按下状态变化实例代码解析

Android 中图片和按钮按下状态变化实例代码解析

作者头像
砸漏
发布2020-11-05 09:26:49
1K0
发布2020-11-05 09:26:49
举报
文章被收录于专栏:恩蓝脚本

1、图片设置背景选择器,以便点按或设置选中与否,背景切换

res/drawable/selector_settings_item_back.xml

代码语言:javascript
复制
<?xml version="1.0" encoding="utf-8"?  
<selector xmlns:android="http://schemas.android.com/apk/res/android"  
  <item android:state_focused="true" android:drawable="@color/settingsSelectedItem"/  
  <item android:state_pressed="true" android:drawable="@color/settingsSelectedItem"/  
  <item android:state_selected="true" android:drawable="@color/settingsSelectedItem"/  
  <item android:state_focused="false" android:drawable="@color/settingsItem"/  
</selector   

颜色值定义:

res/values/colors.xml

代码语言:javascript
复制
<?xml version="1.0" encoding="utf-8"?  
<resources  
  <color name="settingsItem" #ffffff</color  
  <color name="settingsSelectedItem" #FFA500</color  
</resources  

2、圆角按钮,按下抬起切换背景,同时切换文字颜色

res/layout/activity_xxx.xml

代码语言:javascript
复制
<Button 
  android:layout_width="wrap_content" 
  android:layout_height="wrap_content" 
  android:layout_weight="1" 
android:background="@drawable/selector_shape_corner_button" 
  android:text="审批中" android:textColor="@drawable/selector_font_style_corner_button" 
  android:textSize="13sp" 
  /  

其中引用了 res/drawable/ 下的两个 selector ,

一个是背景图片随点按抬起状态进行切换,一个是文本颜色随点按抬起进行切换。

res/drawable/selector_shape_corner_button.xml

代码语言:javascript
复制
<?xml version="1.0" encoding="utf-8"?  
<selector xmlns:android="http://schemas.android.com/apk/res/android"  
  <item android:state_focused="true" android:drawable="@drawable/shape_corner_button_fill"/  
  <item android:state_pressed="true" android:drawable="@drawable/shape_corner_button_fill"/  
  <item android:state_selected="true" android:drawable="@drawable/shape_corner_button_fill"/  
  <item android:state_focused="false" android:drawable="@drawable/shape_corner_button"/  
</selector  
 res/drawable/selector_font_style_corner_button

shape_corner_button.xml

代码语言:javascript
复制
<?xml version="1.0" encoding="utf-8"?  
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
  android:shape="rectangle"  
  <corners 
    android:radius="5dp" /  
  <solid 
    android:color="#001da1f2" /  
  <stroke 
    android:width="1dp" 
    android:color="#1da1f2" /  
</shape  

shape_corner_button_fill.xml

代码语言:javascript
复制
<?xml version="1.0" encoding="utf-8"?  
<shape 
xmlns:android="http://schemas.android.com/apk/res/android" 
  android:shape="rectangle"  
  <corners 
    android:radius="5dp" /  
  <solid 
    android:color="#ff1da1f2" /  
  <stroke 
    android:width="1dp" 
    android:color="#1da1f2" /  
</shape  
<?xml version="1.0" encoding="utf-8"?  
<selector xmlns:android="http://schemas.android.com/apk/res/android"  
  <item android:state_focused="true" android:color="#ffffff"/  
  <item android:state_pressed="true" android:color="#ffffff"/  
  <item android:state_selected="true" android:color="#ffffff"/  
  <item android:state_focused="false" android:color="#1da1f2"/  
</selector   

总结

以上所述是小编给大家介绍的Android 中图片和按钮按下状态变化实例代码解析,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对ZaLou.Cn网站的支持!

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-09-11 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档