美文网首页我依然爱iOS
[译]《Motion Design for iOS》(十五)

[译]《Motion Design for iOS》(十五)

作者: Cloudox_ | 来源:发表于2017-11-20 09:42 被阅读2次

从UIKit和CoreAnimation开始

通常情况下,iOS app中屏幕上的物体都是UIView对象。它们是矩形的并且有坐标和大小来定义它们在屏幕上的位置和尺寸。UIView是用来构建你的界面的UIKit Framework中基本的界面对象。每个视图都可能伴随着文本、形状或图片绘制。比如说,iOS app中的状态栏是一个长且瘦的视图,处于屏幕的顶端,并且状态栏目中的每个物体(时间、电池指示器、信号强度指示器等等)都是状态栏视图中的其它视图。

这些是为某些功能或特性特定的特殊的UIView对象。包括作为界面按钮的UIButton、用来显示图片的UIImageView、显示文本的UILabel和显示列表的UITableView。你也可以通过绘制任何你想要的东西来完全自定义UIView

这是我的app Interesting for iPhone的截屏和界面中一些视图的分解。


image
  1. 运营商图像视图(苹果控制)
  2. wifi信号强度视图(苹果控制)
  3. 当前时间视图(苹果控制)
  4. 电池等级视图(苹果控制)
  5. “汉堡包”菜单按钮
  6. 标题栏中的标题标签
  7. 改变子板的按钮
  8. 一个UITableViewCell视图,用来包含UITableView中一行的元素
  9. UILabel中的帖子标题
  10. 评论数量UIButton,由一个评论气泡图和评论的数量组成
  11. 显示帖子URL的UILable
  12. UILabel中显示帖子的点值和子板

如果你不熟悉iOS用户界面开发,看看一些你喜欢的app,看能不能找出界面中所有的视图,以此作为分解你自己设计的练习,这样你就可以学习在代码中构建它们。

UIView对象有很多的职责,其中之一就是事件处理,即响应触摸事件。如果你想的话你界面中的所有视图都可以响应触摸事件,或者你可以指定只有特定的视图会在用户触摸它们时响应。

一个UIView本质上是一个包含内部图形的矩形。在屏幕上布局,靠近或在其他视图的顶部,还可能会有高级的透明效果来整合到一起或者快速绘制。像你想象的一样,让大量的视图在屏幕上移动确实是一个挑战,尤其是在一个小的,低功率的设备上。

这就是为什么苹果公司开发了Core Animation。

查看完整合集:https://github.com/Cloudox/Motion-Design-for-iOS


查看作者首页

相关文章

网友评论

    本文标题:[译]《Motion Design for iOS》(十五)

    本文链接:https://www.haomeiwen.com/subject/cjimvxtx.html