XCode:如何调整 UIStackView 中的项目

Posted

技术标签:

【中文标题】XCode:如何调整 UIStackView 中的项目【英文标题】:XCode: How To Adjust Items In A UIStackView 【发布时间】:2020-05-25 23:06:59 【问题描述】:

如何调整 StackView 中的 TextField 以填补它与我也放置在其中的标签之间的空白?我正在使用情节提要。

目前看起来像这样:

想要的外观

谢谢。

【问题讨论】:

【参考方案1】:

这可以通过使用嵌套的UIStackView 来实现。

首先添加一个 Horizo​​ntal UIStackView,间距为 15,分布和对齐方式为 Fill。

在它里面添加两个垂直的UIStackView,它们都设置为与分布一样填充,对齐为填充。间距可以设置为10。

在第一个垂直的内部添加两个UILabel,在第二个垂直的内部添加两个UITextField

这将导致:

标签将展开以适合最大的标签。

【讨论】:

嘿!它工作到我将两个标签与它们的 TextField 完美对齐的地步。但是 TextField 仍然很窄,根本不宽。它与标签的宽度几乎相同。如何使 TextField 的宽度在您的图像中显示为您的宽度? @Julian 您是否将约束添加到最外层UIStackView?就像 superView 的前导和尾随和垂直约束一样?它在情节提要上可能看起来不正确,但运行应用程序会像图像一样正确呈现它。 我已经做到了,但我想我无意中对内部 StackViews 之一做了它,这就是它不起作用的原因。我又做了一次,它奏效了。非常感谢!

以上是关于XCode:如何调整 UIStackView 中的项目的主要内容,如果未能解决你的问题,请参考以下文章

如何根据内容调整 UIStackView 的大小?

如何根据其内容调整UIStackView的大小?

如何使用 UIStackView 按比例调整大小?

如何动态调整单个 UIStackView 的行高以填满整个屏幕?

Xcode (Swift) 中的 UI:我只想要 UIStackView 的折叠功能,而不是标准化间距。还值得用吗?

UIStackView,通过调整动画大小隐藏子视图