【问题标题】:Remove label/label spacing below each MDCInputField删除每个 MDCInputField 下方的标签/标签间距
【发布时间】:2018-07-25 11:31:58
【问题描述】:

我试图让两个 MDCTextFields (https://material.io/develop/ios/components/textfields/) 垂直堆叠,一个在另一个之下,没有任何间距。

这是一个视觉表示:

这是它在模拟器中的实际外观,尽管它们被限制在没有边距/填充的情况下保持靠近。 MDCInputFields 为每个 InputField 下方的标签添加这些间距。有没有办法覆盖它?

约束看起来像这样,顶部在电子邮件和密码之间,常量为 0 在设置为垂直的 StackView 内。

【问题讨论】:

  • 你能显示约束吗??
  • @Sh_Khan 更新了问题。谢谢

标签: ios swift material-design mdc-components


【解决方案1】:

1- 拖动一个 UIStackView (vertical) ,设置 centerX , top , width , height 并设置分布为 fillEqually ,确认间距为 0

2- 拖动其中的 2 个文本字段,不给任何约束

3- 将登录按钮顶部约束挂钩到堆栈视图的底部 + 20 并将其设置为 centerX

【讨论】:

  • 感谢您的建议,这确实适用于普通 UI 组件,但不适用于 MDCTextField。它似乎在运行时做了一些特殊的事情,覆盖了我设置的任何约束。