1、添加组件

Xcode12界面有所改变，导致一些按钮位置变动。比如为storyboard添加组件的按钮移至如下位置：

在弹窗中选择要添加的组件（比如一个按钮），然后拖到合适的位置。

在右侧可以修改按钮的文案

这样我们就在页面上添加了一个组件

2、绑定事件

首先要将按钮添加进ViewController，点击下图中的按钮增加一个区域

然后两个区域一个打开storyboard文件，一个打开ViewController文件，如下

然后按住ctrl键，在storyboard中拖动按钮，这时候会出现一条蓝线，拖到ViewController中合适的位置松开，就会出现如下窗口

这里设置按钮变量名字，然后点击Connect就将按钮添加到ViewController中了，效果如下：

可以看到ViewController增加了一行代码，同时在storyboard右侧最后一个tab中增加了一条关联。（点击这条关联前的叉可以去掉这条关联，然后可以删除新增的代码）

然后我们为按钮添加点击事件，在storyboard右侧最后一个tab中找到Touch up Inside，点击它右侧的圈并拖动，会出现蓝色的线，拖动到ViewController中合适的位置放开，弹窗如下：

这里定义一下函数名称，点击Connect就增加了一个点击事件，然后在函数体中处理点击事件即可，如下

同时，Touch up Inside这里变成了一个关联的形式（同样点击叉可以去掉这个关联）

运行点击按钮，就会看到控制台打印“lalala”了

3、添加新页面

与添加组件流程一样，在main.storyboard中添加一个“View Controller”组件放到合适的位置即可，这样就添加了一个新的页面，如下

4、跳转页面

然后按住ctrl键，拖动按钮到新的页面，会出现如下弹窗：

在弹窗中选择show，这样就建立了一个关联，如下：

然后我们运行，点击按钮就会跳转到新的页面。

注意：如果我们之前添加的按钮事件（打印lalala）没有去掉的话，点击按钮跳转的同时还是会在控制台打印。