ios - [Material Components iOS][TextFields] 在主视图和文本字段之间添加边距

Question

我在我的应用程序中使用 Google 的 Material Components 的 TextFields 组件图书馆。

正如您在下面的屏幕截图中看到的，文本输入距离 leadingView 太近了。我怎样才能在它们之间添加一些边距？

这是我用来创建这个文本字段的代码:

emailTextField.translatesAutoresizingMaskIntoConstraints = false
emailTextField.delegate = self
emailTextField.leadingView = UIImageView(image: UIImage(named: "MailIcon"))
emailTextField.leadingViewMode = .always

emailTextFieldController = MDCTextInputControllerUnderline(textInput: emailTextField)
emailTextFieldController?.placeholderText = "Email"

Answer 1

下划线样式的文本字段不再是推荐的设计。并且原始设计没有为主视图指定填充常量。考虑改用已在用户研究中表现更好的填充 Controller 。

如果您必须坚持使用下划线，那么获得您想要的布局非常容易。

1. 确保您使用的是最新版本的 MaterialComponents。如果您使用的是 CocoaPods，这可能意味着您需要运行 pod update MaterialComponents。
2. 子类MDCTextInputControllerUnderline。
3. 覆盖属性 leadingViewTrailingPaddingConstant 并返回您想要的任何填充。在 Objective-C 中，这看起来像:

- (CGFloat)leadingViewTrailingPaddingConstant {
返回 16.f；
}


1. 将您的文本字段设置为使用您创建的新类。

顺便说一句，我们刚刚推出了轻松更改清除按钮颜色的功能。您可以通过设置属性 textInputClearButtonTintColor 将其设置为匹配下划线和文本。