效果如下: 思路: 按钮及按钮的父标签定位需为绝对定位或相对定位 绑定按钮的click事件,把其样式设置为overflow:hidden,并添加下标线标签并设置其样式 当鼠标点击按钮时,如果按钮内有标签(波兰纹)即把该标签删掉, 然后给按钮添加一个新的标签(波浪纹), 注:必须先添加标签然后计算标签 ...
分类:
其他好文 时间:
2017-10-28 18:50:54
阅读次数:
222
按下水波纹效果<?xml version="1.0" encoding="utf-8"?> <!--波纹效果背景--><!--android:color="@color/dark_brown" 按下时的效果--><ripple xmlns:android="http://schemas.androi ...
分类:
移动开发 时间:
2017-09-26 19:20:56
阅读次数:
206
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
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
恩恩,需求还是没有下来,整了一天多,再次整出一个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