如何在swift中创建这样的文本字段?

时间:2015-07-02 17:50:33

标签: ios swift user-interface

我想在我的应用程序中创建这种文本字段。你们可以建议如何创建一个像这张图片中所示的文本字段吗?

Thsi is text field i want in my application

3 个答案:

答案 0 :(得分:1)

您在图片中显示的是表格视图单元格,而不仅仅是文本字段。你想要看起来那样的表视图单元格吗?如果视图控制器是UITableViewController,则需要表视图单元格。您可以轻松创建nib文件(cmd-n,iOS用户界面,空,名称并保存),从资产库中拖出表格视图单元格,然后将标签和文本字段(见下文)拖入细胞

如果你没有UITableViewController,你可以在界面构建器的视图控制器视图中放置一个UILabel(用于'Apple ID'或'Required'部分),然后添加一个常规文本字段,写下它的占位符在Attributes Inspector中,然后选择最左边的'Border Style'(再次,在Xcode的右侧Utilities面板中),看起来像虚线(这是'无边框')

答案 1 :(得分:0)

使用UITextBorderStyle枚举中的UITextBorderStyleLine

ObjC

typedef enum {
   UITextBorderStyleNone,
   UITextBorderStyleLine,
   UITextBorderStyleBezel,
   UITextBorderStyleRoundedRect 
} UITextBorderStyle;

夫特

enum UITextBorderStyle : Int {
    case None
    case Line
    case Bezel
    case RoundedRect
}

编辑:

第一张图片与新图片不同。因此,图片显示,这是一个表格视图(如您可以看到每个部分的标题),第一部分包含两个文本字段。两个文本字段的边框样式是UITextBorderStyleNone。

答案 2 :(得分:0)

使用Eureka!它是Github上提供的开源库 - https://github.com/EurekaCommunity

这对于创建基于表单的表格视图非常有用,就像您上面描述的那样。