界面的自适应布局是对界面元素设置约束的过程,在运行时由于界面展示数据不同,约束的值可能会进行修改。
实现效果如下(后期会不断增加其他约束效果,并修改本文):
粉色视图设置了高宽约束,到顶约束,距左边约束
蓝色视图设置了高宽约束,到顶约束,距右边约束
label标签设置了高宽约束,到顶约束,居中约束
Add,Minus按钮设置了绝对坐标。
点击Add按钮,对两个视图的距左边约束和距右边约束进行增加40
点击Minus按钮,对两个视图的距左边约束和距右边约束进行减少40
实现效果如下:
1.竖屏显示效果
2.横屏显示效果
3.横屏显示效果(距离两边的约束增大后)
代码路径:https://github.com/realyezi/TestCode