css3里面的animation属性非常强大,但是自己用的比较少,最近有次面试就刚好被问到了,趁现在有时间就对animation做一个小总结。同时实现一个逐帧动画的demo作为练习 ...
分类:
Web程序 时间:
2016-06-01 12:54:41
阅读次数:
985
本篇记录的是核心动画的中的CApropertyAnimation中的关键帧动画部分。非常有用:关键帧动画是CApropertyAnimation的子类,跟CABasicAnimation的区别是:CABasicAnimation只能从一个数值(fromValue)变到另一个数值(toValue),而CAKeyframeAnimation会使用一个NSArray保存这些数值..
分类:
其他好文 时间:
2016-05-30 20:07:53
阅读次数:
135
css3 实现逐帧动画 实现逐帧动画需要使用到的是Animation动画,该CSS3的Animation有八个属性;分别是如下:1: animation-name2: animation-duration3: animation-delay4: animation-iteration-count5: ...
分类:
Web程序 时间:
2016-05-29 06:13:19
阅读次数:
269
CABasicAnimation算是CAKeyFrameAnimation的 特殊情况,即不考虑中间变换过程,只考虑起始点与目标点就可以了。而CAKeyFrameAnimation则更复杂一些,允许我们在起点与终点间自定义 更多内容来达到我们的实际应用需求!比如,手机淘宝中,当你添加物品到购物车后会 ...
分类:
移动开发 时间:
2016-05-27 23:41:51
阅读次数:
883
参考说明文档:https://idiotwu.me/understanding-css3-timing-function-steps/ ...
分类:
其他好文 时间:
2016-05-27 14:45:29
阅读次数:
167
音乐播放器api
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_hei...
分类:
移动开发 时间:
2016-05-27 12:23:37
阅读次数:
276
本文参考:http://www.cnblogs.com/kenshincui/p/3972100.html#autoid-3-0-0总结的:
逐帧动画 CADisplayLink
动画效果:
结合runloop 实现 每次屏幕刷新都会执行此方法(每秒接近60此)
在此方法更新图片, 或者更新layer的某个状态实现动画效果,感觉不到动画的停滞效果
当然UIImageV...
分类:
移动开发 时间:
2016-05-27 11:29:06
阅读次数:
349
本文参考:http://www.cnblogs.com/kenshincui/p/3972100.html#autoid-3-0-0总结的:
Core Animation
*
iOS 核心动画的实现
CoreAnimation (包含在Quartz Core 框架中), 在iOS核心动画分为几类(基础动画, 关键帧动画, 动画组, 转场动画, )
...
分类:
移动开发 时间:
2016-05-26 11:34:51
阅读次数:
178
动画分类Android动画有3类:帧动画、视图动画、属性动画。帧动画和视图动画又统称为补间动画。Android 3.0(API LEVEL 11)开始支持属性动画。帧动画帧动画是针对Drawable资源的动画。其本质是一系列Drawable资源的连续变化,其本质是AnimationDrawable对象。其使用方法如下:定义AnimationDrawable资源中用到了表示天气的三张图片<animat...
分类:
移动开发 时间:
2016-05-23 15:18:52
阅读次数:
309
是不是很好奇这是怎么做到的? 其实非常简单,其中只用到一个图片就实现该效果。 为了理解上面的图片,我将用图片进行一些概念的讲解。 首先动画是由帧构成的,所以为了制作动画,我们得制作帧,制作完成了之后再串起来就可以了。 所以对于只有一张图要实现动画的效果, 我们可以对图片进行切片。 首先只将一张图片分 ...