ios - 使用自动布局使多个标签居中
<p><p>是否可以使用自动布局将这些倒计时标签居中？</p>
<p>我有一个带有四个标签的居中 View (如深蓝色所示):minuteValue、minuteUnit、secondValue 和 secondUnit。</p>
<p>当倒数计时器低于 60 秒时，分钟标签会被隐藏。是否可以将计时器置于任何状态？即我有 2 个还是 4 个标签？</p>
<p>如果没有人知道自动布局解决方案，我很乐意编写代码，但我更愿意尽可能使用自动布局来实现这一点。</p>
<p> <a href="/image/CjUuN.png" rel="noreferrer noopener nofollow"><img src="/image/CjUuN.png" alt="View with four labels"/></a> </p></p>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
<p><p>如果我理解正确，您希望它们<strong>始终</strong>居中，无论是两个还是四个标签。在这种情况下，我会为他们添加一个 contentView。所以，你会收到这样的东西:</p>
<p>YourBlueView -> ContainerView -> FourLabels</p>
<p>接下来，将您的 containerView 置于 YourBlueView 的中心:</p>
<pre><code>yourBlueView.addConstraint(NSLayoutConstraint(item: yourBlueView, attribute: .centerY, relatedBy: .equal, toItem: containerView, attribute: .centerY, multiplier: 1, constant: 0))
yourBlueView.addConstraint(NSLayoutConstraint(item: yourBlueView, attribute: .centerX, relatedBy: .equal, toItem: containerView, attribute: .centerX, multiplier: 1, constant: 0))
</code></pre>
<p>最后一步，在 containerView 中为标签添加约束，类似于</p>
<pre><code>containerView.addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "V:||", metrics: nil, views: ["firstLabel": firstLabel]))
containerView.addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "H:||",options: [.alignAllCenterY], metrics: nil, views: ["firstLabel": firstLabel,"secondLabel": secondLabel,"thirdLabel": thirdLabel,"fourthLabel": fourthLabel]))
</code></pre>
<p>现在，当您将标签宽度设置为 0 时，它们将保持在中心。</p>
<p>另一种解决方案，更清晰，但需要 UIStackView。将所有标签放入其中，当您使用 Storyboard 时，可以通过在 Storyboard 窗口下方的 <strong>Embed In Stack</strong> 按钮完成此操作，并将此堆栈 View 置于蓝色 View 的中心。任务完成</p></p>
<p style="font-size: 20px;">关于ios - 使用自动布局使多个标签居中，我们在Stack Overflow上找到一个类似的问题：
<a href="https://stackoverflow.com/questions/44372416/" rel="noreferrer noopener nofollow" style="color: red;">
https://stackoverflow.com/questions/44372416/
</a>
</p>
页:
[1]