如何添加涟漪效果并在android中的按钮上有自定义背景?

如何添加涟漪效果并在android中的按钮上有自定义背景?,第1张

概述请告诉我如何实现这两个目标,我已经解决了很多已经存在的问题,但他们并没有专门处理我的问题. 我想在我的按钮上产生涟漪效果,并且它应该是圆形的并且具有背景颜色.此外,我应该能够控制涟漪效果的颜色. 我尝试了下面列出的一些东西. 第一种方法:我尝试在< Button>中设置style =“@ style / AppTheme”.标签.这给了我涟漪效果和背景颜色(在样式中使用< item name =“ 请告诉我如何实现这两个目标,我已经解决了很多已经存在的问题,但他们并没有专门处理我的问题.

我想在我的按钮上产生涟漪效果,并且它应该是圆形的并且具有背景颜色.此外,我应该能够控制涟漪效果的颜色.

我尝试了下面列出的一些东西.

第一种方法:我尝试在< button>中设置style =“@ style / Apptheme”.标签.这给了我涟漪效果和背景颜色(在样式中使用< item name =“colorbuttonnormal”>#500347< / item>)但是按钮没有舍入.

所以为了实现圆形,我在< button>中给了android:background =“@ drawable / button_bg”.标签.这使得按钮变圆并且还实现了背景颜色,但是波纹效果消失了.

第二种方法:我尝试了使用选择器.
 1.创建了button_background.xml

<selector xmlns:androID="http://schemas.androID.com/apk/res/androID" >    <item        androID:state_focused="true"        androID:drawable="@drawable/button_bg"/>    <item        androID:state_pressed="true"        androID:drawable="@drawable/ripple_effect"/>    <item         androID:drawable="@drawable/ripple_effect"/></selector>

> button_bg.xml中按钮的圆形背景:

<shape xmlns:androID="http://schemas.androID.com/apk/res/androID"><solID    androID:color="#500347" /><corners    androID:radius="10dip" /><padding    androID:bottom="0dip"    androID:left="0dip"    androID:right="0dip"    androID:top="0dip" />

> ripple_effet.xml:

<ripple xmlns:androID="http://schemas.androID.com/apk/res/androID"   xmlns:tools="http://schemas.androID.com/tools"  androID:color="@androID:color/holo_green_dark"   tools:targetAPI="lollipop">    <item androID:ID="@androID:ID/mask"><shape androID:shape="rectangle">    <solID androID:color="@androID:color/holo_green_dark" />    <corners androID:radius="10dip" /></shape>

>在< button>中标签
机器人:背景= “@绘制/ button_bg”

使用此方法按钮在按下时会变为白色,返回背景颜色.

请告诉我怎么做.

解决方法 在这里找到我的答案. https://github.com/traex/RippleEffect/blob/master/README.md

但如果还有其他更简单的方法,欢迎提供更多答案

总结

以上是内存溢出为你收集整理的如何添加涟漪效果并在android中的按钮上有自定义背景?全部内容,希望文章能够帮你解决如何添加涟漪效果并在android中的按钮上有自定义背景?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1125903.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-30
下一篇 2022-05-30

发表评论

登录后才能评论

评论列表(0条)

保存