他们如何使文本框彼此粘在一起?

时间:2013-08-28 16:53:09

标签: ios user-interface

在应用中,向用户提供用户名和密码框看起来是一种常见的趋势,这些用户名和密码框在圆角框中显示为两行。他们是怎么做到的?定制图纸?看起来像太多的应用程序和太近的外观和感觉是自定义绘图但是......

enter image description here enter image description here

2 个答案:

答案 0 :(得分:2)

开发人员使用了一个分组的UITableView。以下是answer...之前的问题。希望这有帮助!

答案 1 :(得分:2)

在这种情况下,最好的是使用两个没有边框样式的文本字段。 在两个文本字段的后面,您有一个UIImageView,带有文本框的自定义图像。 这使您可以对文本框进行任何设计

我使用的登录框示例:

textfield background

只需覆盖您的文本字段,为浅灰色文本设置占位符,然后就可以了

<强>更新 之前的方法假定您的设计阶段在开发阶段之前,因此您只需设计一次资产,就可以了。 如果您正在寻找调整大小的方法,可以为外边框定义可伸缩的图像,如:

UIEdgeInsets insets = UIEdgeInsetsMake(10,10,10,10);
image = [image resizableImageWithCapInsets:insets];

然后,你要做的就是真正地画出角落,其余的则伸展开来。然后,您可能需要分别为中间分隔符添加一行。 不像盒子的一个定义资产那样干净,但更容易进行实验。