Android实现水波纹点击效果

Android实现水波纹点击效果,第1张

概述Android实现水波纹点击效果只在Android5.0以上版本有效,水波纹点击效果代码供大家参考,具体内容如下

AndroID实现水波纹点击效果只在AndroID5.0以上版本有效,水波纹点击效果代码供大家参考,具体内容如下


圆角背景的水波纹效果(如上图)

1. 定义一个普通圆角背景的xml;

rounded_corners.xml

<?xml version="1.0" enCoding="utf-8"?><shape xmlns:androID="http://schemas.androID.com/apk/res/androID" androID:shape="rectangle"> <solID androID:color="#FFFFFF" /> <corners androID:radius="4dp" /></shape>

2. 这里是重点,<ripple>是API21才有的新Tag,正是实现水波纹效果的;
其中<ripple AndroID:color="#FF21272B" .... />这个是指定水波纹的颜色,而<item />里面的东西,我们都很熟悉,就是普通的定义一个带圆角的背景。

ripple_bg.xml:

<?xml version="1.0" enCoding="utf-8"?><ripple xmlns:androID="http://schemas.androID.com/apk/res/androID" androID:color="#FF21272B"> <item>  <shape androID:shape="rectangle">   <solID androID:color="#FFFFFF" />   <corners androID:radius="4dp" />  </shape> </item> <item androID:drawable="@drawable/rounded_corners" /></ripple>

3. 这是Activity的布局xml;

<button androID:background="@drawable/ripple_bg"... />直接使用ripple_bg作为背景。

activity_main.xml

<linearLayout xmlns:androID="http://schemas.androID.com/apk/res/androID" xmlns:tools="http://schemas.androID.com/tools" androID:layout_wIDth="match_parent" androID:layout_height="match_parent" androID:gravity="center" androID:orIEntation="vertical" androID:paddingBottom="@dimen/activity_vertical_margin" androID:paddingleft="@dimen/activity_horizontal_margin" androID:paddingRight="@dimen/activity_horizontal_margin" androID:paddingtop="@dimen/activity_vertical_margin" tools:context=".MainActivity"> <TextVIEw  androID:layout_wIDth="wrap_content"  androID:layout_height="wrap_content"  androID:text="@string/hello_world" /> <button  androID:layout_wIDth="match_parent"  androID:layout_height="wrap_content"  androID:background="@drawable/ripple_bg"  androID:text="@string/hello_world" /></linearLayout>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程小技巧。

总结

以上是内存溢出为你收集整理的Android实现水波纹点击效果全部内容,希望文章能够帮你解决Android实现水波纹点击效果所遇到的程序开发问题。

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

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

原文地址: http://outofmemory.cn/web/1146786.html

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

发表评论

登录后才能评论

评论列表(0条)

保存