UITextField设置边框

Question

我想让我的登录界面更加花哨。所以我想建立一些像这​​样的东西：

多数民众赞成我所拥有的东西：

    self.usernameTextField.layer.borderWidth = 1.0f;
self.usernameTextField.layer.borderColor = [[UIColor colorWithRed:171.0/255.0 green:171.0/255.0 blue:171.0/255.0 alpha:1.0] CGColor];
self.usernameTextField.layer.cornerRadius = 5;
self.usernameTextField.clipsToBounds      = YES;

    self.passwordTextField.layer.borderWidth = 2.0f;
self.passwordTextField.layer.borderColor = [[UIColor colorWithRed:171.0/255.0 green:171.0/255.0 blue:171.0/255.0 alpha:1.0] CGColor];
self.passwordTextField.layer.cornerRadius = 5;
self.passwordTextField.clipsToBounds      = YES;

如何连接它们？两个UITextFields之间仍然存在差距..

Answer 1

像您的界面一样放置普通图像背景，并在该图像上放置两个文本字段，并设置如下所示的边框样式。

[yourTextField setBorderStyle:UITextBorderStyleNone];

Answer 2

您展示的示例几乎肯定是使用表格视图。如果要模仿它，则创建一个包含2个静态行的分组表视图，并将文本字段添加到每一行。确保文本字段边框样式设置为none（它应该是IB中的默认值），然后设置占位符文本和颜色。如果你想要图标，那可能只是文本字段左侧的一个小UIImageView。

Answer 3

您可以将UITextField边框样式设置为none。

[self.textField setBorderStyle:UITextBorderStyleNone];

然后使用自定义背景图片，以获得所需的外观。

Answer 4

创建两个TextField自定义类型。不要设置任何边框样式。在ImageView中修复图像，然后在imageview中放置文本的两个文本字段框架。