ios – 自动布局 – 中央有5个按钮

前端之家收集整理的这篇文章主要介绍了ios – 自动布局 – 中央有5个按钮前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正试图进入汽车布局业务,但我发现它有点难.

我试图让5个图像视图在视图的中心彼此相邻显示.他们需要调整自己的大小以扩大他们的高度/宽度.

这就是它在IB中的外观(有点像运行应用程序时需要的样子):

所以我有以下约束:

>增加了1:1的宽高比,以便它们始终是平方的
>第一个按钮是“拥抱”视图的左侧,因此它将显示在侧面.
>以下4个按钮与其旁边的按钮具有水平间距
>每个按钮都有一个屏幕顶部和底部的约束,因此如果您调整屏幕大小,它们会变大.

但是,当我运行它时,它看起来像这样:

我只是有点难过.我究竟做错了什么?

提前致谢,
最诚挚的问候 – / JBJ

**编辑**
我在最后一个按钮上添加了一个尾随约束.这确保它们都在屏幕内,但在考虑它的大小时有点问题,因此也没有解决它.

*编辑编辑*
尝试删除顶部和底部约束,因为它们是强制大小的.为它们添加了垂直中心约束.这也行不通.显示它们非常小(排列很好,但是太小)并且还带有警告:

解决方法

好的,这里……

>在视图中添加5个按钮…无约束.

>在它们之间添加水平空间约束.还要将第一个和最后一个视图中的约束添加到superview.我还将最后一个约束更改为0(注意306告诉我它当前不合适).

>选择所有按钮并(使用添加约束按钮)向它们添加“等宽”.请注意橙色虚线轮廓告诉我他们现在都将具有相同的宽度.

>现在使用此按钮将它们对准视图的垂直中心…

>最后要做的就是去每一个并添加1:1的宽高比.您需要添加约束,然后将其编辑为1比率.

完成后,请确保更新帧以将按钮重新定位到新约束…

预览屏幕显示此工作在所有不同的大小…

猜你在找的iOS相关文章