以编程方式创建与点击按钮相关联的标签

Question

假设我有一个文本字段和按钮。 与按钮和文本字段有一个IBaction关联。

单击该按钮时，它将创建一个标签，文本字段中键入的文本。同时在标签字段旁边创建按钮。 （比如播放或暂停按钮）

添加静态元素很容易，只需拖放即可。 但我不知道如何以编程方式添加这些UI元素的布局和约束。

请告诉我更多相关信息或提供一些链接给我。

Answer 1

应该有各种方法来实现您的目标。以下是如何将包含标签，按钮和约束的子视图添加到子视图的示例。在故事板中添加了默认的var bmfont2json = require('bmfont2json'); 和textField。

button

Answer 2

您的问题是如何以编程方式创建按钮和文本字段，然后设置约束。首先，启动UI元素，进行设置并将其添加到视图控制器。然后为其分配约束。我最喜欢的约束集是填充顶部，左边填充，视图高度和视图宽度。

使用UIButton例如

let button = UIButton()
//Set up button, like title, color, etc

self.view.addSubView(button)//Add the button to the current view

//Set up constraints
let margins = view.layoutMarginsGuide
button.trailingAnchor.constraint(equalTo: margins.trailingAnchor, constant: 0).isActive = true
button.topAnchor.constraint(equalTo: margins.topAnchor, constant: 70).isActive = true
button.widthAnchor.constraint(equalToConstant: 100).isActive = true
button.heightAnchor.constraint(equalToConstant: 30).isActive = true