让按钮宽度随文本增长并正确对齐

Posted 2023-03-15

【中文标题】让按钮宽度随文本增长并正确对齐

【英文标题】：Have button width grow with text and align correctly

【发布时间】：2019-02-04 22:36:25

【问题描述】：

我有一个具有以下布局的视图：

[Image] [button1] [label1] [button2]

        [label2]

button1 & button2 应该根据文本的长度来增长和缩小，label1 将始终包含相同的文本，因此它不需要调整，只需与将要的按钮对齐即可。

我的 ios 技能不是很熟练（我更像是一个 android 开发人员），所以我不确定我是如何做到这一点的。

【问题讨论】：

我对 xamarin.ios 不熟悉，但您应该提供一些代码供人们更好地帮助您。到目前为止，您尝试了哪些无效的方法？

我只是在处理情节提要，所以没有要显示的代码

【参考方案1】：

您可以尝试添加这些水平约束：

图片的左边距。 图像的固定宽度限制。 从图片到按钮的右边距。 从按钮 1 到标签 1 的右边距。然后将其设置为“大于或等于”，例如 20 分。这意味着间距将始终在不离开屏幕的情况下自行调整为尽可能大（自动调整宽度以适合文本）。 label1 的固定宽度。 button2 到 label1 的左边距。 右边距从 button2 到 superview。然后将其设置为“大于或等于”，例如 20 分。这意味着间距将始终在不离开屏幕的情况下自行调整为尽可能大（自动调整宽度以适合文本）。

更多关于约束：

Apple developer autolayout

Raywenderlich adaptive layout