我希望构建类似于 App Store Connect 中的选择器组件，使用户体验尽可能熟悉，并在本文中，将展示如何使用 SwiftUI 为 macOS 构建了这个组件。...创建选择器组件让我们分析一下，我们有一组想要在 SwiftUI 列表中显示的构建。每个构建都包含一组属性，其中之一是 betaGroups，它是一个表示构建所属测试群组的结构体数组。...让我们看看 SwiftUI 中测试群组选择器组件的代码：struct BetaGroupPicker: View { // 1 @Binding var betaGroups: [BetaGroup...该按钮从构建所属的测试群组列表中移除测试群组。如果有任何可用的测试群组可以添加到构建中，则显示一个加号按钮，让用户选择要添加的测试群组。...总结文章介绍了如何使用 SwiftUI为macOS 创建类似于 App Store Connect 的选择器组件。
是否有任何建议用来检测列表中的行选择，类似于 “NavigationLink”，但不导航到另一个视图（例如，显示 Sheet 或从列表中选择一个选项 ）？...:viewer: "初始化器")-6dq9n)，用于创建一个阅读器类型的应用程序。...属性包装器（ property wrapper ）类型在编译的时候，首先会对用户自定义的属性包装类型代码进行转译。...有关下划线的含义和用法，请参阅 为自定义属性包装类型添加类 @Published 的能力[17] 。...A：实现近似行为的方法是在菜单中使用命令来提供相同的操作。通常情况下，应该有列表让人们知道有哪些键盘快捷键可用。但是，如果这不适合你的使用情况，我们会对这方面的增强请求反馈感兴趣。
并且 SwiftUI 可以“实现一次编码，可适应五端 Apple 产品平台”， 包括watchOS、tvOS、macOS 等，以此统一苹果平台的 UI 框架。...“它具有复杂的行为，不适用于需要大容量或复杂 UI 的 App。” “而且 SwiftUI 改进太慢了。” .............我还遇到了其他问题，因为 SwiftUI 高度依赖于 View 协议的实现结构，但 View 协议又有关联的类型，所以只能把它当成约束来用。...之所以下决心选择 SwiftUI，就是因为初步测试时效果不错。如上图所示，地图编辑器位于左侧，检查器位于右侧。起初，我测试了一个 UI 元素，那是个用于开灯和关灯的勾选框。...但在开始实现更复杂的检查器视图时，特别是涉及带有 / 不带步进器或颜色选择器的多个文本字段时，整个运行速度开始剧烈下降。
让我们来看看使用 SwiftUI 创建灵活选择器的实现！ 可选择协议 选择器的最重要部分是，我们可以通过该视图组件选择一些所需的选项。因此，首先创建了一个 Selectable 协议。...我的目标不仅是创建灵活的选择器的实现，还要尽量使其可自定义。...因此，将使用符合 Selectable 协议的泛型类型 T 创建 FlexiblePicker。这样，以后更容易重用该组件，因为它将是独立于类型的。 在实现选择器本身之前，我列出了所有可自定义属性。...总结 这篇文章介绍了如何使用 SwiftUI 构建一个灵活的选择器（FlexiblePicker），用于选择多个选项。...这个选择器可用于创建各种交互式选择界面。 - EOF -
因此，如果你正在创建一个视图来显示可滚动的内容，并可能进行选择操作，那么在 iOS 和 macOS 上使用 List 将有最好的体验。...我采用了常见的解决方案，即旋转滚动视图和里面的每个单元格，以获得预期的倒置列表，在 iOS 上，这很有效。但在 macOS 上，它使 CPU 使用率保持在 100%。...将背景扩展到安全区域Q：如果我有一个自定义的容器类型，可以接受一个顶部和底部的视图，是否有办法让 API 的调用者将所提供的视图的背景扩展到安全区域内，同时将内容（ 如文本或按钮 ）保留在安全区域内？...这意味着我们不能使用 LazyVStack，或任何其他将选择与详细视图绑定的自定义视图。有扩展这个功能的计划吗？A：在 iOS 16.1 中，你可以在侧边栏里放一个。...其中 2 个是自定义形状（ 基本上是圆角矩形，只有两个角是圆的 ），其中一个是矩形。编译器抛出一个错误，说它花了太多时间来检查视图的类型。
SwiftUI提供了对这些标准手势的内置支持，所以你的大部分应用输入都依赖于它们。当你想超越标准手势，使用ARKit创建自定义手势。...每个场景都包含要显示的视图和控件，场景类型决定内容是采用2D还是3D外观。SwiftUI为visionOS添加了3D场景类型，还为所有场景类型添加了3D元素和布局选项。...创建你的Xcode投影页面链接 在Xcode中选择File >新比;项目。导航到模板选择器的visionOS部分，并选择App模板。当出现提示时，为项目指定一个名称以及其他选项。...当创建一个新的visionOS应用程序时，你可以从配置对话框中配置应用程序的初始场景类型。要在初始场景中主要显示2D内容，请选择Window作为初始场景类型。对于主要的3D内容，选择一个Volume。...视图为您的界面提供基本内容，您可以使用SwiftUI修饰符自定义视图的外观和行为。
举个例子，假如我们正在构建一个 app 其中包含 LoginActionsView ，一个让用户登录时在列表中选择操作的类： struct LoginActionsView: View { .....为了观察当前水平方向的尺寸，我们需要用到 SwiftUI 环境系统 — 通过在 DynamicStack 中声明 @Environment - 标记属性（带有 horizontalSizeClass...SwiftUI 团队的 Matt Ricketson 的说法，可以直接使用底层的 _HStackLayout 和 _VStackLayout 类型作为临时的解决方法。...iOS 16 也给了我们其他有趣的新的布局工具，它有可能也能用于实现 DynamicStack — 一种全新的视图类型，名字叫做 ViewThatFits 。...同样重要的是要指出，上述基于 ViewThatFits 的技术将会始终尝试 HStack ，即使在用紧凑尺寸渲染布局时也是如此，只有在 HStack 不适合时才会选择基于VStack 的布局。
图片为了避免在适配其他平台时重复调整代码，我们可以采用类似于 horizontalSizeClass 的方式（通过环境变量），创建一个可用于所有需要适配平台的自定义环境变量来解决这个问题。...首先创建一个 DeviceStatus 枚举类型：public enum DeviceStatus: String { case macOS case compact case regular}在这个枚举类型中...我们创建 deviceStatus 的目的是用来观察当前应用的窗口状态，故此必须应用于最宽处。在 SwiftUI 中，除了环境值外，另一个具备较多平台“限制”的部分就是视图的 Modifier。...此外，SwiftUI 本身还为开发者提供了不少专门用于处理多场景模式下的属性包装器类型，例如：@AppStorage、@SceneStorage、@FocusedSceneValue、@FocusedSceneObject...欢迎你通过 Twitter、 Discord 频道 或博客的留言板与我进行交流。订阅下方的 邮件列表，可以及时获得每周最新文章。
image-20230416170832640 为了避免在适配其他平台时重复调整代码，我们可以采用类似于 horizontalSizeClass 的方式（通过环境变量），创建一个可用于所有需要适配平台的自定义环境变量来解决这个问题...} 在这个枚举类型中，除了 iOS 中出现的两种窗口状态外，我们还添加了 macOS 枚举项。...horizontalSizeClass 发生变化时，及时的更新我们自定义的 deviceStatus。...我们创建 deviceStatus 的目的是用来观察当前应用的窗口状态，故此必须应用于最宽处。 在 SwiftUI 中，除了环境值外，另一个具备较多平台“限制”的部分就是视图的 Modifier。...此外，SwiftUI 本身还为开发者提供了不少专门用于处理多场景模式下的属性包装器类型，例如：@AppStorage、@SceneStorage、@FocusedSceneValue、@FocusedSceneObject
如何避免使用 AnyView 为什么无论显示与否，视图都会包含所有选择分支的类型信息 为什么绝大多数的官方视图类型的 body 都是 Never ViewModifier 同特定视图类型的 modifier...基本用法 创建构建器类型 一个结果构建器类型必须满足两个基本要求。 它必须通过@resultBuilder进行标注，这表明它打算作为一个结果构建器类型使用，并允许它作为一个自定义属性使用。...buildEither(first: Component) -> Component和buildEither(second: Component) -> Component 用于在选择语句的不同路径下建立部分结果...当一个结果构建器提供这两个方法的实现时，转译后的函数可以使用带有else 的 if语句以及 switch 语句。...block 中的选择语句两个分支返回了两种不同的类型，无法满足必须返回同一类型的要求（some View），编译无法通过。
通过主屏幕页面上的小工具，用户每次看设备时都能体验到开发者的小工具。而通过新的 SwiftUI API，开发者可以使用同样的代码为 iOS、iPadOS 和 macOS 构建一个 widget。...Xcode 12 默认情况下会构建 macOS Universal 应用程序，以支持带有 Apple 芯片的新 Mac。...现在，开发者可以选择将 Mac 应用程序缩放到与 iPad 应用程序匹配的分辨率，或者完全控制 Mac 界面以创建真正的自定义 Mac 体验。...开发者现在有机会在App Store中详细介绍其应用程序的隐私惯例，以供用户查看，包括应用程序可能收集的数据类型，该数据是否与第三方共享以及用户选择退出的选项。...借助Core ML中用于模型部署和加密的其他工具，Create ML中的新模板和培训功能以及更多用于视觉和自然语言的API，机器学习的开发更加轻松和广泛。
视图能够提供的信息 本文中的视图是指符合 SwiftUI View 协议的各种类型 开发者通过 SwiftUI 框架提供的基础视图类型将自定义的视图串联起来，这些视图将向 SwiftUI 提供如下的信息...，开发者自定义的视图类型只需提供一个符合 View 协议的 body 属性即可。...如果你查看 SwiftUI 的文档，它所提供的基本视图类型（例如：Text、EmptyView、Group 等等）的 body 类型大多都是 Never ，这与开发者的自定义视图类型截然不同。...类型打印工具 为了在下文中更好的比对我们自定义的 ViewBuilder 同 SwiftUI 官方的 ViewBuilder 之间对视图类型的解析是否一致，我们还需要准备一个视图扩展方法（对原装和仿制的都有效...为特定视图类型创建 Modifier 除了符合 ViewModifier 协议的通用 modifier 外，SwiftUI 中还有很多仅适用于特定视图类型的 modifier，比如 Text 、TextField
，以及如何自定义打开 URL 前后的行为等。...本文的范例代码是在 Swift Playgrounds 4.1 （ macOS 版本 ）中完成的，可在 此处下载[2]。...@fatbobman.com" // 类型为 String Text(text) // 参数类型为 String 的构造器不支持自动识别 Text 用例 2 ：识别 Markdown 语法中的 URL...标记 SwiftUI 3.0 的 Text ，当内容类型为 LocalizedStringKey 时，Text 可以对部分 Markdown 语法标记进行解析 ： Text("[Wikipedia](...NSDataDetector[5] 是 NSRegularExpression 的子类，它可以检测自然语言文本中的半结构化信息，如日期、地址、链接、电话号码、交通信息等内容，它被广泛应用于苹果提供的各种系统应用中
.foregroundColor(.red) } } 在 Swift 5.4 之前，这不适用于更复杂的表达式。...： @resultBuilder属性告诉 SwiftUI 以下类型应视为结果生成器。...这对于使用结果构建器的自定义 SwiftUI 视图特别有用，例如以下示例： struct CustomVStack: View { @ViewBuilder let...本地函数现在支持重载 SR-10069(https://bugs.swift.org/browse/SR-10069) 要求能够在本地上下文中重载函数，这实际上意味着现在可以重载嵌套函数，以便Swift可以根据所使用的类型选择要运行的函数...Swift 更加开放，不再限于 macOS 与 Ubuntu 面向所有人的 UI 编程 ：透过点按弹窗初尝 SwiftUI 12 岁学习编程，17 岁中国香港高中生成苹果 WWDC2020 Swift
虽然你可以在任何类型的视图中使用它们，但详情展开按钮通常是用于列表中，便于用户访问有关某行列表的信息。 ? 在列表中适当使用详情展开按钮。...系统定义的颜色选择器还可以帮助Mac版iPad应用程序为macOS用户提供熟悉的体验。...两种类型的选择器都使人们可以通过选择单值或多值来轻松输入信息。 ? 选项为中长列表时，可以考虑使用选择器。如果需要显示太短的选项列表，请考虑使用下拉菜单而不是选择器。...此模式不适用于紧凑型样式。 日期选择器中显示的确切值及其顺序取决于用户的使用环境。 当空间有限时，请使用紧凑的日期选择器。折叠后，紧凑型样式将显示一个按钮，该按钮以应用程序的主色显示当前值。...iOS提供了几种不同的键盘类型，每种键盘都用于方便不同文本类型的输入。当用户在输入文本时，根据输入的文本类型显示相应的键盘类型，可以简化数据输入。
欢迎大家在 Discord 频道[2] 中进行更多地交流 Table 是 SwiftUI 3.0 中为 macOS 平台提供的表格控件，开发者通过它可以快捷地创建可交互的多列表格。...样式 SwiftUI 为 Table 提供了几种样式选择，遗憾的是目前只有 .inset 可以用于 iPadOS 。...inset 样式 ），可用于 macOS 和 iPadOS。...macOS，可以设置是否开启行交错背景，便于视觉区分 bordered 仅用于 macOS，为 Table 添加边框 image-20220620183823794 bordered(alternatesRowBackgrounds...: Bool) 仅用于 macOS，可以设置是否开启行交错背景，便于视觉区分 或许在之后的测试版中，SwiftUI 会扩展更多的样式到 iPadOS 平台 行选择 在 Table 中启用行选择与 List
（ 支持自定义 Transaction 属性 ）、Shader 支持（ 实现某些特殊效果将异常容易 ）、类型安全的图片和颜色资源类型（ Assets 会自动生成对应的代码 ）、便捷的 Symbol 动画...不过极为遗憾的是，苹果并没有充分的利用 Swift 的 @_backDeploy 功能，在 SwiftUI 5.0 中，仅有极少切不太重要的功能或类型实现了低版本的适配：topBarLeading: SwiftUI.ToolbarItemPlacement...中进行） 同样受到 CloudKit 同步的限制，演示中的 Attribute(.unique) 并不适用于同步场景 目前功能比 Core Data 少，没有新的增加 PersistentModel...为配合 SwiftData，Core Data 做了很小幅度的升级，其中一个值得关注的功能是 自定义 composite 类型[4]。...[4] 自定义 composite 类型: https://twitter.com/fatbobman/status/1666677142170779648?
一、背景 苹果于2019年度WWDC全球开发者大会上，发布了基于Swift建立的声明式框架--SwiftUI，其可以用于watchOS、tvOS、macOS等苹果旗下产品的应用开发，统一了苹果平台的UI...目前想要体验SwiftUI，需要以下的准备：Xcode 11 beta和macOS Mojave or Higher，如果想要体验实时预览和完整的Xcode 11功能，需要macOS 10.15 beta...其实View是SwiftUI一个核心的协议，代表了闭包中元素描述。如下代码所示，其是通过一个associatedtype修饰的，带有这种修饰的协议不能作为类型来使用，只能作为类型约束来使用。...同时SwiftUI中也是支持frame设定，但也不会像UIKit中那样作用于当前元素，在内部也是形成一个虚拟的View来承载frame设定，在布局过程中进行frame计算最终显示出想要的结果。...Apple选择了直接在macOS上进行渲染，不过需要搭载有SwiftUI.framework的macOS 10.15才能够看到Xcode Previews界面。
那是一个简单的时代。之后很多事情都发生了变化。 我长期以来都坚持“如果没有坏，就不要去修”的理念，因此代码携带了许多它过去的痕迹——在当时有意义的设计选择，但在现在已经不适用了。...使用带有内置 Unicode 支持的 Swift String 取代了混乱的 C++ char、UTF-8 和 UTF-16 表示，改进了代码组织，简化了代码推理。...ARC、类型推断、可选项、闭包、关联值枚举、不需要头文件以及 Swift 并发，所有这些都对编写简洁、富有表现力的代码做出了重大的贡献。 最后，该移植的可维护性、可读性以及紧凑性都大大提高了。...我现在很有信心将新代码制作成有用的独立 Swift 包，用于数学排版、编辑、数值和符号计算以及绘图。 Swift 兑现了它的承诺，实现了安全、快速且富有表现力的代码。...在整个过程中，我无法表达我对你们耐心和专业帮助的感激之情。 图形计算器（Graphing Calculator）可在 macOS 和 iOS 上使用。
环形Slider Slider 控件是一种允许用户从一系列值中选择一个值的 UI 控件。在 SwiftUI 中，它通常呈现为直线上的拇指选择器。...有时将这种类型的选择器呈现为一个圆圈，拇指绕着圆周移动可能会更好。本文介绍如何在 SwiftUI 中定义一个环形的 Slider。...有关默认 Slider 的更多信息，可以参阅 如何在 SwiftUI 中自定义 Slider 中自定义外观的内容。 初始化环形轮廓 从ZStack中的三个圆环开始。...这个 Slider 用于修改进度值，并在圆形滑块上实现足够的代码以使拇指和进度弧响应。当前值显示在环形 Slider 的中心。...圆形滑块上有两个表示进度的值，用于显示进度弧度的progress值和用于显示滑块光标的rotationAngle。
领取专属 10元无门槛券
手把手带您无忧上云
