文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

SwiftUI 4.0 的全新导航系统

NavigationLink 时仍需设定目标视图，会造成不必要的实例创建开销 较难实现从视图外调用导航功能 “能用，但不好用” 可能就是对老版本编程式导航比较贴切地总结。...", destination: SubView1(), tag: Target.subView1, selection: $selectedTarget) // SwiftUI 在进入当前视图时，无论是否进入目标视图...最大的区别是，SwiftUI 4.0 为我们提供了在 NavigationSplitView 中通过 List 快速绑定数据的能力。...("ID: \(i)", value: i) } } } SwiftUI 4.0 中，在 List 绑定了数据后，通过 List 构造方法创建的循环或 ForEach 创建的循环中的内容...定制 NavigationLink 样式 在之前版本的 SwiftUI 中，NavigationLink 其实一直都是作为一种特殊的 Button 存在的。

12.3K62

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

但是，SwiftUI 中的一些系统控件并没有完全遵循响应式的设计原则，由此在某些情况下会出现严重的错误，影响用户体验，并使开发者无所适从。...这两个错误包括：通过手势取消 Sheet 后，快速右滑导航容器导致应用锁死；以及在滚动中返回上层视图时导致应用崩溃。...原文发表在我的博客 肘子的Swift记事本视图变化在前、状态变化在后在 SwiftUI 中，某些可编程控件在执行一定的操作时，会先更新视图，待视图变化完成后再修改与其对应的状态。...由于在返回上层视图时，状态尚未更新，因此在清理 AG 时（返回动画运行中），会破坏应用程序的 AttributeGraph 完整性，从而导致应用程序死锁或崩溃。...随着版本的提高，SwiftUI 的功能也确实得到了相当程度的增加。不过，即使在最新的版本中，在一些对 UIKit（AppKit）进行二次包装的控件中，仍有不少细节处理不到位的问题。

