第6章第8节：如何通过PresentationMode实现导航的后退 [SwiftUI快速入门到实战]

最新推荐文章于 2024-03-23 22:42:40 发布
最新推荐文章于 2024-03-23 22:42:40 发布
阅读量279 收藏
点赞数
分类专栏： SwiftUI快速入门到实战 文章标签： swift swiftui swiftui教程 ios开发
本文为互动教程网原创文章，欢迎转载但请注明来源。
本文链接：https://blog.csdn.net/fzhlee/article/details/120177502
版权

  1. 本节课演示如何通过PresentationMode，以更优雅的方式实现导航的后退操作，并且据此实现多级导航。项目已经包含了多个自定义的视图文件。
    SwiftUI快速入门到实战

  2. 当前页面是第二级的导航页面，点击查看另一个文件。
    SwiftUI快速入门到实战

  3. 该页面是第三级的导航页面，这两个文件目前都仅包含一个文本视图。接着点击此处的隐藏项目导航区按钮，隐藏左侧的项目导航窗口。
    SwiftUI快速入门到实战

  4. 现在开始编写代码，实现多级导航的功能。
    SwiftUI快速入门到实战

  5. 添加一个导航链接，目标页面是二级页面的自定义视图。
    SwiftUI快速入门到实战

  6. 添加一个文本视图，作为导航链接的内容。接着点击此处的后退按钮，返回位于导航二级的自定义页面。

