Ios 如何使用故事板自动布局对齐和调整这两个元素的大小?

Ios 如何使用故事板自动布局对齐和调整这两个元素的大小?,ios,xcode,autolayout,uistoryboard,xcode-storyboard,Ios,Xcode,Autolayout,Uistoryboard,Xcode Storyboard,我正在设计一个非常简单的Today小部件,它只有两个元素:一个红色背景的文本标签和一个信息按钮。我希望“信息”按钮始终显示在标签后面 因此: 信息按钮应始终保持在右边距 标签应始终贴在左边距上 标签应自行调整大小,使其成为可用空间的全宽,直到按钮边缘 我怎么能这么做?!自动布局很混乱,我已经玩了一个小时,运气不好。不知道从哪里开始。我想我至少需要三个约束条件,上面每一个都需要一个约束条件 您的信息按钮将具有固定的宽度和高度。将其右边距设置为父级右侧。将红色标签的左边距设置为父级左边距,将右边距设

我正在设计一个非常简单的Today小部件,它只有两个元素:一个红色背景的文本标签和一个信息按钮。我希望“信息”按钮始终显示在标签后面

因此:

信息按钮应始终保持在右边距 标签应始终贴在左边距上 标签应自行调整大小,使其成为可用空间的全宽,直到按钮边缘 我怎么能这么做?!自动布局很混乱,我已经玩了一个小时,运气不好。不知道从哪里开始。我想我至少需要三个约束条件,上面每一个都需要一个约束条件

您的信息按钮将具有固定的宽度和高度。将其右边距设置为父级右侧。将红色标签的左边距设置为父级左边距,将右边距设置为信息按钮的左边距

现在,由于您的红色标签没有宽度限制,它将占用左边距和右边距之间的所有宽度

这就是它的样子。


您应该创建容器视图约束信息按钮的顶部、底部、宽度和尾部。 对于标签,它们应该是容器视图的前导、顶部、底部以及信息按钮的水平间距。
希望这会有所帮助。

给出标签顶部、左侧、右侧、底部约束以及按钮右侧、顶部、底部和宽度这一切对我来说都是绝对正确的-我理解你的建议-但我不确定如何添加这些约束。例如,在界面中,我可以在何处/如何将信息按钮的右页边距设置为将其固定到右页边距的父级右页边距?对不起,我只是被卡住了,我找到的所有在线参考资料都非常混乱-@埃里克。。对齐按钮并设置其大小后,选择infoButton,然后在编辑器底部,选择右侧的第二个按钮,即右侧有三角形按钮的按钮。这将显示“添加新约束”弹出窗口。设置宽度和高度并设置约束。选择T形虚线并为“信息”按钮设置它们的值。您需要选择顶部和右侧的T形红线并将其值设置为零。@ShamasS谢谢您,仍在努力,lol。我完全按照您的建议做了,它越来越近了-请看结果->。。。。现在“信息”按钮保持固定在右侧,但现在文本字段的宽度是固定的。我试图删除它的宽度约束,并将其固定在父对象顶部和左侧T红线的左上角,值为0,但随后它开始抱怨重复规则。argggh太不清楚了。更新谢谢@ShamasS所做的一切。。。我正在进步!删除所有约束,然后重新开始,取消选中“约束到边距”,这似乎效果更好。我慢慢地就到了…@Eric cool。很高兴能帮上忙。如果这有帮助,请将答案标记为已接受。