《Motion Design for iOS》(七)
2016-05-02 18:40
387 查看
位置。如果你想要让一个物体在屏幕上移动,你只需要操纵它的位置。将一个向屏幕的下方移动意味着你在增加其Y坐标,因为(X:0, Y:0)在iOS app中表示屏幕的左上角。如果你想要将一个物体从屏幕的底部移动到中央,你首先需要将Y坐标设为比屏幕的垂直分辨率大(道屏幕底部),然后将Y坐标动画移动到一个较小的数值来放置在屏幕的中央。
320*568是iPhone 5屏幕的一倍分辨率。iPhone 6的屏幕是375*667。然而全部真实的像素总数是这个的两倍,但你放置UI对象到屏幕上时不需要考虑这个。
透明度。将一个界面元素从100%不透明改成透明一些意味着你在调整它的透明度,或者alpha值。动画改编一个物体的透明度可能是最常见的属性,这可以在与背景混合到100%不透明地显露在前端之间做一个很好的过渡。而且如果你在缓慢地从屏幕上移除一些东西,动画淡出将其alpha设为0通常不会有错。一般你会看到透明度动画和其他属性的动画同时出现,比如说,将一些东西从屏幕底部移动到屏幕上(位置),同时将其透明度从0.0(透明)动画变成1.0(不透明)。
比例。如果你想要让一个物体变大或变小(一次变化两个方向来保持其比例,或一次只变化一个方向),有一个简单的属性可以调整,那就是物体的比例。想要创建一个看起来和iOS 7的警告框视图一样的模态警告框么?那是一个依托于改变比例的视觉效果的很简单的动画。将比例初始设为大概1.3倍(比原始尺寸要大),然后将其动画变为1.0倍(原始尺寸),同时改变透明度(从0开始变成1.0),这就是它的全部。
现在我们已经描述了在设计动画是经常用到的三个属性,让我们回到之前我展示的动画例子并精确地拆分它们哪里用了位置、透明度和比例动画来创建它们的视觉效果。
查看完整合集:https://github.com/Cloudox/Motion-Design-for-iOS
版权所有:http://blog.csdn.net/cloudox_
长期致力于iOS英文资料翻译
觉得有帮助的可以打赏支持一下小弟~
相关文章推荐
- iOS 开发小技巧
- iOS视图控制器编程指南 --- 实现一个容器视图控制器
- iOS-View视图的生命历程
- iOS 上传自己的库到cocoapod
- BIOS、MBR、PBR等基础知识,兼谈U盘、移动硬盘以及操作系统的安装与启动基本原理
- XCode iOS Simulator 模拟器
- iOS CMTimeMake 和 CMTimeMakeWithSeconds 学习
- iOS AFNetworking使用技巧与问题
- iOS AFNetworking使用技巧与问题
- iOS中的KVC和KVO
- IOS常见的加密方法,常用的MD5和Base64
- IOS常见的加密方法,常用的MD5和Base64
- animation - 7
- iOS程序的生命周期
- iOS开发 ☞ 推送通知(Push Notification)
- ios开发学习笔记--数据持久化之偏好设置(NSUserDefault)
- iOS程序启动内部过程(从点击图标到显示界面)
- IOS 开启关闭右滑手势返回
- IOS注释几种方式
- iOS开发大神必备的Xcode插件(转载)