了解本专栏 订阅专栏 解锁全文 超级会员免费看
李发展
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
SwiftUI中sheet弹出嵌在NavigationView中的子视图无法用presentationMode关闭(dismiss)弹出视图的解决
享受开发，颠倒银河
03-23 3391
用sheet弹出视图中的presentationMode可以关闭弹出的视图，但若弹出视图嵌入在NavigationView中，则其子视图和孙子视图均无法用presentationMode完成关闭功能，如何解决？且看分解！
第6章第19节：通过PresentationMode使用模态窗口的关闭 [SwiftUI快速入门到实战]
互动教程网[www.hdjc8.com]
09-08 683
本节课演示PresentationMode和模态窗口的使用，实现点击模态窗口里的指定视图，以关闭模态窗口。 定义了一个遵循View协议的结构体，作为需要打开的模态窗口。 正如本章第7节所说，PresentationMode拥有一个isPresented属性和dismiss方法，所以我们可以借助它，轻松的实现模态窗口的关闭操作。 实现协议里规定必需实现的body属性，所有子视图都需要放置在body属性里。 添加一个VStack视图，作为子视图的容器。同时创建一个文本视图，用来显示指..
【生产力】VSCode 插件 Presentation Mode
aichaoxy的博客
03-23 253
介绍一个生产力工具，VSCode插件jspolancor.presentationmode
Android Studio快捷键设置 toggle presentation mode ===> ctrl + alt + shift+,(逗号)
champwang
07-26 1415
AndroidStudio 快捷键设置 togglepresentation mode,  類似 eclipse中 ctrl+m 的效果。 AS 默認 ctrl + alt +shift+,(逗号)  配置路徑如下： File -- >  Settings ---> Keymap  ----> Main menu (在 EditorActions 下面)---> View --->
PresentationMode:Visual Studio的演示模式
05-21
PresentationMode Visual Studio的演示模式
SwiftUI速查表：SwiftUI 2.0速查表
02-06
本速查表将帮助开发者快速理解和掌握SwiftUI 2.0的关键概念和特性。 1. 声明式编程 SwiftUI的核心是声明式编程，这意味着开发者通过描述UI的最终状态，而不是通过命令式方式控制其变化。例如，`Text("Hello, World!...
SwiftUII嵌套VC（UIKit传SwiftUI）
最新发布
05-01
通过嵌套SwiftUI视图到UIKit，我们可以利用两者的优势，构建出既有美观界面又有丰富功能的应用。尽管这涉及到一些额外的集成工作，但一旦熟悉了这种混合编程模式，就能更好地应对各种开发挑战。
IOS在SwiftUI中显示模态视图的实例代码
08-25
IOS在SwiftUI中显示模态视图的实例代码 swiftUI是一种基于声明式编程的UI框架，它可以让开发者快速构建出漂亮的用户界面。今天，我们将学习如何在swiftUI中显示模态视图。 一、SwiftUI简介 swiftUI是一种基于声明...
MoviesList
03-16
这可以通过`UIStoryboardSegue`或`@Environment(\.presentationMode)`配合` NavigationLink `实现。在详情页，我们可以展示电影的完整描述、导演、演员阵容等。 此外，为了提供良好的用户体验，我们可能需要添加...
第6章第7节：如何实现导航页面的自定义后退 [SwiftUI快速入门到实战]
互动教程网[www.hdjc8.com]
09-08 196
在前面几节课，导航页面的后退操作，都是通过自动产生的左上角的后退按钮进行的。而现实场景往往要求点击某个自定义的视图，实现导航页面的后退。 本节课就来实现通过点击自定义的视图，实现导航页面的后退操作，首先创建一个自定义的视图。在打开的文件模板窗口中，选择此处的SwiftUI视图模板。 点击此处的下一步按钮，进入下一步设置页面。 然后在文件名称输入框里，输入自定义视图的文件名称。 最后点击创建按钮，创建一个新的自定义视图文件。 现在开始编写代码，实现这个自定义视图。 首先..
SwiftUI NavigationView 隐藏back返回按钮 自定义NavigationLink返回（教程含源码）
iCloudEnd的博客
11-03 1884
实战需求 SwiftUI NavigationView 隐藏back返回按钮 （教程含源码） 本文价值与收获 看完本文后，您将能够作出下面的界面 看完本文您将掌握的技能 NavigationView NavigationLink presentationMode 基础知识 NavigationLink 控制导航演示的视图。 struct NavigationLink<Label, Destination> where Label : View, Destination : View
SwiftUI一日速成
kmyhy的专栏
07-12 7039
SwiftUI 博大精深，当然不可能一天就学会它。但对于拥有 UIKit 基础的工程师来说，一天时间却足够让你上手一个 SwiftUI 项目了。本文适用于拥有 UIKit 开发经验的 SwiftUI 初学者。看完本文可能需要你一天的时间，但却可能让你拥有初步使用 SwiftUI 的能力。...
IDEA 操作指南 - 演出模式，注入语言编辑器，快速切换，快速定位
简简单单Onlinezuozuo
06-16 7747
IDEA 操作指南 - 演出模式 1.如何进入presentation mode 演出模式 通过菜单View ，enter presentation mode 即可进入演出模式 2.配合快捷键 Ctrl + E 打开最近打开的文件 Ctrl + N 搜索类文件 Ctrl + Shift + N 定位文件 3.退出该模式 Ctrl + v 选择 exit presen...
关于SwiftUI手动返回NavigationLink的方法
madaxin的博客
07-13 1984
在SwiftUI中我们使用NavigationView框架来处理页面导航。 import SwiftUI struct DestinationView: View { var body: some View { Text("Destination View") } } struct ContentView: View { var body: some View { NavigationView { NavigationLin
latex制作幻灯片模板
weixin_42208297的博客
04-18 3704
% 图片需放在tex文档同一目录下 \documentclass[12pt]{ctexbeamer} %声明文档类型为beamer幻灯片 \mode <presentation> \usetheme{Madrid}%%Warsaw [secheader] %\usecolortheme{beaver} \beamersetaveragebackground{black!10} ...
SwiftUI4.0 iOS16新功能之自然状态的原生底部弹窗组件 presentationDetents
iCloudEnd的博客
06-07 929
iOS 16 SwiftUI 4.0 中的新增功能，苹果引入了新的视图修饰符presentationDetents()，用于在带有上滑动画的表单呈现时控制表单呈现的大小。假设我们有BottomSheet关闭按钮。 底部工作表视图上方呈现呈现视图高度的 50% 假设我们想要在底部工作表视图上方呈现呈现视图高度的 50%。我们可以使用presentationDetent默认样式的medium. PresentationDetent.medium=> 大约为屏幕一半高度的纸张的系统定位，并且在紧凑高度时处于非活动
关于演示模型(presentation model)
chengzihy的专栏
01-02 1150
演示模型是一个JavaScript文件，指定如何处理从Siebel服务器获取的Siebel Open UI的元数据和数据，然后在客户端用列表应用或表格应用显示这些信息。它允许你自定义行为，逻辑和内容。它决定应用的逻辑，捕获客户端交互，比如离开控件的用户，收集字段值以及设置属性。演示模型可以从代理获得以下项目，然后公开它们以供外部使用。大多数软件模型使用这些属性和方法： 属性：包含有关每个用户界面元
pdf.js 实现阅读pdf文件
热门推荐
jialexiaoxuan的博客
09-14 1万+
pdf.js跨域读取文件pdf文件 1、pdf.js获取文件的方法 You can modify the defaultUrl app option in the web/app_options.js file or you can append the ?file= query string to the viewer URL, e.g. http://mozilla.github.com...
如何自己实现swiftui 子视图弹出覆盖全屏的view
08-19
### 回答1： 要实现一个弹出覆盖全屏的子视图，您可以使用SwiftUI中的`sheet`modifier。 以下是一个示例代码： ``` struct ContentView: View { @State private var showModal: Bool = false var body: some View { Button(action: { self.showModal = true }) { Text("Show Modal") } .sheet(isPresented: $showModal) { ModalView() } } } struct ModalView: View { var body: some View { Text("This is a modal view") .padding() .background(Color.white) } } ``` 在这个代码中，我们使用了`sheet`modifier，并将其绑定到了`showModal`状态。 当按钮被按下时，我们将`showModal`设置为`true`，这将导致视图被弹出。 当`showModal`为`false`时，视图将不再可见。 ### 回答2： 要实现SwiftUI中子视图弹出并覆盖全屏的效果，可以使用Modal视图来实现。Modal视图是一种特殊类型的视图，它可以在当前视图的顶部弹出并覆盖全屏。 首先，需要创建一个状态变量来控制模态视图是否弹出。可以使用`@State`属性包装器来创建一个布尔类型的状态变量，例如`isModalShown`。 然后，在主视图的body中，将子视图作为模态视图的内容，使用`Modal`视图包装子视图，并将isPresented参数绑定到isModalShown状态变量。这样，当isModalShown为true时，模态视图将弹出并覆盖全屏。 以下是一个示例代码： ``` struct ContentView: View { @State private var isModalShown = false var body: some View { Button("弹出子视图") { self.isModalShown = true } .padding() .background(Color.blue) .foregroundColor(.white) .cornerRadius(10) .sheet(isPresented: $isModalShown) { ChildView() } } } struct ChildView: View { var body: some View { VStack { Text("这是子视图") .font(.title) .foregroundColor(.blue) .padding() Button("关闭") { // 在子视图中使用self.presentationMode来关闭模态视图 self.presentationMode.wrappedValue.dismiss() } .padding() .background(Color.blue) .foregroundColor(.white) .cornerRadius(10) } .frame(maxWidth: .infinity, maxHeight: .infinity) .background(Color.white) } } ``` 在这个例子中，主视图包含一个按钮，点击按钮会将isModalShown状态变量设置为true，从而弹出子视图。子视图中有一个关闭按钮，点击该按钮会使用presentationMode来关闭模态视图。 通过这种方式，就可以实现子视图弹出并覆盖全屏的效果。 ### 回答3： 要实现SwiftUI中子视图弹出并覆盖全屏的效果，可以按照以下步骤进行： 1. 创建一个用于管理状态的变量，用来控制子视图的显示与隐藏。 ```swift @State private var isShowingSubview = false ``` 2. 在主视图中添加一个按钮，用于触发子视图的弹出。 ```swift Button(action: { isShowingSubview = true }) { Text("显示子视图") } ``` 3. 在主视图中使用`ZStack`布局，将子视图叠加在主视图之上，并使用条件语句控制子视图的显示与隐藏。 ```swift ZStack { // 主视图的内容 if isShowingSubview { // 子视图，使用全屏覆盖整个主视图 } } ``` 4. 在子视图中添加关闭按钮，并绑定一个动作，以便在关闭按钮被点击时隐藏子视图。 ```swift Button(action: { isShowingSubview = false }) { Image(systemName: "xmark") .foregroundColor(.white) } ``` 至此，你已经完成了自己实现SwiftUI子视图弹出并覆盖全屏的效果。 请注意，以上仅为实现效果的基本思路。具体实现方式可能会因为你在项目中所需的布局和逻辑而有所变化。如果需要更加详细的代码实现示例，请提供更具体的需求，以便我为你提供更准确的帮助。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

李发展

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值