iOS View

创建: 2018/04/19

完成: 2018/04/20

View的创建

 创建

 storyboard上操作

 与代码连接

● 目的: 通过代码控制view

● 按住option拖动

View的坐标

 view的坐标

左上为原点,

往右+x, x为width

往下+y, y为height

CGRect

处理x, y, width, height的构造体

● 生成:

CGRect(x: x, y: y, width: width, height: height)

● 属性

minX midX maxX
minY midY maxY

 CGPoint

处理坐标x, y的构造体

● 生成:

CGPoint(x: x, y: y)

 CGSize

处理长宽width, height的构造体

● 生成:

CGSize(width: width, height: height)

 属性

frame	表示在父view中位置的CGRect
bounds	以自己为中心的CGRect ● 原点自己左上

在程序里创建View

 addSubView(view: UIView)

let viewByCode = UIView.init(frame: CGRect.init(x: , y: , width: , height: ))
viewByCode.backgroundColor = UIColor.green
topAreaView.addSubview(viewByCode)

UIView

 所有UI都是UIView的子类

● 设定坐标          CGRect

● 设定border

● 增加subView    addSubView

● 下面的

 属性

contentMode	对应项目条: Content Mode
isUserInteractionEnabled	是否接受Event 对应项目条: User Interaction Enabled
alpha	不透明度 对应项目条: alpha
backgroundColor	背景色 对应项目条: Background
isHidden	是否隐藏 对应项目条: Hidden
clipsToBounds	超过边界的是否删除 效果相当于css的overflow: hidden 对应项目条: Clip to Bounds

 方法

removeFromSuperView	从所属的super view里删除自己
bringSubView(toFront:)	把指定的sub view移到最前面
sizeToFit	根据内容调整大小

UIImageView

 ● 用于展示图片

 content mode

对应项目条: content mode

Scale to Fill	伸缩图片填满view
Aspect Fit	保持宽高比放入view
Aspect Fill	保持原尺寸填满view 多余部分溢出, 设置Clip to Bounds来切除溢出部分
方位(Left, Right, ...)	靠某一边对齐, 尺寸不变

UIScrollView

UITableView, UICollectionView的父类

 设置滚动内容大小

● 通过autolayout自动设置

● contentSize属性

 带项目条的属性 

indicatorStyle	滚动条的款式 对应项目条: Indicators
showsHorizontalScrollIndicator	是否显示水平滚动条 对应项目条: Shows Horizontal Indicator
showsVerticalScrollIndecator	是否显示垂直滚动条 对应项目条: Shows Vertical Indicator
isScrollEnabled	是否可滚动 对应项目条: Scrolling Enabled
isDirectionLockEnabled	滚动中是否固定方向 对应项目条: Direction Lock Enabled
keyboardDismissMode	滚动时是否关闭键盘 ● 内部有text field/text view是自动设为有效 对应项目条: Keyboard
alpha	不透明度 对应项目条: Alpha
backgroundColor	背景色 对应项目条: Background
Hidden	是否隐藏 对应项目条: isHidden

 其他属性

contentSize	滚动内容的大小
scrollsToTop	是否触击状态栏返回最顶部 默认 true

 方法

scrollRectToVisible(rect: animated:) -> Void

UITableView

 重复利用cell

● 提高运行效率

注册利用的cell	● 用代码注册则为代码里的状态. 也就是说storyboard上的设定全都不生效 ● 不要代码注册, 直接storyboard上注册 register(cellClass: forCellReuseIdentifier:) -> Void 例 middleTableView.register(MiddleTableViewCell.self, forCellReuseIdentifier: "sample")
使用注册的cell	存在的时候用存在的, 不存在则自动新建 dequeueReusableCell(withIdentifier: for: ) 例: let cell = tableView.dequeueReusableCell(withIdentifier: reuseIdentifier, for: indexPath)

 datasource

必须继承UITableViewDataSource

● 分出去单独类时, 要继承NSObject

 必须的方法

设置session的行数	func tableView(_ tableView: UITableView numberOfRowsInSection section: Int) -> Int
设置每行表示的cell	func tableView(_ tableView: UITableView cellForRowAt indexPath: IndexPath) -> UITableViewCell ● 调用时间: 生成cell, 重绘cell时(如划动时移出view的cell)

 其他方法

设置section数	func numberOfSections(in tableView: UITableView) -> Int
设置section的header标题	func tableView(_ tableView: UITableView, titleForHeaderInSection section: Int) -> String?

 delegate 

必须继承UITableViewDelegate

● 分出去单独类时, 要继承NSObject

● 没有必须的方法, 可以不实现

UICollectionView

 和UITableView差不多

注册与

再利用cell

注册	● 用代码注册则为代码里的状态. 也就是说storyboard上的设定全都不生效 ● 不要代码注册, 直接storyboard上注册 bottomCollectionView.register(BottomCollectionViewCell.self, forCellWithReuseIdentifier: reuseIdentifier)
再利用	存在的时候用存在的, 不存在则自动新建 collectionView.dequeueReusableCell(withReuseIdentifier: self.reuseIdentifier!, for: indexPath)

dataSource

必须继承UICollectionViewDelegate

● 分出去单独类时, 要继承NSObject

● 没有必须的方法, 可以不实现

必须

方

法

设置元素数	func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int
设置cell	func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell

 delegate 

必须继承UICollectionViewDelegate

● 分出去单独类时, 要继承NSObject

● 没有必须的方法, 可以不实现