如何添加自动布局约束以编程方式将视图置于剩余空间的中心(参见下面的示例图片)?
目前,我在底部添加一个容器视图,然后将视图置于容器视图的中心,但我想知道是否有任何其他解决方案不需要使用容器视图。
您需要添加一个间隔视图来执行此操作。
让我们从一些观点开始:
我将设置粉红色视图以占据根视图的顶部 70%。首先,我将其固定到根视图的所有四个边缘:
然后我将以两种方式编辑底部约束。首先,我确保第一项是粉红色视图,其次我将乘数设置为 0.7。然后我更新粉红色视图的框架:
接下来我将添加间隔视图。我不希望间隔视图在运行时可见,因此我将其隐藏。隐藏视图仍然参与布局。在设置约束之前,我只是将间隔符放在蓝色视图的左侧:
现在,我将创建约束以使间隔符从粉红色视图的底部拉伸到根视图的底部。宽度并不重要,所以我只需将其固定到超级视图的左边缘并使其变薄:
现在我准备好设置蓝色视图了。首先我会给它一个固定的大小:
其次,我将其在根视图中水平居中:
第三,我将其垂直中心固定到垫片的垂直中心:
这就是我需要的所有限制。我将更新所有框架来检查:
我可以使用助理编辑器中的预览来测试它:
请注意,间隔视图在预览中不可见,但仍参与布局。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)