1. HTML 代码： 2. CSS样式：设置animation属性 3. 设置动画方式，像波浪一样，从小变大变无，所以我们要设置宽高从0 – 50px，透明度从有至无，这样就能实现水波涟漪效果啦。 ...
分类：
Web程序 时间：
2017-09-24 13:42:54
阅读次数：
478
最近突然手痒就想搞个贝塞尔曲线做个水波纹效果玩玩，终于功夫不负有心人最后实现了想要的效果，一起来看下吧： 效果图镇楼 一：先一步一步来分解一下实现的过程 二：现在就来实现第一步，绘制一个sin曲线；这里画了一张图来帮助理解，在PhotoShop中我们绘制一个贝塞尔曲线可以清楚的看到它的控制点如图： ...
分类：
移动开发 时间：
2017-09-06 16:20:56
阅读次数：
308
先看效果 演示效果 自然界中水波纹效果十分麻烦，我这里只是根据水波纹的几个特性，在理想环境下模拟水波纹的扩散效果。 这里应用到的属性有：扩散、波动、折射。 扩散：很好理解，水波纹会从触发原点开始向周围扩散 波动：水波纹就一直波，在切面上观看，就是一个正弦函数的波形图 折射：光在不同介质中传播速度不同 ...
分类：
其他好文 时间：
2017-06-15 19:36:00
阅读次数：
247
从这篇开始，我将延续androidGraphics系列文章把图片相关的知识给大家讲完，这一篇先稍微进阶一下，给大家把《android Graphics（二）：路径及文字》略去的quadTo（二阶贝塞尔）函数，给大家补充一下。 本篇最终将以两个例子给大家演示贝塞尔曲线的强大用途： 1、手势轨迹 利用贝 ...
分类：
移动开发 时间：
2017-06-14 19:24:26
阅读次数：
424
当布局没有设置 background属性的时候给其布局中加入一下代码就是系统默认的水波纹效果 比如在recyclerview的item布局中，或者其他任意布局中。 当UI有要求布局、按钮等的背景颜色时，使用ripple属性来设置背景。 在drawable-v21中加入： 由于ripple属性是21以 ...
分类：
其他好文 时间：
2017-03-12 15:24:50
阅读次数：
179
背景+波纹对于有边界限制的Ripple，我们就需要给他提供一个范围，即添加一个item标签。如果在一个ripple标签中，添加一个item标签，在item中添加如下属性：【android:drawable="@color/***"】水波效果会限定在本身矩形区域内部【android:drawable=... ...
分类：
其他好文 时间：
2017-01-12 22:44:10
阅读次数：
492
今天看到一篇自定view 实现水波纹效果 觉得真心不错 学习之后再次写下笔记和心得.但是感觉原作者写得有些晦涩难懂,也许是本人愚笨 所以重写此作者教程.原作者博文大家可以去看下,感觉他在自定义view...
分类：
其他好文 时间：
2016-11-05 00:18:12
阅读次数：
355
