如何解决这个带有约束的自动布局“谜题”？

enter image description here 左侧是布局的正常状态。右侧是布局的展开状态。如何解决这个带有约束的自动布局“谜题”？

我的问题是，我无法弄清楚如何保持粉红色的盒子在它们的单元格中间，并且绿色的线条连接在粉红色的盒子之间，随着布局在任何方向上的增长。只有这两种观点的AutoSizing.xib可以在这里找到：https://dl.dropboxusercontent.com/u/6979623/AutoSizing.xib

来源

2014-11-02 StackUnderflow

有两种方法来保持超图的四个象限中居中的粉红色框：

您可以添加四个甚至分裂了这个主视图的四个象限（使用约束将它们固定到它们各自的角落以及使其具有相同宽度和高度的另一组约束）的无形视图。如果我要代表在VFL（只是因为它是代表所有的这些约束条件的简洁的方式），这可能是这样的：
```
H:|[quadrant1][quadrant2(==quadrant1)]| 
H:|[quadrant3(==quadrant1)][quadrant4(==quadrant1)]| 
V:|[quadrant1][quadrant3(==quadrant1)]| 
V:|[quadrant2(==quadrant1)][quadrant4(==quadrant1)]| 
```
然后，您可以居中粉色观点在每个中心这四个象限意见。
您可以添加中心约束，使用乘数来抵消它们的共享超级视图中的这些粉红色方块。 Interface Builder最近才得到了倍增支持，并且它并不是超稳定的，在我看来，所以当我想要使用乘法器时，我常常会回头添加这些程序。

一旦有了正确地布置的粉红色框，然后将它们之间的绿色线被简单地固定间距领先/或分别顶部/底部为水平或垂直线，尾随。将它与固定宽度和中心对齐结合起来就完成了。底线，照顾粉盒的位置，如上所述，然后创建绿线变得非常容易。

来源

2014-11-02 03:22:12 Rob

作为第三种选择，如果在主视图中居中放置一个隐形框（宽度和高度等于超视图的一半），粉色框固定在其角上？ – rdelmar 2014-11-02 04:55:56

是的，很多方法来给这只猫皮... – Rob 2014-11-02 05:08:02

Thx所有答案！ – StackUnderflow 2014-11-04 22:01:41

如何解决这个带有约束的自动布局“谜题”？

回答

相关问题