首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

SwiftUI 4.0 的全新导航系统

访问我的博客 www.fatbobman.com[1] 可以获得更好的阅读体验。欢迎大家在 Discord 频道[2] 中进行更多地交流 长久以来,开发者对 SwiftUI 的导航系统颇有微词。...⚠️ 在使用堆栈管理系统的情况下,请不要在编程式导航中混用声明式导航,这样会破坏当前的视图堆栈数据 下面的代码,如果点击声明式导航,将导致堆栈数据重置。...最大的区别是,SwiftUI 4.0 为我们提供了在 NavigationSplitView 中通过 List 快速绑定数据的能力。...增强 SwiftUI 的导航视图[4] 一文中的实现方法 其他增强 除了上述的功能, 新的导航系统还在很多其他的地方也进行了增强。...构造方法,可以将菜单嵌入到标题栏中。

10.4K62

在 SwiftUI 中创建自适应的程序化导航方案

因此在 SwiftUI 中,掌握两种导航容器的状态表述差异是实现自适应导航方案的关键。...在栈中推送和弹出数据的过程对应了导航容器中添加和移除视图的操作。弹出全部数据相当于返回根视图,推送多个数据相当于一次性添加多个视图并直接跳转到最后数据所代表的视图。...列中可以进一步嵌入 NavigationStack我们可以在 NavigationSplitView 的任意列中嵌入 NavigationStack 从而实现更加复杂的导航机制。...以导航容器的出现时机( onAppear )作为重新构建状态的起始点sizeClass 在变化的过程中,其中的值可能会出现重复变化的情况。...本着“一案一议”的原则,当前方案可以实现对任意的导航逻辑进行转换。总结可以在 此处[5] 获取本文的全部代码。一次编写便可对应多种设备,这本就是 SwiftUI 的一个重要特点。