3.8K110
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    在 SwiftUI 中实现音频图表

    下面我们将学习如何通过使用 accessibilityChartDescriptor 视图修饰符为任何 SwiftUI 视图构建音频表示，呈现类似自定义条形图视图或图像的图表。...DataPoint 结构体 让我们从在 SwiftUI 中构建一个简单的条形图视图开始，该视图使用垂直条形显示一组数据点。...ContentView 结构体 我们能够在 SwiftUI 中轻松构建条形图视图。接下来让我们尝试使用带有示例数据的新 BarChartView。...然后在屏幕上上下滑动手指以导航。 音频图表允许用户使用音频组件理解和解释图表数据。VoiceOver 在移动到图表视图中的条形时播放具有不同音调的声音。...这些音调代表数组中的数据。 实现协议 现在，我们可以讨论在 BarChartView 中实现此功能的方法。

    2K10

    在 SwiftUI 中实战应用 ContentUnavailableView

    前言SwiftUI 引入了新的 ContentUnavailableView 类型，允许我们在应用程序中展示空状态、错误状态或任何其他内容不可用的状态。...每当产品列表为空时，我们使用带有标题和图像的 ContentUnavailableView 显示。ContentUnavailableView 的另一种变体还允许我们定义当前状态的描述文本。...在 ContentView 中，我们使用 ContentUnavailableView 来处理产品为空的情况。...请确保在 Xcode 中创建一个新的 SwiftUI 项目，并将上述代码替换到主 ContentView 中，然后运行该项目。...在项目的初始加载时，ContentUnavailableView 将显示“No Products”消息，几秒后模拟产品加载，之后产品列表将显示在主视图中。

    1.3K11

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

    但是，SwiftUI 中的一些系统控件并没有完全遵循响应式的设计原则，由此在某些情况下会出现严重的错误，影响用户体验，并使开发者无所适从。...这两个错误包括：通过手势取消 Sheet 后，快速右滑导航容器导致应用锁死；以及在滚动中返回上层视图时导致应用崩溃。...视图变化在前、状态变化在后 在 SwiftUI 中，某些可编程控件在执行一定的操作时，会先更新视图，待视图变化完成后再修改与其对应的状态。这些控件基本上都是对 UIkit（AppKit）的二次包装。...由于在返回上层视图时，状态尚未更新，因此在清理 AG 时（返回动画运行中），会破坏应用程序的 AttributeGraph 完整性，从而导致应用程序死锁或崩溃。...随着版本的提高，SwiftUI 的功能也确实得到了相当程度的增加。不过，即使在最新的版本中，在一些对 UIKit（AppKit）进行二次包装的控件中，仍有不少细节处理不到位的问题。

    2.8K20

    在 SwiftUI 中的作用域动画

    前言从一开始，动画就是 SwiftUI 最强大的功能之一。你可以在 SwiftUI 中快速构建流畅的动画。...简单示例让我们从一个简单的示例开始，展示我们旧方法的一些缺点，这些方法用于在 SwiftUI 中驱动动画。...总结这篇文章介绍了在SwiftUI中构建动画的新方法，重点解决了在多步动画或特定视图层次结构中控制动画的挑战。...这种方法在处理多个可动画属性时尤其强大。文章还提到了SwiftUI引入的一项新变体，使用ViewBuilder闭包可在动画中应用视图修饰符，有效地将动画范围限定在特定的上下文中。...最后，介绍了在 SwiftUI 中构建有作用域的事务的新方法，以维护更具精确性和可控性的动画。这些新功能在最新的平台上可用，为SwiftUI开发者提供了更强大的动画工具。

    3K10

    在 SwiftUI 中实战使用 MapKit API

    前言SwiftUI 与 MapKit 的集成在今年发生了重大变化。在之前的 SwiftUI 版本中，我们将 MKMapView 的基本功能封装到名为 Map 的 SwiftUI 视图中。...正如我之前所说，在 SwiftUI 框架的早期版本中，我们有一个 Map 视图，为我们提供了 MapKit 的基本功能，该功能现在已被弃用。...在我们的示例中，我们使用了 Marker 和 Annotation 类型。Marker 是一个基本项，允许我们在地图上放置预定义的标记。...Annotation 类型更先进，将使我们能够使用纬度和经度在地图上放置 SwiftUI 视图。SwiftUI 为我们提供了许多符合 MapContent 协议的类型。...总结今天，我们学习了在 SwiftUI 中集成 MapKit 的基础知识。在接下来的几周里，我们将继续讨论相机操作、地图控件和其他高级主题。希望你喜欢这篇文章。

    2.7K00

    用NavigationViewKit增强SwiftUI的导航视图

    由于SwiftUI原生提供的导航手段能力有限，因此在之前的版本中，NavigationView总是使用的不是那么的顺手。...该扩展遵循以下几个原则： •非破坏性任何新添加的功能都不能影响当前SwiftUI提供的原生功能，尤其是不能影响例如Toolbar、NavigationLink在NavigationView中的表现•尽可能便于使用仅需极少的代码便可使用新增功能...下的任意视图通过代码直接返回根视图•在NavigationView下的任意视图中通过代码直接跳转到新视图（无需在视图中描述NavigationLink）•通过NotificatiionCenter，指定应用程序中的任意...视图中支持SwiftUI原生的所有定义，例如toolbar、navigationTitle等。 目前在启用转场动画时，title和toolbar会在转场动画后才显示，观感稍有不足。日后尝试解决。...[5]中，我希望iPad版本无论在横屏或竖屏时，都始终能够保持两栏显示的状态，且左侧栏不可隐藏。

    4.5K20

    如何让 SwiftUI 的列表变得更加灵活

    为了演示这种情况，我们在 List 中嵌套一个 ForEach （因为在 SwiftUI 的中，列表变化一版都是由 ForEach 触发的，而不是由 List 触发的）。...由于每个 article 值在 ForEach 闭包中都是可变的，我们可以使用新的 swipeActions 修饰符来实现每个 NavigationLink 项目视图的自定义滑动操作。...下拉刷新 就我个人而言，下拉刷新在我的 SwiftUI 功能请求列表中非常重要，所以我很高兴看到今年的版本增加了对这种非常常见的 UI 范式的内置支持。...中使用，请查看昨天的这篇文章[1]，不要错过真正重要的“在 Swift 中认识 async/await[2]”WWDC 会议。...可定制的分隔符 自从引入 SwiftUI 以来，开发者们有一个非常普遍的要求，提供一个 API ，用于隐藏或以其他自定义实现列表中每个 item 之间的默认分隔符。

    6.3K41

    SwiftUI 与 Core Data —— 安全地响应数据

    SwiftUI 与 Core Data —— 问题[1]SwiftUI 与 Core Data —— 数据定义[2]SwiftUI 与 Core Data —— 数据获取[3]可以在 此处[4] 获取演示项目...例如，当你创建一个带有字符串属性的新对象时，初始值（ 在没有默认值的情况下 ）是 nil，这在对象被验证之前（ 通常在 save 时 ）是没有问题的。...可能开发者会有这样的疑问，假如某个实体的属性在模型中被定义为可选，且在托管对象的类型声明中也为可选值类型（ 例如上方的 timestamp 属性 ），那么如果在可以保证 save 时一定有值的情况下，是否可以在使用中使用...在上节的演示中，当数据被删除后（ 通过 onAppear 闭包中的延迟操作 ），NavigationView 会自动返回到根视图中。在这种情况下，持有该数据的视图将伴随着数据删除一并消失。...在更改数据时进行二次确认为了避免对主线程造成过多的影响，我们通常会在私有上下文中进行会对数据产生变化的操作。

    4.5K20

    如何使用 SwiftUI 构建 visionOS 应用

    如下图：Volumes你的应用程序可以在 visionOS 上的同一场景中并排显示 2D 和 3D 内容。在这种情况下，我们可以使用 RealityKit 框架来呈现 3D 内容。...3D 内容时，你可以使用 windowStyle 修饰符来启用内容的体积显示。...体积样式允许你的内容在第三维中增长，以匹配模型的大小。对于更复杂的 3D 场景，我们可以使用 RealityView 并填充它以 3D 内容。...SwiftUI 在 visionOS 上的应用之后，我们了解到 SwiftUI 可以帮助我们轻松构建适应 visionOS 的应用程序。...不仅如此，SwiftUI 还提供了许多方便的工具和修饰符，例如 windowStyle 修饰符，可用于在应用程序中呈现 3D 内容，并使内容根据模型的大小自动适应。

    1K21

    SwiftUI 在 WWDC 24 之后的新变化

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

    2.3K10

    在 SwiftUI 中实现视图居中的若干种方法

    在 SwiftUI 中，有很多手段可以达成此目的。本文将介绍其中的一些方法，并对每种方法背后的实现原理、适用场景以及注意事项做以说明。...当然，你也可以利用 Spacer 这个特性，控制 Text 在 HStack 中可使用的宽度。...为布局容器设置明确的 spacing 是一个好习惯，在未明确指定时，HStack、VStack 在进行布局时可能会出现某些异常。下文中也会碰到此种情况。...SwiftUI 进行开发的过程中，Color、Rectangle 等经常被用来实现对容器的等分操作。...我为本文这种通过多种方法来解决一个问题的方式添加了【小题大作】标签，目前使用该便签的文章还有：在 Core Data 中查询和使用 count 的若干方法[6]、在 SwiftUI 视图中打开 URL

    10.1K40

    在 SwiftUI 中 accessibilityChildren 视图修饰符的作用

    前言SwiftUI 为我们提供了一系列丰富的视图修饰符，用于操作视图的可访问性树。我已经介绍了其中许多，你可以在博客中找到它们。...我们无法为每个数据点提供可访问性值，因为在描边或填充形状后，该形状将成为一个单一视图。...SwiftUI 不会渲染我们通过 ViewBuilder 闭包传递的视图，它仅用于填充可访问性树的子元素。...完整代码首先，你需要定义 DataPoint 结构体，然后可以在 ContentView 中初始化 dataPoints 数组。...在上述代码中，将柱状图填充颜色设为红色。您可以根据需要自行更改填充颜色。运行截图：总结今天，我们了解了 SwiftUI 为我们提供的又一个强大的可访问性视图修饰符。

    2.6K20

    架构之路 （五） —— VIPER架构模式（一）

    在此过程中，您还将了解您的iOS项目中的SwiftUI和Combine。 打开启动项目。这包括一些代码，让你开始： 当你构建其他视图时，ContentView会启动它们。...它包含在starter中，因此您可以在本教程结束时完成应用程序。 这个示例使用的是Pixabay，这是一个获得许可的照片共享站点。要将图像拉入应用程序，您需要创建一个免费帐户并获得一个API密钥。...当您查看图表时，您可以看到数据在视图view和实体entities之间流动的完整路径。 SwiftUI有自己独特的做事方式。...在命令式UI范例中——换句话说，在UIKit中——路由router将负责显示视图控制器或激活segue。 SwiftUI将所有目标视图声明为当前视图的一部分，并根据视图状态显示它们。...当您将其放置在NavigationView中时，该链接将成为一个按钮，将destination推送到导航堆栈上。 content块可以是任何一个SwiftUI视图。

    20.7K10

    苹果为傲慢付出了代价 | 肘子的 Swift 周报 #082

    前一期内容｜全部周报列表 欢迎 点赞、 转发 原创 使用 equatable() 避免 NavigationLink 预构建陷阱[4] NavigationLink是 SwiftUI 开发者非常喜欢使用的一个组件...[5] 在之前的周报中，我已经推荐过多篇介绍 Swift 6.1 新特性的优秀文章。但当我读到 Paul Hudson[6]的这篇总结时，仍然发现了一些此前没有注意到的细节。...虽然这一特性使用频率不高，但在异步环境中，它是一种优雅的状态注入方式。...值得一提的是，Swift 6.1 引入的 Test Scoping Traits[16]也是基于 @TaskLocal实现的，它们在测试场景中可以很好地配合使用，构建出清晰可控的异步上下文环境。...NSAlchemy：扩展 SwiftUI 的 macOS 控件库[23] 尽管 SwiftUI 近年来在 macOS 平台上不断扩展，但依旧缺少不少关键控件。为此，Joshua J.

    43910
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券