我正试图进入汽车布局业务,但我发现它有点难.
我试图让5个图像视图在视图的中心彼此相邻显示.他们需要调整自己的大小以扩大他们的高度/宽度.
这就是它在IB中的外观(有点像运行应用程序时需要的样子):
所以我有以下约束:
>增加了1:1的宽高比,以便它们始终是平方的
>第一个按钮是“拥抱”视图的左侧,因此它将显示在侧面.
>以下4个按钮与其旁边的按钮具有水平间距
>每个按钮都有一个屏幕顶部和底部的约束,因此如果您调整屏幕大小,它们会变大.
但是,当我运行它时,它看起来像这样:
我只是有点难过.我究竟做错了什么?
提前致谢,
最诚挚的问候 – / JBJ
**编辑**
我在最后一个按钮上添加了一个尾随约束.这确保它们都在屏幕内,但在考虑它的大小时有点问题,因此也没有解决它.
*编辑编辑*
尝试删除顶部和底部约束,因为它们是强制大小的.为它们添加了垂直中心约束.这也行不通.显示它们非常小(排列很好,但是太小)并且还带有警告:
解决方法
好的,这里……
>在视图中添加5个按钮…无约束.
>在它们之间添加水平空间约束.还要将第一个和最后一个视图中的约束添加到superview.我还将最后一个约束更改为0(注意306告诉我它当前不合适).
>选择所有按钮并(使用添加约束按钮)向它们添加“等宽”.请注意橙色虚线轮廓告诉我他们现在都将具有相同的宽度.
>现在使用此按钮将它们对准视图的垂直中心…
>最后要做的就是去每一个并添加1:1的宽高比.您需要添加约束,然后将其编辑为1比率.
完成后,请确保更新帧以将按钮重新定位到新约束…
预览屏幕显示此工作在所有不同的大小…