时间戳

首页 > 解决方案 > 如何获得 Material Design MDCTextField 的圆角

ios - 如何获得 Material Design MDCTextField 的圆角

问题描述

我正在使用材料设计组件，即 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. 当我们尝试输入内容时，文本字段扭曲

    当我尝试输入

请让我知道，我做错了什么。

谢谢。

标签： iosswiftmaterial-designswift5mdc-components

解决方案

推荐阅读