Android Button修改背景颜色及实现Button水波纹效果

这篇具有很好参考价值的文章主要介绍了Android Button修改背景颜色及实现Button水波纹效果。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

Android Button修改背景颜色及实现Button水波纹效果,效果如下:

Android Button修改背景颜色及实现Button水波纹效果

 

以下基于API33(Android13.0),向下兼容至API24(Android7.0)。

1.修改Button背景

我们可以发现在布局xml文件中直接修改background是没有作用的,会变成默认的主题色(themes.xml中的colorPrimary颜色,默认为紫色)

<Button
   android:id="@+id/dialog_button"
   android:layout_width="match_parent"
   android:layout_height="40dp"
   android:layout_centerHorizontal="true"
   android:layout_marginTop="105dp"
   android:background="@drawable/ripple_grey_e"
   android:text="确定"
   android:textColor="@color/grey_3"
   android:textSize="@dimen/main_text"
   tools:ignore="TouchTargetSizeCheck" />

这是由于在Android4.1之后的开发中创建的Button是Material类型的,默认使用主题色的,所以我们需要替换主题色或者使用非Material类型的Button,修改如下:

<android.widget.Button
   android:id="@+id/dialog_button"
   android:layout_width="match_parent"
   android:layout_height="40dp"
   android:layout_centerHorizontal="true"
   android:layout_marginTop="105dp"
   android:background="@drawable/ripple_grey_e"
   android:text="确定"
   android:textColor="@color/grey_3"
   android:textSize="@dimen/main_text"
   tools:ignore="TouchTargetSizeCheck" />

将Button修改为android.widget.Button标签即可。

2.实现按压水波纹效果

首先在drawable文件夹中创建ripple类型的xml文件,例如我创建的ripple_grey_e.xml文件:

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="@color/grey_e">
    <item android:drawable="@color/selector_btn_transparent"/>
</ripple>

