AutoLayout的简单使用(storyboard)

参考:寒哥细谈之AutoLayout全解 https://www.jianshu.com/p/683fbcbfb705

  • 例子1:不设置宽高,只设置相对父view的上、下、左、右的约束,确定view的frame。

    AutoLayout的简单使用(storyboard)_第1张图片

    AutoLayout的简单使用(storyboard)_第2张图片
    效果图

  • 例子2:距离在父View的左侧20 上20 宽高为 100 , 100

    AutoLayout的简单使用(storyboard)_第3张图片

    AutoLayout的简单使用(storyboard)_第4张图片
    效果图

  • 例子3:距离在父View的左侧20 demo2中白色View 上10 宽高和Demo2中的宽高一样

    AutoLayout的简单使用(storyboard)_第5张图片

  • 例子4:距离父View上部和右部都为20 ,宽高比 2:1 宽100

    AutoLayout的简单使用(storyboard)_第6张图片

    AutoLayout的简单使用(storyboard)_第7张图片
    再改成2:1

  • 点击左侧某个约束,可以在右侧编辑

    AutoLayout的简单使用(storyboard)_第8张图片

  • 例子4:

    AutoLayout的简单使用(storyboard)_第9张图片
    1. 距离上一个view的下边距设为20,长高为120、50

    AutoLayout的简单使用(storyboard)_第10张图片
    2.

你可能感兴趣的:(AutoLayout的简单使用(storyboard))