swift UI专项训练4 场景过渡-转场

简介:     上一话中我们创建了两个场景,这一话我们想要实现两个场景间的过渡。我们只需要增加一个导航条。

    上一话中我们创建了两个场景,这一话我们想要实现两个场景间的过渡。我们只需要增加一个导航条。选中我们上一话中创建的Table View Controller,点击工具栏上面的editor,选择Embed in(嵌入),选择Navigation Controller,如图:



嵌入后storyboard左边会出现一个NavigationController,会有一个箭头连接到我们的tableviewcontroller。




在tableviewcontroller最顶端会空出一个区域来,我们可以在里面命名,比如我命名为“餐馆排行”,在导航栏上左右各添加一个按钮,去控件中寻找Bar Button Item,这个是专门用到导航条或者工具栏上的。


   把它拖到导航栏右侧,在属性编辑器里面编辑它,它有很多种类型,如果是添加按钮,选择add,按钮会变成一个加号。再添加一个edit按钮


   运行后效果如图:


我们看到storyboard中是英文,而运行后是中文,这就是我们第一话中设置的本地化的效果。

同理,给新增餐馆列表中增加一个导航,导航栏中设置两个按钮,一个“完成”,一个“取消”。接下来要通过第一个场景中的加号,点击后跳转到第二个场景。和我们之前连线的方法一样,我们需要按住control键从加号中拖出一条线到第二个场景的navigationcontroller中,会出现下面这些选项,这代表了不同的转场方式,比如直接展示,弹窗等等,选择,show。这时候运行看看是不是可以通过点击“+”实现转场了。如果你把新增场景的确认和返回按钮删除的话,转场后会有个默认的返回按钮,点击可以回到第一个场景中。



这就是堆栈的表现。因为我们要保留新增餐馆的功能,还是把两个按钮加上,然后把模式改为第三个:


就变成了必须有输入才能返回的模式了,可以看到转场的时候场景是从屏幕的下方滑上来的。

目录
相关文章
|
2月前
|
机器学习/深度学习 安全 数据挖掘
Swift语言的应用场景非常广泛
Swift语言的应用场景非常广泛
46 4
|
5月前
|
测试技术 Swift iOS开发
探索iOS自动化测试:使用Swift编写UI测试
【8月更文挑战第31天】在软件开发的海洋中,自动化测试是保证船只不偏离航线的灯塔。本文将带领读者启航,深入探索iOS应用的自动化UI测试。我们将通过Swift语言,点亮代码的灯塔,照亮测试的道路。文章不仅会展示如何搭建测试环境,还会提供实用的代码示例,让理论知识在实践中生根发芽。无论你是新手还是有经验的开发者,这篇文章都将是你技能提升之旅的宝贵指南。
|
机器学习/深度学习 数据可视化 算法
基于深度学习的瓶子检测软件(UI界面+YOLOv5+训练数据集)
基于深度学习的瓶子检测软件(UI界面+YOLOv5+训练数据集)
437 0
|
存储 数据管理 数据库
CoreData 在 swift UI 中的使用
当谈到在 Swift UI 中进行本地数据持久化,Core Data 是一个强大且常用的解决方案。Core Data 是苹果提供的一种数据存储和管理框架,用于在应用程序中创建、读取、更新和删除数据。它提供了一个对象图管理器,可以将数据映射到对象,并提供了一种简化数据操作的方式。在本文中,我们将深入介绍 Core Data 在 Swift UI 中的使用。
CoreData 在 swift UI 中的使用
|
机器学习/深度学习 监控 算法
基于深度学习的跌倒检测系统(UI界面+YOLOv5+训练数据集)
基于深度学习的跌倒检测系统(UI界面+YOLOv5+训练数据集)
1547 0
|
机器学习/深度学习 数据可视化 算法
水果新鲜程度检测系统(UI界面+YOLOv5+训练数据集)
水果新鲜程度检测系统(UI界面+YOLOv5+训练数据集)
740 0
|
机器学习/深度学习 人工智能 监控
基于深度学习的人群密度检测系统(UI界面+YOLOv5+训练数据集)
基于深度学习的人群密度检测系统(UI界面+YOLOv5+训练数据集)
725 0
|
机器学习/深度学习 人工智能 算法
基于深度学习的农作物叶片病害检测系统(UI界面+YOLOv5+训练数据集)
基于深度学习的农作物叶片病害检测系统(UI界面+YOLOv5+训练数据集)
785 1
|
人工智能 JavaScript Java
IM场景的移动端UI自动化测试平台实践
市面上的UI自动化平台基本上都是大同小异,把查找元素的方法抽象到一个下拉列表,再通过输入框输入要查找元素ID,查到到元素对应做一些动作。今天以opendx为例介绍一下UI自动化平台能力(它的页面和架构相对更人性化)。
525 0
|
机器学习/深度学习 传感器 监控
基于YOLOv5的停车位检测系统(清新UI+深度学习+训练数据集)
基于YOLOv5的停车位检测系统(清新UI+深度学习+训练数据集)
804 0