前几天翻手机玩Android开发，突然想整点新花样，学学那个波纹涟漪效果。一开始我完全没头绪，就在网上瞎搜，翻来覆去看了一堆帖子，总算摸出点门道。我就从头开始整，还真搞定了五招技巧。过程挺曲折的但结果挺爽，这不就记下来跟大家唠唠。
第一招：加点Material库搞定基础效果
我一开始就找了个Android Studio打开新项目，选了个空模板凑合着用。项目弄好后就跑去app/*文件里加依赖。直接贴了行代码：implementation ‘*.material:material:1.5.0’。加完立马点右上角那个同步按钮等它刷完。接着在activity_*文件里塞个按钮组件，用MaterialButton标签就完事。随手写个android:text=”点我试试”配个android:layout_width和android:layout_height，调成wrap_content。保存后跑一下模拟器，一点按钮就有那个水波纹往外扩散，简单粗暴得很。
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
第二招：改改颜色让涟漪更顺眼
基础效果整出来看着太单调，我就想换个颜色添点个性。在drawable文件夹里新建个custom_*文件，里面直接用ripple标签设background。这么写：
- android:color=”#你的颜色值这随便填个十六进制码就行，我试过#FF5733这种橙色挺顺眼。
弄完在按钮的android:background属性里引用这个文件。一点按钮波纹就变新颜色了，跟换件衣服似的，贼简单。
第三招：折腾椭圆形状加点动态感
光圆的波纹没意思，我就想整个椭圆的。又跑回custom_*里换shape。加个android:shape=”oval”标签，外面裹层item搭个mask。写成这样：
- item配android:id=”@android:id/mask”
- 里面shape设solid android:color=”#ffffff”当成遮罩。
保存后重新运行，点下按钮波纹就变成长椭圆，扩散起来跟水滴掉水里似的，比圆的有意思多了。
第四招：用图片当边界玩点花活儿
进阶一步想炫一下，试试图片当波纹边界。还是老文件custom_*，直接把shape换成图片标签。改完文件这么弄：
- 换成shape引用自定义png图路径设android:shape=”你图的轮廓”
- 颜色保持前面那套。
图片我随手网上找的心形，存到drawable里。运行后点按钮波纹就顺着心形轮廓扩开，视觉效果很炸，老婆看了都说像特效。
第五招：按钮圆角和涟漪混搭不冲突
按钮太方不好看想加圆角，但单独设background就把涟漪搞没了。我翻了旧贴学到法子，新建个button_*当选择器。内容分两部分：
- 普通状态配个shape设corners android:radius=”20dp”调成圆角。
- 波纹状态用前面custom_*当pressed时的效果。
再在按钮的android:background里引用button_*。这样按钮平时圆角带颜色，一按就出涟漪，完美解决矛盾。
折腾完跑真机测试效果挺爽。所有控件点起来都带波浪扩散，自定义颜色和形状后界面洋气不少。学这五招花了我两晚上功夫，但从零到有搞明白感觉值了。以后再遇到这类花活儿，我直接照这路子拆解试错。各位要是想玩波纹涟漪效果，别怕折腾，一步步整肯定成。
