经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » 移动开发 » Android » 查看文章
Android中Button实现点击换图案及颜色
来源:jb51  时间:2022/1/19 19:15:11  对本文有异议

基本框架

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3. android:layout_width="match_parent"
  4. android:layout_height="match_parent"
  5. android:orientation="vertical">
  6.  
  7. <Button
  8. android:layout_width="200dp"
  9. android:layout_height="100dp"/>
  10.  
  11. </LinearLayout>
  12.  

基本属性

在上面的xml文件中Ctrl+左键点进Button可以看到该类是继承自TextView类的,也就是说在TextView部分讲到的都可以用在Button上。

在这里插入图片描述

文本与背景

在这里我们就简单的设置下按钮上的文本为"Push Me",背景颜色设置为紫色(这两个资源都被保存在values文件夹的三个xml文件里),但奇怪的是文本都被强制转换成了大写,而设置背景也无效。

在这里插入图片描述

主题修改

问题出在主题文件themes.xml上,我们需要进入该文件,将textAllCaps设为false,就可以取消强制大写,即加入下面的代码:

  1. <item name="textAllCaps">true</item>

然后我们还需要把基础主题文件由

  1. <style name="Theme.MyButton" parent="Theme.MaterialComponents.DayNight.DarkActionBar">

改为

  1. <style name="Theme.MyButton" parent="Theme.MaterialComponents.DayNight.DarkActionBar.Bridge">

这样就可以让我们的设置生效了:

在这里插入图片描述

虽然设置了按钮的基本属性,但是现在这个按钮看上去跟TextView也没什么区别,点击也毫无反应,接下来我们就要设置一下点击效果。

点击效果

本次要实现的效果主要是点击以后按钮的背景随之更换,所以我们在res->drawable文件夹下新建一个Drawable Resource文件,起名为background_shift。可以看到,该文件的根节点为图片选择器selector

图片变换

然后我们加入一点图片资源,点击res,右键new->Vector Asset,进入这个界面后点击Clip Art选择一个喜欢的图标,比如我选择了WiFi:

在这里插入图片描述

同时我另导入了一张WiFi关闭的图标。

导入后,就可以在background_shift文件中使用了,在这里我通过state_pressed设置按下时显示WiFi,不按下时显示WiFi关闭,代码如下:

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <selector xmlns:android="http://schemas.android.com/apk/res/android">
  3.  
  4. <item android:drawable="@drawable/ic_baseline_wifi_24" android:state_pressed="true"/>
  5. <item android:drawable="@drawable/ic_baseline_wifi_off_24" android:state_pressed="false"/>
  6.  
  7. </selector>

写好了background_shift.xml,就可以在activity_main.xml中使用了,将Buttonbackground属性设置为该资源即可实现背景变换。

在这里插入图片描述

颜色变换

做颜色变换与图像变换类似,不同之处在于资源存放位置不同。在res文件夹,我们新建一个color文件夹,右击rec,在new->Directory中新建文件夹,取名color

在这里插入图片描述

之后在color中也建立一个Drawable Resource文件,然后设定按下时为蓝色,默认为红色:

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <selector xmlns:android="http://schemas.android.com/apk/res/android">
  3.  
  4. <item android:color="#ff0000ff" android:state_pressed="true"/>
  5. <item android:color="#ffff0000"/>
  6.  
  7. </selector>

有了这个颜色变换文件,我们就可以在activity_main.xml中将ButtonbackgroundTint设置为该资源从而实现颜色变换。

在这里插入图片描述

除了背景颜色,还有foregroud前景色,这个是最上层的颜色,会覆盖整个图层,不常用。

总结

到此这篇关于Android中Button实现点击换图案及颜色的文章就介绍到这了,更多相关Android Button点击换图案及颜色内容请搜索w3xue以前的文章或继续浏览下面的相关文章希望大家以后多多支持w3xue!

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号