参考

官方文档

Views & Controls(视图和控件)

1.UIView

1.1 定义

管理屏幕上的矩形区域的内容

1.2 初始化

//屏幕左上角是坐标(0,0)//创建宽高为100的矩形，矩形的左上角的坐标是(100,100)let view = UIView(frame: CGRect(x: 100, y: 100, width: 100, height: 100))

1.3 视觉和外观

1.4 事件相关

1.5 配置边界和框架矩形

//详细举例说明,以Image为例//1.设置UIImageView的frame:宽高为100，距离父view上边100，左边100，见图1.5.1imageView.frame = CGRect(x: 100, y: 100, width: 100, height: 100)//2.设置UIImageView的bounds:这时候使用的是自己的坐标系，以image的中心点为原点，宽高变为200，即沿着中心向四周扩大，上下左右各增加50。x为-200表示image内容向右平移200，y为100表示image内容向上平移100，见图1.5.2imageView.bounds = CGRect(x: -200, y: 100, width: 200, height: 200)//3.在图1中imageview的center为(150,150)(相对于父view)，可以更改imageview的center，这样也就更改了imageview的位置，见图1.5.3imageView.frame = CGRect(x: 0, y: 0, width: 100, height: 100)imageView.center = view.center

图1.5.1：

图1.5.2：
图1.5.3：

1.6 管理层次结构

//例，见图1.6.1let v1 = UIView(frame: CGRect(x: 100, y: 100, width: 100, height: 100))v1.backgroundColor = .redlet v2 = UIView(frame: CGRect(x: 150, y: 150, width: 100, height: 100))v2.backgroundColor = .greenlet v3 = UIView(frame: CGRect(x: 200, y: 200, width: 100, height: 100))v3.backgroundColor = .blue
        view.addSubview(v1)view.addSubview(v2)view.addSubview(v3)view.bringSubviewToFront(v2)view.sendSubviewToBack(v2)view.sendSubviewToBack(v3)

1.7 内容边距&安全区域

unFinished

1.8 管理视图约束

1.9 使用布局锚点创建约束

unFinished

1.10 使用布局指南

unFinished

1.11 自动布局中的测量

1.12 在自动布局中对齐视图

1.13 触发自动布局

1.14 调试自动布局

1.15 调整内容大小

在设置view大小后，内容应该怎样显示

1.16 手动布置子view

1.17 调整用户界面

1.18 添加和移除交互

1.19 绘制和更新视图

1.20 捕获视图快照

1.21 在运行时识别视图

设置tag

2.UIControl

可以与用户交互的View

2.1 属性

• state有以下几种
  normal正常状态
  highlighted突出显示状态(例Button的按下去的状态)
  disabled禁用状态
  selected选中状态
  focused被焦点选中状态
  application可供应用程序使用的其他控制状态标志
  reserved保留供内部框架使用的控制状态标志

2.2 响应事件

//例:UIButton的点击事件btn.addTarget(self, action: #selector(clickBtn), for: .touchUpInside)@objc func clickBtn(){print("ok")}

2.3 触发Actions

//触发view的指定事件btn.sendActions(for: .touchUpInside)

2.4 跟踪触摸和重绘

3.常用view

3.1 UILabel

显示一行或多行只读文本，通常与UIControl使用

3.2 UITextField

3.3 UITextView

3.4 UISearchTextField

3.5

4.容器视图

4.1 UICollectionView

4.2 UITableView

4.3 UIStackView

4.4 UIScrollView

5.视觉效果

6.Bars

ViewControllers(视图控制器)

View Layout(布局)

Appearance Customization(外观定制)

Animation & Haptics(动画和触觉)

Windows & Screens(窗口和屏幕)