如何获得 Material Design MDCTextField 的圆角

Question

我正在使用 Material Design 组件，即 MDCTextField，但在使其角像胶囊一样圆润时遇到了一些问题。

我尝试设置边框半径，但它对我不起作用。

连接插座：

@IBOutlet weak var userNameTextField: MDCTextField!
@IBOutlet weak var passwordTextField: MDCTextField!
@IBOutlet weak var mobileNumberTextField: MDCTextField!

var userNameController: MDCTextInputControllerOutlined?
var passwordController: MDCTextInputControllerOutlined?
var mobileNumberController: MDCTextInputControllerOutlined?

ViewDidLoad():

override func viewDidLoad() {
    super.viewDidLoad()
    
    userNameController = MDCTextInputControllerOutlined(textInput: userNameTextField)
    passwordController = MDCTextInputControllerOutlined(textInput: passwordTextField)
    mobileNumberController = MDCTextInputControllerOutlined(textInput: mobileNumberTextField)

    userNameController?.borderRadius = 50

}

场景：

1. 圆角文本字段在没有输入或文本时完美显示

2. 当我们尝试输入内容时文本字段扭曲

请告诉我，我做错了什么。

谢谢。

Answer 1

使用 pod 'MaterialComponents/TextFields' 这将解决问题并使您的 MDCTextField 圆润。