4.3K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    解析 SwiftUI 中两处由状态更新滞后引发的严重 Bug

    原文发表在我的博客 肘子的Swift记事本视图变化在前、状态变化在后在 SwiftUI 中,某些可编程控件在执行一定的操作时,会先更新视图,待视图变化完成后再修改与其对应的状态。...通过手势取消 Sheet 后,快速右滑导航容器会导致应用锁死这是一个在 SwiftUI 所有版本中存在的错误,你可以在众多的论坛或聊天室里看到不少的开发者都在寻找解决方法。...它的复现条件如下:iOS 16 系统,在真机或模拟器上测试点击视图列表中的按钮,可以进入下一级视图。...在我们遇到问题的两个场景中,应用程序都恰好使用了导航容器,并且通过特定的操作,使 RunLoop 处于了适合 AG 打包更新的状态。...随着版本的提高,SwiftUI 的功能也确实得到了相当程度的增加。不过,即使在最新的版本中,在一些对 UIKit(AppKit)进行二次包装的控件中,仍有不少细节处理不到位的问题。

    760110

    解析 SwiftUI 中两处由状态更新滞后引发的严重 Bug

    但是,SwiftUI 中的一些系统控件并没有完全遵循响应式的设计原则,由此在某些情况下会出现严重的错误,影响用户体验,并使开发者无所适从。...通过手势取消 Sheet 后,快速右滑导航容器会导致应用锁死 这是一个在 SwiftUI 所有版本中存在的错误,你可以在众多的论坛或聊天室里看到不少的开发者都在寻找解决方法。...它的复现条件如下: iOS 16 系统,在真机或模拟器上测试 点击视图列表中的按钮,可以进入下一级视图。...在我们遇到问题的两个场景中,应用程序都恰好使用了导航容器,并且通过特定的操作,使 RunLoop 处于了适合 AG 打包更新的状态。...随着版本的提高,SwiftUI 的功能也确实得到了相当程度的增加。不过,即使在最新的版本中,在一些对 UIKit(AppKit)进行二次包装的控件中,仍有不少细节处理不到位的问题。

    37020

    用NavigationViewKit增强SwiftUI的导航视图

    用NavigationViewKit增强SwiftUI的导航视图 如果想获得更好的阅读体验,请访问我的博客 www.fatbobman.com[1] 最近一直在为我的iOS健康管理app健康笔记3.0[...由于SwiftUI原生提供的导航手段能力有限,因此在之前的版本中,NavigationView总是使用的不是那么的顺手。...该扩展遵循以下几个原则: •非破坏性任何新添加的功能都不能影响当前SwiftUI提供的原生功能,尤其是不能影响例如Toolbar、NavigationLink在NavigationView中的表现•尽可能便于使用仅需极少的代码便可使用新增功能...NavigationViewManager是NavigationViewKit中提供的导航视图管理器,它提供如下功能: •可以管理应用程序中全部的NavigationView•支持从NavigationView...app中主要的用途是处理Deep Link,绝大多数的时间都不是在视图代码中调用的。

    3.3K20

    SwiftUI 在 WWDC 24 之后的新变化

    每年,SwiftUI 都会通过引入更多功能来赶上 UIKit。今年也不例外。让我们深入了解 SwiftUI 框架引入的新功能。...英雄动画SwiftUI 引入了 matchedTransitionSource 和 navigationTransition,我们可以在任何 NavigationLink 实例中配对使用。...NavigationStack 内从一个视图导航到另一个视图时,使用相同的标识符和命名空间创建平滑的过渡。...extension EnvironmentValues { @Entry var itemsPerPage: Int = 10}预览新的 Previewable 宏允许我们在预览中引入状态,而无需将其包装到额外的包装视图中...框架的下一版本包括许多新 API,如窗口推送、TextField 和 TextEditor 视图中的文本选择观察、搜索焦点监控、自定义文本渲染、新的 MeshGradient 类型等等,我无法在一篇文章中涵盖所有内容

    16910

    如何结合 Core Data 和 SwiftUI

    尽管时间相距遥远,Apple 还是投入了大量工作以确保这两种强大的技术能够完美地相互配合使用,这意味着 Core Data 就像始终以这种方式设计一样,已集成到 SwiftUI 中。...接下来,单击 “Attributes”表正下方的+按钮以添加两个属性:“id”作为 UUID 和 “name” 作为字符串。...如果我们对 Core Data 说“这不是必须的”(您可以在模型编辑器中完成),它仍然会生成可选的 Swift 属性,因为所有 Core Data 关心的是属性在保存时具有值——在其他时间它们可以为 nil...更好的是,它已经将其添加到 SwiftUI 环境中,这就是@FetchRequest属性包装器起作用的原因——它使用了环境中可用的任何托管对象上下文。...self.moc.save() 最后,您现在应该可以运行该应用程序并对其进行尝试——单击几次 “Add” 按钮以生成一些随机的学生,您应该看到他们滑入我们列表的某个位置。

    11.8K30

    SwiftUI-数据流

    数据处理的基本原则 Data Access as a Dependency:在 SwiftUI 中数据一旦被使用就会成为视图的依赖,也就是说当数据发生变化了,视图展示也会跟随变化,不会像 MVC 模式下那样要不停的同步数据和视图之间的状态变化...A Single Source Of Truth: 保持单一数据源,在 SwiftUI 中不同视图之间如果要访问同样的数据,不需要各自持有数据,直接共用一个数据源即可,这样做的好处是无需手动处理视图和数据的同步...5.1 的新特性 Property Wrapper来实现的一种属性装饰语法糖(修饰器/装饰器) Property 这种形式最简单,就是在 View中定义常量或者变量,然后在内部使用 import SwiftUI...ObservableObject 在应用开发过程中,很多数据其实并不是在 View 内部产生的,这些数据有可能是一些本地存储的数据,也有可能是网络请求的数据,这些数据默认是与 SwiftUI 没有依赖关系的...最终再次呈现给用户,等待下次界面操作 注意 在 SwiftUI 中,开发者只需要构建一个视图可依赖的数据源,保持数据的单向有序流转即可,其他数据和视图的状态同步问题 SwiftUI 帮你管理,所以 ViewController

    10.2K20

    AVKit框架详细解析(四) —— 基于AVKit 和 AVFoundation框架的视频流App的构建

    首先,导航到 VideoFeedView.swift 并在 SwiftUI 导入的正下方添加以下导入: import AVKit 看看下面这个,你会看到你已经有了一个列表和一个视频数组。...接下来,找到 List 中的按钮,在 Open Video Player注释下添加以下代码: selectedVideo = video 然后,将 fullScreenCover(item:onDismiss...这包括一个播放按钮、一个静音按钮和用于前进和后退的 15 秒跳过按钮。 2. Adding Remote Playback 那很容易,对吧? 如何从远程 URL 添加视频播放? 那一定要难很多!...这会在 2x 和 1x的播放速率之间切换。 3) 当有人单击播放器视图时,您可以添加一个侦听器。 这会切换视频的静音状态。 注意:确保首先添加双击侦听器,然后单击。...您会在左上角看到画中画按钮……否则不会! 缺点是,在撰写本文时,iOS 14.5是可用的最新版本,VideoPlayer 的 SwiftUI 视图未显示画中画按钮。

    7K10

    Enthought Canopy 1.4.1 Shell 突然卡死

    以下是一些解决方法和调试步骤:1、问题背景用户在使用Enthought Canopy 1.4.1时,程序突然卡死,无论是执行简单的操作如“a = 1”,还是进行复杂的操作,都会导致卡死并出现以下错误信息...导航到Enthought Canopy安装目录下的“bin”目录。运行以下命令:zmq-restart这将重启ZMQ守护进程,并解决卡死问题。...单击“文件”菜单,然后单击“首选项”。在“首选项”对话框中,单击“IPython shell”选项卡。取消选中“启用IPython shell”复选框。单击“确定”按钮。...方法四:使用不同的shell如果禁用IPython shell不起作用,则可以尝试使用不同的shell,例如Jupyter notebook或Spyder。...因此,在重新安装Enthought Canopy之前,请务必备份你的数据。通过以上步骤,大家应该能够找到并解决 Canopy Shell 卡死的问题。

    9010

    架构之路 (五) —— VIPER架构模式(一)

    然后,将您的API密钥复制到ImageDataProvider.swift中找到的apiKey变量中。你可以在Search Images的Pixabay API docs中找到它。...路由器Router处理屏幕之间的导航。这与SwiftUI不同,在SwiftUI中,视图显示任何新视图。...router处理从一个屏幕到另一个屏幕的转换,设置下一个视图所需的类。 在命令式UI范例中——换句话说,在UIKit中——路由router将负责显示视图控制器或激活segue。...当您将其放置在NavigationView中时,该链接将成为一个按钮,将destination推送到导航堆栈上。 content块可以是任何一个SwiftUI视图。...导航栏修饰符使用presenter发布的tripName来定义标题,因此当用户键入时,它就会更新,而保存按钮则会保存任何更改。 构建并运行,现在,您可以编辑trip标题。

    17.6K10

    PowerBI中的书签和导航页,如何选择呢?

    在2020 年 3 月的更新中,按钮有了一个名为"页导航"的新功能: ? 那么我们该如何在“页导航”和“书签”之间做出选择呢?...这时候,页面导航显然是最好的选择。 注意: 在 Power BI Desktop中,要实现此功能,请使用Ctrl+左键单击。...原因是在桌面应用程序中,单击意味着选择项目,并在编辑器中对该项目应用一些格式或其他配置。在 Power BI 网站或移动应用程序中,用户只需只需单击一次左键即可。...,你可能会使用一些花哨的布局(如可滚动页面、选项卡式导航、弹出窗口等)时,页面导航将不起作用。...所以我们来总结一下在这两者之间进行选择时的困扰: 页面导航目前只支持按钮,那么如果你想用图片或者形状来导航时,你会选择在图片上覆盖一个空白按钮来伪装,还是直接创建一个书签?

    7K31

    如何在 SwiftUI 中创建悬浮操作按钮

    尽管它来自 Android,但在一些 iOS 应用中也可以看到这种模式。以下是 Twitter 应用中悬浮操作按钮的示例。Twitter App 在最重要的操作步骤,发布推文时使用悬浮操作按钮。...如下图,在右下角有一个蓝底中间有加号的按钮。下面我们就来详细介绍一下还如何实现这个悬浮按钮需求。创建悬浮操作按钮如何 SwiftUI 创建一个类似 Twitter App 中的悬浮按钮。...以下是一个简单的列表视图,嵌套在导航视图和选项卡视图中,列表中显示了 item 加索引内容。...将一个按钮放在内容视图上。这将在列表视图上添加一个加号图像按钮。示例运行截图如下:悬浮按钮位于屏幕的右下角接着,是需要实现需求中的第二步,使按钮与内容视图对齐到右下角。...SwiftUI 中创建悬浮操作按钮所需的全部步骤。

    18832

    Lagom WHMCS 客户端主题的电子邮件模板1.1.2

    选择您想要管理的扩展并单击“管理”按钮。 激活扩展 登录到您服务器上的 WHMCS 管理区域。 转到“附加组件”,然后单击 WHMCS 管理区域导航菜单中的“RS 主题”。 点击特定主题的“管理”。...单击“Lagom WHMCS 客户端主题的电子邮件模板”扩展旁边的“管理”按钮。 然后按“激活” 。 配置 标题 进入“设置”页面,点击“常规”来配置电子邮件模板标题文本。...: 页脚 “页脚”页面允许配置在 Lagom WHMCS 客户端主题页脚的电子邮件模板中显示的链接和版权文本。...替换顶部边框图形 Lagom 电子邮件模板的配色方案(包括“糖果条纹”样式条等装饰元素)在模板的样式文件中定义。...打开页脚模板 导航至 /templates/lagom2/core/extensions/EmailStyle/styles。 打开footer.tpl要修改的样式文件夹中的文件。

    14710

    Ask Apple 2022 与 SwiftUI 有关的问答(上)

    是否有任何建议用来检测列表中的行选择,类似于 “NavigationLink”,但不导航到另一个视图(例如,显示 Sheet 或从列表中选择一个选项 )?...在我的例子中,不拖动时从 0 到 75,拖动时从 0 到 100。有什么办法可以阻止这种情况吗?A:你可以用 .chartYScale(domain: 0 ... 75) 锁定 Y 轴的刻度域。...事实上,这些视图( 惰性容器中的视图 )一旦被创建,其存续期将持续到惰性容器被销毁为止。请阅读 SwiftUI 视图的生命周期研究[12] 了解更多内容。...在常规宽度下,我们在详细视图中有一个带有导航堆栈的侧边栏。在紧凑宽度下,我们有一个标签栏,每个标签都有一个导航堆栈。...但是从一个文本字段到下一个文本字段的聚焦感觉不够流畅,而且每当我在一个文本字段中输入一个字母时,我的 CPU 使用率似乎会飙升到 70% — 100%。

    12.3K20

    Xcode 11 初体验(Xcode工作流的改进(Workflows))

    将 Assistant、和 Vesion Editor下的 Autor 选项卡合并为一项,并从主导航中移除,向下移到每个编辑面板中,组成 Editor Option。...主导航中只保留Code Review功能。 新增Add Editor、MiniMap。...综合这个功能还是不错的,我经常也会打开多个页面!来回进去出来麻烦! [1240] 直接点击这个按钮,会横向进行分割。...指定文件打开位置 上面我们介绍了窗口分割,在 Xcode 11 中,你还可以按住 Option + Shift,然后在左边点击要打开的文件,这时会出现窗口选择提示 [1240] 你可以用键盘,或者鼠标任意方式选择你要打开这个文件的窗口...除此之外你还可以移动鼠标到两个窗口之间,将要打开的文件在这里插入一个新的窗口: [1240] 综合这个功能,更加方便我们对比阅读,快速开发!

    2.6K40

    我庆幸果断放弃了SwiftUI:它还不够成熟

    考虑到配套创作工具 CiderKit 在发展成熟的过程中也变得愈发复杂,再加上创建各种窗口和 UI 元素的实际需求,我决定尝试用用 SwiftUI。...但每当 SwiftUI 更新检查器视图时(这种更新可能出现在移动过程中,甚至是在输入文本字段的时候),渲染速率都会下降到每秒 10 到 15 帧,而且相当不稳定。这显然让人无法容忍。...但这会导致检查器中的值出现延迟,因此在地图编辑器的交互过程中(比如使用移动工具时)结果不准确,所以效果还是称不上完美。 但我觉得这可能只是个独立问题,并不能因此把 SwiftUI 一棒子打死。...但上图展示的效果其实是在 AppKit 中完成的,因为我在 SwiftUI 一直实现不了预期的功能。大家应该注意到了,中间的 SpriteKit 视图上有三个按钮(分别是 +、200% 和 -)。...这些按钮只跟管理 SpriteKit 视图缩放的 @State 相关联。尽管几乎不涉及任何其他数据,在界面更新前单击这些按钮,也会产生将近一秒钟的巨大延迟。

    5.1K20

    Xcode 11 初体验

    将 Assistant、和 Vesion Editor下的Autor 选项卡合并为一项,并从主导航中移除,向下移到每个编辑面板中,组成 Editor Option。...主导航中只保留Code Review功能。 新增Add Editor、MiniMap。 我们这里着重介绍一下 Editor Options 、Add Editor、MiniMap 这3个选项。...指定文件打开位置 上面我们介绍了窗口分割,在 Xcode 11 中,你还可以按住 Option + Shift,然后在左边点击要打开的文件,这时会出现窗口选择提示 你可以用键盘,或者鼠标任意方式选择你要打开这个文件的窗口...除此之外你还可以移动鼠标到两个窗口之间,将要打开的文件在这里插入一个新的窗口: 综合这个功能,更加方便我们对比阅读,快速开发!...在 Stash 右下角会有 Stash 功能选择按钮(也可以在左侧Stash Changes右键弹出)。

    3.2K10
    领券