最近突然手痒就想搞个贝塞尔曲线做个水波纹效果玩玩,终于功夫不负有心人最后实现了想要的效果,一起来看下吧: 效果图镇楼 一:先一步一步来分解一下实现的过程 二:现在就来实现第一步,绘制一个sin曲线;这里画了一张图来帮助理解,在PhotoShop中我们绘制一个贝塞尔曲线可以清楚的看到它的控制点如图: ...
分类:
移动开发 时间:
2017-09-06 16:20:56
阅读次数:
308
在drawable下 新建一个xml文件,比如ripple.xml 内容如下: 按钮背景改成这个。就行了。 ...
分类:
移动开发 时间:
2017-08-05 09:59:56
阅读次数:
256
html: 1 <div class="btn">确定</div> css: js: ...
分类:
Web程序 时间:
2017-08-02 19:09:52
阅读次数:
275
actionBarItemBackground 5.0以上超出边界圆形水波纹 selectableItemBackground 5.0以上边界内圆形水波纹 这两个属性在5.0下面是默认的灰色效果,个人认为也非常唯美 使用方法 android:background="?android:attr/act ...
分类:
移动开发 时间:
2017-07-22 19:42:19
阅读次数:
185
火焰文字制作: 最终效果 第一步: 新建图层,并输入文字(这里不做详细解说) 第二步: 右键文字图层 -->栅格化文字 第三步: 合并图层 第四步: 图像 --> 图像旋转 --> 90度(逆时针)(0) 第五步: 滤镜 --> 风格化 --> 风... 第六步: 滤镜 --> 扭曲 --> 波纹. ...
分类:
其他好文 时间:
2017-07-02 22:15:00
阅读次数:
220
恩恩,需求还是没有下来,整了一天多,再次整出一个loading框,看来我对loading框是情有独钟,好了,不多bb,先上图: 恩,就是这么个东东,较之前两个,有了点技术含量,但是其实也不是很难,之所以做了一天多,原因是又特么踩了一个坑,坑了我一个下午的时间,伤不起,至于是什么坑,下面再说; 好了, ...
分类:
移动开发 时间:
2017-06-30 12:33:25
阅读次数:
176
先看效果 演示效果 自然界中水波纹效果十分麻烦,我这里只是根据水波纹的几个特性,在理想环境下模拟水波纹的扩散效果。 这里应用到的属性有:扩散、波动、折射。 扩散:很好理解,水波纹会从触发原点开始向周围扩散 波动:水波纹就一直波,在切面上观看,就是一个正弦函数的波形图 折射:光在不同介质中传播速度不同 ...
分类:
其他好文 时间:
2017-06-15 19:36:00
阅读次数:
247
从这篇开始,我将延续androidGraphics系列文章把图片相关的知识给大家讲完,这一篇先稍微进阶一下,给大家把《android Graphics(二):路径及文字》略去的quadTo(二阶贝塞尔)函数,给大家补充一下。 本篇最终将以两个例子给大家演示贝塞尔曲线的强大用途: 1、手势轨迹 利用贝 ...
分类:
移动开发 时间:
2017-06-14 19:24:26
阅读次数:
424
raindrops是一款效果很炫酷的jQuery UI雨滴落在水面上的特效。该特效模拟水滴从空中落入平静的水面上的效果。通过參数能够设置水面波纹的大小,强度,波纹扩散的速度等等属性。 效果演示:http://www.htmleaf.com/Demo/201506041968.html 下载地址:ht ...
分类:
Web程序 时间:
2017-06-04 18:44:37
阅读次数:
157
Shader概述
Shader是绘图过程中的着色器,实现绘制各种不同的效果,Shader有以下五个子类:
- BitmapShader用于Bitmap图片的渲染
- ComposeShader用...
分类:
移动开发 时间:
2017-05-22 15:18:04
阅读次数:
551