GeekBand-IOS实战-第四周

第四周主要讲了应用界面布局管理

IOS界面是由一个树状的UIView 叠加起来的
最末端的view显示在最上层。

IOS界面结构

View的定位的属性之类主要在下图内

View的位置属性

View的位置属性

父视图和子视图的关系

 CGRect newBounds = self.view.bounds;
 
 
newBounds.origin= CGPointMake(40, 160);//把superView的origin改掉后，
 
 
位置还是没变，只是相对的数字变了，相当于40，160 == 0，0
 
 
//过渡动画
 
 
[UIViewanimateWithDuration:4.0animations:^{
    self.view.bounds = newBounds;
}]; 
 
 

superView的origin代表的父窗口的原点在什么位置
subView的point代表的是子窗口在父窗口相对于父窗口原点的位置

center是中心点
center的值是superView里的坐标

Autolayout

用约束条件（constraint）描述View定位属性之间的关系

它支持更多样的视图关系和定位属性
在程序里约束是NSLayoutConstraint对象
它只能表达线性关系(一次性关系)

左往右

Leading—>Trailing

右往左

Trailing—>Leading

在IB里定位后如果拖动元素会出现黄色的虚线框

虚线框

解决虚线框问题

解决方案

Alignment rect：
Layout 左上角至左下角的区域

让View按比例伸缩的方法

 aux1.height = 10%parent.height
 
 
aux2.top = 10%parent.height
 
 
aux3.top = 10%parent.height
 
 
aux3.height = 90%parent.height
 
 

让View按比例伸缩的方法

为了方便整体调整，可以选中元素，一起放入stackView内

stackView

View和Control的区别

UITextView是文本视图
Rich text是文本编辑器

UIWebView
可以显示几乎系统支持的所有文件
IOS8以后有了WKWebView，它优化了UIWebView