UIView 表示屏幕上的一块矩形区域,负责渲染区域的内容,并且响应该区域内发生的触摸事件。它在iOS App中占有绝对重要的地位,因为iOS中几乎所有可视化控件都是 UIView 的子类。

UIView 可以负责以下几种任务:

  • 绘制和动画
  • 布局和子视图管理
  • 事件处理

绘制和动画

视图绘制

UIView 是按需绘制的,当整个视图或者视图的一部分由于布局变化,变成可见的,系统会要求视图进行绘制。对于那些需要使用 UIKit 或者 CoreGraphics 进行自定义绘制的视图,系统会调用drawRect:方法进行绘制。

当视图内容发生变化时,需要调用setNeedsDisplay或者setNeedsDisplayInRect:方法,告诉系统该重新绘制这个视图了。调用这个方法之后,系统会在下一个绘制周期更新这个视图的内容。由于系统要等到下一个绘制周期才真正进行绘制,可以一次性对多个视图调用setNeedsDisplay,它们会同时被更新。

视图的几何属性

视图有 frame,center,bounds 等几个基本几何属性,其中:

  • frame 使用的最多,其坐标位置都是相对于父视图的,可以用于确定本视图在父视图中的位置和其自身的大小
  • center 的坐标位置也是相对于父视图的,通常用于移动,旋转等动画操作
  • bounds 是相对于自身的,通常情况下就是(0,0,width,height), bounds 的含义可以认为是当前 view 被允许绘制的范围

视图的 ContentMode

视图在初次绘制完成后,系统会对绘制结果进行快照,之后尽可能地使用快照,避免重新绘制。如果视图的几何属性发生改变,系统会根据视图的 contentMode 来决定如何改变显示效果。

默认的 contentMode 是 UIViewContentModeScaleToFill ,系统会拉伸当前的快照,使其符合新的 frame 尺寸。大部分 contentMode 都会对当前的快照进行拉伸或者移动等操作。如果需要重新绘制,可以把 contentMode 设置为 UIViewContentModeRedraw,强制视图在改变大小之类的操作时调用drawRect:重绘。

动画

可以以动画的形式改变视图的下面这些属性,只需要告诉系统动画开始和结束时的数值,系统会自动处理中间的过渡过程。

  • frame
  • bounds
  • center
  • transform
  • alpha
  • backgroundColor
  • contentStretch

布局和子视图管理

除了提供视图本身的内容之外,一个视图也可以表现得像一个容器。当一个视图包含其他视图时,两个视图之间就创建了一个父子关系。在这个关系中子视图被称为 subView ,父视图被称为 superView 。一个视图可以包含多个子视图,它们被存放在这个视图的 subviews 数组里。添加,删除,以及操作这些子视图的相对位置的函数如下:

  • addSubview:
  • insertSubview:...
  • bringSubviewToFront:
  • sendSubviewToBack:
  • exchangeSubviewAtIndex:withSubviewAtIndex:
  • removeFromSuperview(子视图调用)

AutoResizing 和 Constraint

当一个视图的大小改变时,它的子视图的位置和大小也需要相应地改变。UIView 支持自动布局,也可以手动对子视图进行布局。

当下列这些事件发生时,需要进行布局操作:

  • 视图的 bounds 大小改变#
  • 用户界面旋转,通常会导致根视图控制器的大小改变
  • 视图的 layer 层的 Core Animation sublayers 发生改变
  • 程序调用视图的setNeedsLayoutlayoutIfNeeded方法
  • 程序调用视图 layer 的setNeedsLayout方法

Auto Resizing

视图的autoresizesSubviews属性决定了在视图大小发生变化时,如何自动调节子视图。

可以使用的掩码如下:

  • UIViewAutoresizingNone
  • UIViewAutoresizingFlexibleHeight
  • UIViewAutoresizingFlexibleWidth
  • UIViewAutoresizingFlexibleLeftMargin
  • UIViewAutoresizingFlexibleRightMargin
  • UIViewAutoresizingFlexibleBottomMargin
  • UIViewAutoresizingFlexibleTopMargin

可以通过位运算符将它们组合起来,例如UIViewAutoresizingFlexibleHeight|UIViewAutoresizingFlexibleWidth

Constraint

Constraint 是另一种用于自动布局的方法。本质上,Constraint 就是对 UIView 之间两个属性的一个约束:

  1. attribute1 == multiplier × attribute2 + constant

其中方程两边不一定是等于关系,也可以是大于等于之类的关系。

Constraint 比 AutoResizing 更加灵活和强大,可以实现复杂的子视图布局。

自定义 layout

UIView 当中提供了一个 layoutSubviews 函数,UIView 的子类可以重载这个函数,以实现更加复杂和精细的子 View 布局。

苹果文档专门强调了,应该只在上面提到的 Autoresizing 和 Constraint 机制不能实现所需要的效果时,才使用 layoutSubviews。而且,layoutSubviews 方法只能被系统触发调用,程序员不能手动直接调用该方法。

那么 layoutSubviews 方法具体调用的时机有哪些呢?在 stackoverflow 的这个答案里有所讨论,具体有下面几种情况:

  1. 在父 view 的 autoresize mask 为 ON 的情况下,addSubview 会导致被 add 的 view 调用 layoutSubviews, 同时 add 的 target view 以及它所有的子 view 都会被调用。
  2. setFrame 当新的 frame 和 旧的不同时(即 view 的大小改变时)会调用 layoutSubviews
  3. 滚动一个 UIScollView 会导致这个 scrollView 以及它的父 View 调用 layoutSubviews
  4. 旋转设备会导致当前所响应的 ViewController 的主 View 调用 layoutSubviews
  5. 改变 View 的 size 会导致父 View 调用 layoutSubviews
  6. removeFromSuperview 也会导致父 View 调用 layoutSubviews

重载 layoutSubviews 可以让我们实现更复杂的布局效果,这篇博客里以RDVTabBarController为例进行了简单介绍。

事件处理

UIView 是 UIResponder 的子类,可以响应触控事件。

通常可以使用addGestureRecognizer:添加手势识别器来响应触控事件,如果需要手动处理,则按需要重载 UIView 中的下面四个函数:

  • touchesBegan:withEvent:
  • touchesMoved:withEvent:
  • touchesEnded:withEvent:
  • touchesCancelled:withEvent:

参考资料