zl程序教程

您现在的位置是:首页 >  其他

当前栏目

Xcode12在storyboard添加组件和事件,添加新页面及跳转

事件组件 添加 跳转 Storyboard
2023-09-27 14:25:57 时间
Xcode12界面有所改变,导致一些按钮位置变动。比如为storyboard添加组件的按钮移至如下位置:
1、添加组件

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

image


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

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

image


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


2、绑定事件

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


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


image


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


image


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

image


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

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


image


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


image


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

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


3、添加新页面

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

image


4、跳转页面

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

image


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


image


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

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



现在需要实现一个类似今日头条TabBar的功能 —— 如果继续点击当前TabBar的选中项,那么该界面需要刷新UITableView。