其中的@color/grey_e为colors.xml文件中定义的颜色(这个颜色就是水波纹的颜色,此处为浅灰色#eeeeee,示例动图中为使效果明显替换为了深灰色#333333),@color/selector_btn_transparent为color文件夹(推荐自建,也可以放在drawable文件夹中),selector_btn_transparent.xml内容如下:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!--按压下时-->
    <item android:state_pressed="true" android:color="@color/grey_f7" />
    <item android:color="@color/transparent"/>
</selector>

 grey_f7为浅灰色(#f7f7f7),transparent为透明色(#00ffffff)。

使用如下:

<android.widget.Button
   android:id="@+id/dialog_button"
   android:layout_width="match_parent"
   android:layout_height="40dp"
   android:layout_centerHorizontal="true"
   android:layout_marginTop="105dp"
   android:background="@drawable/ripple_grey_e"
   android:text="确定"
   android:textColor="@color/grey_3"
   android:textSize="@dimen/main_text"
   tools:ignore="TouchTargetSizeCheck" />

 本示例采用颜色较浅,如果想使效果更加明显,可以将颜色换为更加明显的颜色。文章来源地址https://www.toymoban.com/news/detail-466942.html

到了这里,关于Android Button修改背景颜色及实现Button水波纹效果的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • MFC中的Button修改颜色的方法

    添加工具箱下面的MFC Button Control控件(不使用普通的Button控件); 给按键添加变量:m_MFCButton1,变量类型(默认)为:CMFCButton; testDlg.cpp中初始化中添加如下代码: 如果按键后需要修改按键颜色,只需重新进行Button颜色设置即可:

    2024年02月09日
    浏览(35)
  • iphone的safari浏览器实现全屏的pwa模式,并修改顶部状态栏背景颜色

    要想修改顶部背景颜色,需要用到这个属性:content就是你要设置的颜色 然后再加上下面的设置: 总的设置:  如果没有设置状态栏背景颜色,可能看到的效果:背景是黑色或者白色   配置好状态栏颜色后:

    2024年02月07日
    浏览(127)
  • css实现动态水波纹效果

    效果如下: 外层容器 ( shop_wrap ): 设置外边距 ( padding ) 提供一些间距和边距 圆形容器 ( TheCircle ): 使用相对定位 ( position: relative ),宽度和高度均为 180px ,形成一个圆形按钮 圆角半径 ( border-radius ) 设置为 50% ,使其呈现圆形 边框 ( border ) 和阴影 ( box-shadow ) 提供边框和轻微

    2024年01月18日
    浏览(37)
  • unity 实现水的波纹效果

    之前的实现过这个效果,可惜没有记笔记,所以现在有点遗忘,连多个波纹一起在水面上实现的效果都忘记了,所以,查看了下之前实现的代码,现在再记一下笔记。 要实现波纹,首先要知道波纹的中心点,这个位置应该是世界空间坐标系的位置,然后还要知道扩散到了哪里

    2024年02月09日
    浏览(40)
  • android去除按钮(Button)背景、边框,使按钮背景透明【创建无边框按钮】

    android 中的按钮是最常用到的一种控件,因此网上对于修改按钮样式的问题也非常多。在自定义样式中,有一个常见的需求就是去除按钮背景。比如下图的情况: 左边的按钮图标可以使用 ImageButton 或 ImageView 来加载一个透明背景的icon。而右边只显示文字的按钮则只能使用普通

    2024年02月02日
    浏览(59)
  • Qt配置设置,修改全文字体大小颜色,背景颜色

    这是完成时的demo,选择所需。 点击确认修改,全局修改,效果第二张图。 在没有点击确认修改时,字体等按钮的改变只会在文本框里面体现出来。点击确认才会修改全局的东西。点击恢复默认时,字体字号颜色控件全部恢复初始状态,当点击确认修改,全局才会改为初始状

    2024年02月11日
    浏览(50)
  • 如何修改unity的背景颜色

    要在Unity中将背景颜色设为黑色,可以按照以下步骤进行: 1、在Unity编辑器中,选择你想要修改背景颜色的摄像机对象(一般是Main Camera)。 2、在Inspector面板中,找到\\\"Clear Flags\\\"(清除标志)属性。 3、将\\\"Clear Flags\\\"属性的值设置为\\\"Solid Color\\\"(纯色)。 4、在\\\"Background\\\"(背景)

    2024年04月13日
    浏览(38)
  • 【日常记录】Android Button控件 移除默认阴影背景

           现在做Android开发的伙伴们,平时应该非常容易遇到这样的情况:你在写测试demo时,极大概率会用到一个Button控件,你随手而为之的一个控件竟然自带阴影!  但是我们没写背景啊?  结论显而易见,原生控件给加了个默认阴影背景(不是它的活它非要干)。 玩An

    2023年04月08日
    浏览(53)
  • IntelliJ IDEA修改背景颜色大全(护眼绿等)设置注释颜色

    一.IDEA默认有3种背景颜色 路径为File-settings-Editor-Color Scheme可以设置软件默认颜色,旁边的小齿轮添加颜色名字 第一种方法: IDEA设置一张背景图片,路径:File-Settings-AppearanceBehavior-Appearance 第二种方法: 手动设置护眼绿的RGB颜色 路径:File-Settings-Editor-Color Scheme-General  到这里

    2024年02月13日
    浏览(55)
  • Visual Studio 2019修改背景色,代码颜色

    Visual Studio 2019 是微软推出的一款VS编程开发软件,这款软件备受编程人员的广泛追捧,它拥有强大的源代码编辑器功能,以及庞大扩展插件库,可以帮助运行以及编辑 C/C++,PHP 等各种编程语言。 很多朋友喜欢Visual Studio的黑色背景,下面介绍修改方法 1.首先打开VS2019创建一个

    2024年02月11日
    浏览(43)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包