import UIKit class XZCircleView: UIView { let backGroundLayer = CAShapeLayer.init()///背景白色细曲线 let progressLayer = CAShapeLayer.init()///进度真是数值曲线 var e ...
分类:
移动开发 时间:
2018-03-28 18:46:22
阅读次数:
521
一、介绍 在app中使用刷新控件或者第三方刷新库是最常见的功能,在请求服务器时,获取数据的过程是处于不可见状态的,那么通过这个刷新状态可以给用户以直观的感受,这是增强用户体验的一个相当好的方法。我个人认为,有时这个方法仍有不足,就是当拉取到数据时,用户只是知道数据有了,并没有直接告知用户拉取了或者刷 ...
分类:
移动开发 时间:
2018-03-26 19:10:01
阅读次数:
200
如何变成复合图层(硬件加速) 将该元素变成一个复合图层,就是传说中的硬件加速技术 最常用的方式:translate3d、translateZ opacity属性/过渡动画(需要动画执行的过程中才会创建合成层,动画没有开始或结束后元素还会回到之前的状态) will-chang属性(这个比较偏僻),一般 ...
分类:
其他好文 时间:
2018-03-21 13:45:40
阅读次数:
1385
30种炫酷CSS3鼠标滑过按钮动画特效效果演示:http://www.htmleaf.com/Demo/201510282718.html CSS3鼠标hover按钮过渡动画效果演示:http://www.htmleaf.com/Demo/201708104678.html 基于css3的各种新颖的 ...
分类:
Web程序 时间:
2018-03-21 11:40:08
阅读次数:
229
translate(tx,ty); scale放大缩小 skew倾斜角度 rotate(a) 旋转 transition 过渡动画函数 触发机制 animation动画简介 设置关键帧 ...
分类:
Web程序 时间:
2018-03-20 00:51:55
阅读次数:
247
过渡模块和动画模块的区别:过渡动画需要人为的去触发这个反应,而动画模块不需要人为相同点:都是动画;都是系统新增的属性;都是要满足三要素才有动画效果三要素:1.告诉系统执行哪个动画,要写出动画名称;animation-name:名称; 2.告诉系统我们需要创建一个名称的动画; @keyframes 名... ...
分类:
Web程序 时间:
2018-03-17 00:36:11
阅读次数:
274
需要注意的是,使用伪类选择器:.class:hover:before; .class:hover:after ; 而不是 .class:before:hover .class:after:hover 这样的选择器是无效的。(过渡动画需要对浏览器进行兼容性适配的,这里仅仅是为了演示。) 实现效果: ...
分类:
其他好文 时间:
2018-03-15 11:23:37
阅读次数:
297
基于UIView类:WKJBatteryView WKJBatteryView.h WKJBatteryView.m ...
分类:
移动开发 时间:
2018-03-01 21:50:17
阅读次数:
230
闲来无事 观摩别人的项目 常常发现对UIView的hitTest:withEvent:方法的重写,以前也查过这个方法的用法作用,但是时间一长又忘记了。今天再次看到,就记录一下. 用户触摸屏幕后事件的传递过程 当用户点击屏幕后,UIApplication先响应事件,然后传递给UIWindow。如果wi ...
分类:
其他好文 时间:
2018-03-01 13:25:56
阅读次数:
189
一、过渡 过渡效果一般由浏览器直接改变元素的CSS属性实现。 a、transition属性 transition 属性是一个简写属性,用于设置四个过渡属性: transition-property transition-duration transition-timing-function tran ...
分类:
Web程序 时间:
2018-02-25 19:08:38
阅读次数:
367