ios - 我如何获得这样的 TextField

Question

我已经检查了 UITextField 的属性并尝试为其设计如下所示。但我没有成功。

我想再添加一个 UIView 以获得它周围的黑色暗色。但是我不知道 UITextField 中是否有任何属性。

我需要做什么才能获得与上述相同的设计。

更新:这是我的代码

    self.txtUserName = [[UITextField alloc]initWithFrame:CGRectMake(Padding, height/3.5, width - (Padding*2), TextFieldHeight)];
    self.txtUserName.backgroundColor = [UIColor whiteColor];
    self.txtUserName.textColor = [UIColor whiteColor];
    self.txtUserName.borderStyle = UITextBorderStyleRoundedRect;
    [self.txtUserName.layer setBorderColor: [[[UIColor grayColor] colorWithAlphaComponent:0.5] CGColor]];
    [self.txtUserName.layer setBorderWidth: 5.0];
    [self.txtUserName.layer setCornerRadius:5];

感谢您的宝贵时间。

编辑:我有图形 Assets ，我想以编程方式使用它们。

Answer 1

界面生成器:

第 1 步 - 添加容器 View :添加两个 View (并设置合适的约束)并将它们连接到 ViewController - 作为 IBOutlets-:

第 02 步 - 添加背景渐变 imageViews:在每个容器中添加一个“ImageView”(或“Views”，如果你想以编程方式创建渐变而不是图像，我建议这样做), 然后为它们设置渐变图像，不要忘记为它们设置合适的约束；最后，将它们连接到 ViewController -as IBOutlets-:

第 03 步 - 添加文本字段:在每个“ImageView”的顶部添加一个“TextField”，它们应该与背景 ImageView 的大小相同。确保从属性检查器将 TextFields 边框样式更改为无边框:

为它们设置合适的约束，最后，将它们连接到 ViewController -as IBOutlets-:

编码:现在，您需要在“ViewDidLoad”中添加这些行:

override func viewDidLoad() {
    super.viewDidLoad()

    // adding corner radius to the container views:
    viewUsernameContainer.layer.cornerRadius = 5
    viewPasswordContainer.layer.cornerRadius = 5

    // adding corner radius to the background imageviews:
    imgUsernameBackground.clipsToBounds = true
    imgUsernameBackground.layer.cornerRadius = 5
    imgPasswordBackground.clipsToBounds = true
    imgPasswordBackground.layer.cornerRadius = 5
}

运行应用程序，它应该如下所示:

“验证”边界怎么样？您可以为选中的文本字段添加这些代码行(为背景 ImageView 添加边框):

// adding border to the username background ImageView
imgUsernameBackground.layer.borderWidth = 2
// whatever color you want...
imgUsernameBackground.layer.borderColor = UIColor.black.cgColor

最后，它应该是这样的:

当然，您可以调整大小、边框宽度和渐变样式，使它看起来适合您的应用程序。

加油!