Quantcast
Channel: 动画 (Animation)
Browsing all 35 articles
Browse latest View live

KRFoldingViews for iOS 视图动画

首先是一个tableview 点击后可以显示出图片动画 后可以继续点击 动画效果图: Github下载

View Article



常用16种视图切换动画 页面转换

介绍: 实现各种页面过渡切换效果。前4种是UIView,后面都是 Core Animation。 下面8种是传说中的私有API(作者测试过,能通过审核,请放心使用)。所有效果整合到一个例子里,代码较清晰

View Article

Camera Ripple

利用 OpenGL ES 2.0 实现点击屏幕出现水纹(涟漪)效果。允许点击多处屏幕出现多个涟漪。Demo由于用到照相机,所以只能在真机中测试 效果图:

View Article

Water Ripple

利用 cocos2d 实现点击屏幕出现水纹(涟漪)效果。允许点击多处屏幕出现多个涟漪 效果图:

View Article

Bounce Animation

利用 CAKeyframeAnimation,在物体运动或者变化时加上Bounce(弹跳)效果,可以给物体的移动、大小变化、颜色变化、旋转等等运动加上Bounce效果 效果图:

View Article


MTActivityIndicatorView

实现 Metro Style 样式的 activity indicator view 效果图:

View Article

Key frame Animation

利用 CoreAnimation 实现物体的各种运动效果。即定好起点和终点,物体在这个移动过程中,按照某个线性或者非线性的速度来进行移动 效果图:

View Article

Genie View图片缩小动画 ios开发

实现所谓的genie effect。即点击最小化或删除按钮,视图会被吸进某个地方 效果图:

View Article


Animated Hovering Views

实现飘动视图(Hovering Views)的效果。Demo中,飘动的视图是一朵朵白云,可以自定义每朵白云的飘动速度和、文字和颜色等等。只支持ARC 效果图:

View Article


金币掉落效果

有粒子效果的金币掉落 效果图:

View Article

AHEasing

实现动画中的缓动函数(easing function)。Easing function( http://easings.net/ )就是让物体的运动过程遵循某类数学公式,即定好起点和终点,物体在这个移动过程中,按照某个线性或者非线

View Article

Wave Animation

实现点击屏幕出现波纹效果。可以设置波纹的大小、波纹扩散的速度、波纹扩散的大小、持续时间等等参数 效果图:

View Article

Core Animation Fun House

利用Core Animation 框架实现各种各样动画效果。包括:图形变大变小、改变颜色、改变透明度等动画(implicit animations),倒影(reflection)、抖动、三角函数取消等等动画 效果图:

View Article


FireBall

实现小球在屏幕不停的来回反弹,反弹后有小球轨迹 效果图:

View Article

PRTween

实现某些Core Animation无法实现或很难实现的动画效果,比如物体弹跳(bounce)、给运动物体一个加速度、让运动物体逐渐停止等等动画效果 效果图:

View Article


Dazzle

利用Core Animation、CAEmitterCell 以及 CAEmitterLayer在iOS5中实现各种粒子动画效果,包括雪花、火焰、烟雾、飘动的花瓣、爆炸等效果 效果图:

View Article

Path去睡觉超炫特效

Path2.0 iOS应用中,用户有两种状态,分别是睡眠和唤醒状态。切换睡眠状态时,一个月亮会慢慢升起来,背景图案也会慢慢变化。唤醒之后,月亮慢慢消失 效果图:

View Article


Full Screen Animations

这个代码实现了两种比较酷的动画效果: 1. 程序启动画面(splash画面)到程序界面(root view controller)之间的过渡动画效果是翻书的效果。即开机画面停留一小段时间后,慢慢像翻书一

View Article

FTUtils

实现各种各样的图形、动画效果。例子中展现的是各种各样视图出现和消失的例子,例如视图的淡入淡出、飞进飞出等等 效果图:

View Article

Snow Fall

实现落雪的动画效果 效果图:

View Article
Browsing all 35 articles
Browse latest View live




Latest Images