Xcode12在storyboard添加组件和事件,添加新页面及跳转
1、添加组件
Xcode12界面有所改变 导致一些按钮位置变动。比如为storyboard添加组件的按钮移至如下位置
在弹窗中选择要添加的组件 比如一个按钮 然后拖到合适的位置。
在右侧可以修改按钮的文案
这样我们就在页面上添加了一个组件
首先要将按钮添加进ViewController 点击下图中的按钮增加一个区域
然后两个区域一个打开storyboard文件 一个打开ViewController文件 如下
然后按住ctrl键 在storyboard中拖动按钮 这时候会出现一条蓝线 拖到ViewController中合适的位置松开 就会出现如下窗口
这里设置按钮变量名字 然后点击Connect就将按钮添加到ViewController中了 效果如下
可以看到ViewController增加了一行代码 同时在storyboard右侧最后一个tab中增加了一条关联。 点击这条关联前的叉可以去掉这条关联 然后可以删除新增的代码
然后我们为按钮添加点击事件 在storyboard右侧最后一个tab中找到Touch up Inside 点击它右侧的圈并拖动 会出现蓝色的线 拖动到ViewController中合适的位置放开 弹窗如下
这里定义一下函数名称 点击Connect就增加了一个点击事件 然后在函数体中处理点击事件即可 如下
同时 Touch up Inside这里变成了一个关联的形式 同样点击叉可以去掉这个关联
运行点击按钮 就会看到控制台打印“lalala”了
与添加组件流程一样 在main.storyboard中添加一个“View Controller”组件放到合适的位置即可 这样就添加了一个新的页面 如下
然后按住ctrl键 拖动按钮到新的页面 会出现如下弹窗
在弹窗中选择show 这样就建立了一个关联 如下
然后我们运行 点击按钮就会跳转到新的页面。
注意 如果我们之前添加的按钮事件 打印lalala 没有去掉的话 点击按钮跳转的同时还是会在控制台打印。
现在需要实现一个类似今日头条TabBar的功能 —— 如果继续点击当前TabBar的选中项,那么该界面需要刷新UITableView。
相关文章
- 项目属性-->生成事件-->后期生成事件命令行
- 【Vue】通过自定义组件事件绑定,让【父组件】获取【子组件】的值(emit方式,图文+代码示例)
- Android重写Activity的dispatchTouchEvent方法,记录每一次点击事件
- taro 填坑之路(二)taro 通过事件监听 实现组件间传值
- 阿里开源事件告警组件kube-eventer,让我们花5分钟一起实战体验
- uni-app - 全端兼容 Steps 步骤条组件(支持绑定点击事件、颠倒文字位置、自定义样式)解决 uview 组件库的 Steps 步骤条无法绑定点击事件且不兼容微信小程序,详细教程组件插件源码
- 线程同步工具(三)等待多个并发事件完成
- 《C#并发编程经典实例》—— 转换.NET事件
- angularjs事件通信$on,$emit,$broadcast详解
- js之事件冒泡和事件捕获详细介绍
- 记录一波由会话堵塞导致tomcat应用故障事件
- 【快应用】销毁自定义组件,避免组件事件被多次触发
- vue 组件 子向父亲通信用自定义方法用事件监听
- css的hover事件,如果点击之后通过js操作样式,hover事件就会失效的处理方法,外部css样式与js的DOM样式谁的权重高?
- 父组件接收子组件事件的参数===子组件给父组件传值===子组件调用(绑定)父组件的方法
- 关于thinkphp6中事件的理解
- 深入理解Vue父子组件通讯的属性和事件
- vue基础(六)全局事件总线
- jsp页面 监听键盘回车键 事件
- 【HarmonyOS】JavaUI组件触摸事件分发
- 事件委托止损冒泡
- 【WPF】图片按钮的单击与双击事件
- 【Unity】用代码给按钮动态添加点击事件
- VUE 组件 事件传递