Storyboard 自动布局

首先在 storyboard中 将 size class 设置为宽与高均为any ,这样的话能适配所有的机型.

- ###****

- 1. >1设定VIew为固定大小并居中显示.或是以屏幕居中点进行偏移.``

选中要操作的view

点击右下方的pin图标  弹出如下的菜单项 并将width 与 Height 勾选 .如下图所示 .设置宽与高 这样view的大小就确定了 

下一步是让其居中显示 按下右下边的Align键,如下图所示 并勾选最下方的 Horizontally in Container 和Vertically in Container 右边的为居的值 当为0 0 时为屏幕正中. 当为正数时将向下进行偏移.负的话向上偏移.自己可以试一试 

当出现黄线的时候证明有约束.需要进行刷新新的位置. 需要刷新frame 

最终如图所示

模拟器运行后为

坚屏 

横屏

这样 居中显示 固定大小就完成了.

2 与屏幕的宽高等比例VIew制做

和第1条一样 ,我们先做个居中的视图 但不弄pin的大小

按着control键托动子View到父视View上 弹出如下窗口 

色选等宽与等高

如图所示

找到右边的 Show the inspector 

勾选设比例为1:4 

最终结果为

模拟器运行为

第三种 自适应 横坚屏textfield拉伸

最终效果如下图所示

你可能感兴趣的:(Storyboard 自动布局)