0

我想让我的登录界面更花哨一点。所以我想构建这样的东西：

这就是我必须要做的：

    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;

我怎样才能连接它们？两个 UITextField 之间还是有差距的。。

4

4 回答 4

2

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

[yourTextField setBorderStyle:UITextBorderStyleNone];
于 2013-10-28T13:25:47.547 回答
0

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

[self.textField setBorderStyle:UITextBorderStyleNone];

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

于 2013-10-28T13:26:49.140 回答
0

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

于 2013-10-28T13:26:02.410 回答
0

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

于 2013-10-28T13:30:38.620 回答