AppKit 的新功能

AppKit 的新功能

探索使用 AppKit 开发 Mac App 的最新改进。我们将向您介绍 SF Symbols 的最新更新，演示如何通过增强控制来优化您的界面，以及帮助您学习使用台前调度来整理窗口。我们还将讨论 macOS 的最新共享和协作功能等。

资源
- - 高清视频
  - 标清视频
相关视频

WWDC22
下载

♪ ♪
Jeff Nadeau: 大家好欢迎收看 “AppKit 的新功能” 我是 Jeff Nadeau 是 AppKit 团队的一名工程师我在这里和大家分享一下为 macOS Ventura 构建 App 的最新最棒的功能对于 Mac 来说这是一个前所未有的激动人心的时刻现在我们拥有 Apple 芯片的性能和效率 macOS 的力量以及一个比以往任何时候都更丰富的 App 生态系统而您的 App 是这个故事的重要组成部分我们将继续推动 AppKit 发展这样您们就可以继续构建最好的 App 我将谈及各种各样的主题从台前调度开始接着是偏好设置其次是各种控件 SF Symbols 和共享我首先要聊一聊台前调度
台前调度会清理工作区中的非活动窗口而活动窗口会采取对象居中对于更高级的工作流程您还可以将窗口合并到一个作为一组交换进出的集合中
这将影响您的 App 窗口的呈现方式台前调度试图保持工作区的整洁所以当出现一个新窗口时现有的窗口将退出 stage 以腾出空间这就是“主”窗口比如您的文档所需要的辅助窗口如面板弹窗设置和其他窗口应该继续出现在现有窗口的上方 NSWindow 已经有了很多 API 可以帮助您定义您想要特定窗口完成的行为
默认情况下如果您显示一个浮动面板一个模态窗口或一个带有首选项样式工具栏的窗口台前调度不会调出其他窗口
台前调度也会遵守窗口的 collectionBehavior 这个 OptionSet 定义了窗口在空间和全屏中的行为方式现在它还会帮助台前调度理解窗口是被视为辅助还是浮动的如果一个窗口的 collectionBehavior 包含辅助 moveToActiveSpace 固定的或暂态选项那么它就不会将活动窗口移到居中的位置通过使用正确的收集行为设置窗口您可以确保它们在每个情景中都能很好地工作无论是在桌面空间全屏还是现在在台前调度中接下来我将介绍偏好设置的一些重要更改在 macOS Ventura 中 “系统偏好设置”App 已采用了全新的外观具有全新的导航方案和全新的视觉设计为了与其他操作系统的设置保持一致我们还将 App 重命名为 “系统设置” 这些更改也会扩展到您的 App 例如今天的 “系统偏好设置”App 中可能会出现一个首选项面板包您的 App 中可能也有一个设置区域它也有一个新的设计系统用于控制丰富的表单它可能是设置界面或检查器的完美选择如果您发布了一个自定义的预组件包它将继续与新的“设置”App 一起运作您的自定义面板将出现在侧边栏 App 会加载您的组件包并显示您的设置 UI 如在 Monterey 中和早前一样为了匹配新命名“系统设置”App 我们已将 App 内的首选项重命名为“设置” 为了帮助您上手一旦您使用最新的 SDK 进行构建 AppKit 将自动更新 App 菜单中的偏好设置菜单项的名称不过您可能会在很多其他地方使用 Preferences (偏好设置) 这个词比如在窗口标题描述性标签或 App 周围的其他控件上搜索本地化文本找到同样需要更新的地方
例如 TextEdit 的设置窗口过去被称为“偏好设置” 我们选择将该窗口重命名为“设置” 以匹配系统的其余部分 “系统设置”App 也使用了一个新的界面样式来显示它的所有配置选项设置界面通常包含大量控件因此这种样式旨在以清晰有序的方式显示包含大量控件的表单
由于表单本身提供了大量的视觉结构许多系统控件通过使用较低的视觉权重来适应这种环境它们会同时在 rollover 上展现出更突出的备份
如果您想编写使用这种新设计的接口 SwiftUI 会让它变得非常简单将您的控件放到 Form 视图中然后应用 insetGrouped 表单样式 SwiftUI 会负责剩下的事情表单的视觉样式滚动行为和布局都会自动应用
如果您还没有开始使用 SwiftUI 这是个尝试一下的好机会 Settings 窗口通常是 App 界面的一个独立区域所以它是进行 incremental adoption 的完美场所我们甚至制作了一个关于同时使用 SwiftUI 和 AppKit 的视频它可以让您进行深入了解接下来我想分享我们控件的一些更新我们有很多令人兴奋的控件增强值得分享首先是一个叫做 NSComboButton 的新控件我们还更新了 NSColorWell 对 NSToolbar API 做了一些增强调整了 NSAlert 的设计改善了 NSTableView 的性能首先是 NSComboButton NSComboButton 的主旨在于结合一个即时按钮动作和一个有附加选项的菜单
在今天的控件视图中传统上人们使用按钮来执行一些即时操作或者使用下拉按钮来显示带有多个选项的菜单 NSComboButton 将两个元素组合成了一个控件它将主操作和下拉菜单结合在了一起这种设计通常用于像 Mail 这样的用例这样要获取预估的文件夹就只需单击一下即可但您仍然可以访问菜单来将消息归档到任何地方以前您可能已经使用分段控件 API 组装过类似的东西但现在有了专门的控件做这件事 NSComboButton 有两种样式分别规定了按钮的外观和行为默认样式称为 split 它包括一个只用于菜单的单独的箭头部分
第二种样式是 unified 看起来更像一个普通的按钮此样式在单击时执行其主要操作如果单击并按住它则会显示其菜单这就是 NSComboButton NSColorWell 也有一些很棒的新的更新首先是一个全新的外观现在颜色很好地采用了一种新风格取代了经典的方形渐变外观并让人能联想到整个系统的其他按钮外壳这个更改是完全自动的因此您不需要采取任何措施来获得这个新版外观然而我们知道颜色选择是有创造性的专业 App 的重要组成部分所以我们更进一步为 NSColorWell 引入了两种新的样式
第一种是最小样式它在 rollover 上会显示一个披露箭头并用弹出完整的 NSColorPanel 选项通过显示可以立即从调色板中进行选择的弹出窗口来提供一个快速的颜色选择体验默认情况下它会使用系统标准的颜色网格但如果您有不同的 UI 或调色板您可以自定义这里显示的内容
第二种是扩展样式您可以在 iWork App 中看到这种风格结合了两种交互模型左边的键有相同的披露箭头和用于快速选择的弹出窗口而右边的按钮可以拉出整个面板以进行更细致的颜色选择
有了这个 NSColorWell 现在能提供三种不同的选择颜色的方式
您可以使用 NSColorWell 上的新 colorWellStyle 属性访问这些样式它有每个样式的案例默认扩展和最小
NSColorWel 也因其 pulldown action 获得了一个新的目标-操作对该操作会确定当您单击最小或扩展颜色的下拉部分时会发生什么默认情况下这些属性是 nil 这意味着 NSColorWell 应该使用系统标准的弹出窗口但是您可以自定义此操作并用它来显示您自己的自定义弹出窗口或者您甚至可以显示一个不同的选择界面如菜单这就是新的 NSColorWell 它有一个全新的外观和两种快速挑选颜色的新方法接下来是一些关于 NSToolbar 的新闻我们对它进行了各种 API 增强让您更好地控制自定义并增加布局的灵活性在自定义方面我们添加了两个新的委托方法让您更好地控制工具栏的可自定义性首先是 toolbar immovable item identifiers 如果您执行此方法以返回一组项目标识符那么这些项目将不能被用户移动或移除并且当您进入自定义模式时它们不会显示动画
例如“邮件”App 希望过滤按钮一直出现在这里在消息列表的上方通过使用这个 API 它们可以防止它被从这个位置移走
第二种方法称为“toolbaritem identifier can be inserted at” 此委托方法让您可以对工具栏中任何特定的重新排序插入或删除操作行使否决权您可以使用它来实现自己的自定义规则例如您可以创建一个工具栏项使它在工具栏的一个部分中被允许但在另一个部分中被禁用
现在您可以使用新的 centeredItemIdentifiers 属性为工具栏指定多个居中项如果工具栏是可自定义的那么您就仍可以从工具栏中添加或删除此集中的项但您只能在居中的组中对它们进行重新排序在这个例子中所有的照片编辑工具都集中在工具栏的中心而与前后有多少项无关一旦您按喜欢的方式自定义了工具栏您不会希望项目到处移动而这对于根据其他状态改变含义的工具栏项目来说是很困难的比如“邮件”中的静音和取消静音按钮它们在轻点后会互相切换
由于标签有不同的大小工具栏中的其他项必须四处移动以适应变动
在这样的场景中您可以用 NSToolbarItem 上新的 possibleLabels 属性来提供一组将用于该项的本地化字符串
NSToolbar 会自动调整条目的大小以适应最长的标签因此即使重新配置条目您的布局也会保持不变接下来是对警报设计的更新 macOS 上的警报使用紧凑的布局它经过了针对有几个明确选择的少量文本的优化总的来说这是一个很好的组合警报的方式警报最适合较短的文本您可以更直接地传达信息而且人们更有可能在越过警报进行下一步前阅读您写的内容
然而有时您确实无法缩短描述尤其是在需要传达一些复杂而微妙的信息时比如这个 Disk Utility 警报它传达了一个关于文件系统数据的非常重要的选择紧凑的布局并不适合这种情况对于这些情况我们调整了 NSAlert 以提供适合较长文本的更宽的布局当提示文本太长而无法容纳在紧凑的尺寸中时这种调整会自动发生如果附属视图太大无法放进紧凑的警报窗口我们也会使用这种样式您的 App 不需要选择这个行为它会在整个系统范围自动应用需要注意的是布局是在显示警报时确定的因此如果警报已经显示在屏幕上则样式无法切换
您仍然应该尽可能地减短警报文本的长度但这个设计更新将改善那些您无法减短文本长度时的用户体验
接下来是 NSTableView 的一个重要新功能 NSTableView 旨在通过在滚动时惰性填充和重用视图来高效地处理大量的行但是对于每一行都有不同高度的表来说这是一个挑战因为为了提供良好的滚动体验表格需要知道它的总高度以及每一行在滚动区域中的位置
过去 NSTableView 通过调整表中所有行的大小来实现这一点而这可能会对初始加载时间产生影响在 macOS Ventura 中 NSTableView 实现了这些目标同时提供了更好的性能
NSTableView 不再即时计算每一行的高度而是根据滚动视口内或附近的行惰性来计算行高度
对于那些没有被测量的行 NSTableView 使用的是一个基于它已经测量的行高度得出的运行估计高度当您滚动表格时 NSTableView 根据需要来请求行高度用实际测量值替换估计高度同时会注意保持正确的滚动位置
这种优化显著改善了过大的表的加载时间这个变化改变了 table view: height of row 之类的委托调用的时间所以您不应该假设 NSTableView 何时会向您请求行高
这个优化同时适用于 NSTableView 和 SwiftUI 的 List 视图并且自动用于 macOS Ventura 上的所有 App 无需采用这就是 NSTableView 的功能接下来是 SF Symbols 的一些更新 macOS Ventura 包括 SF Symbols 4 它增加了超过 450 个新符号图像涵盖了各种主题
这些新符号包括桂冠各种家居用品世界各地的货币符号甚至各种与体育相关的符号有了数以千计的符号目录 SF symbols 很可能包含了可以代表您想表达的任何想法的专业设计的图标但我们没有止步于此 SF Symbols 4 还包括一些新的功能以进一步增强您的图标总结一下符号图像支持多种呈现模式您可以依据自己的设计来选择它有使用一种颜色的单色呈现使用不同颜色的不透明度来强调符号某些部分的分层呈现有允许您为符号的每个部分指定不同颜色的调色呈现以及使用直接设计到符号作品颜色的多色呈现
这些选择使您能够灵活地实现各种各样的设计但我们也希望符号图像在不需要应用任何配置的情况下就能完美呈现
因此我们在 macOS Ventura 中为符号引入了一个新功能首选呈现模式有了首选呈现模式符号就可以明确它们选择的呈现样式在运行时 AppKit 将自动使用该样式这对于像 AirPods Pro 这样更倾向于用分层呈现来增加细节清晰度的符号来说是非常棒的当然如果您有不同的设计思路您就随时可以使用 NSImageSymbolConfiguration 对象来选择您喜欢的样式
有些符号不只是代表一个概念它们还要传达一些值或数量比如 Wi-Fi 信号强度或音频音量对于这样的情况我们引入了一种新的符号类型我们称之为 variable symbol 使用变量符号可以直接向 NSImage 提供一个浮点值该符号会嵌入数值阈值来决定每个路径应该如何根据该值变化这是 API 变量符号由新的初始化器创建它类似于现有的符号图像初始化器只是增加了一个 0 到 1 之间的浮点数作为值参数如果符号图像没有定义任何可变阈值则该值将被忽略符号将按照正常方式绘制如果是这样您将发现符号路径根据您提供的值而有不同的绘制
每个变量符号都可以以自己独特的方式表示值通过在 API 级别提供该值您可以访问所有这些变量而不必了解符号组成方式的细节
可变符号与呈现样式如调色板和多色结合使用效果很好所以您可以将它们应用到几乎任何设计中最后我想谈谈关于 “共享”的一些重大更新 macOS Ventura 提升了 Mac 上的分享体验引入了如建议用户以及邀请和管理合作用户的新方法等功能您可以采用一些新的 API 以便您的 App 能够最大限度地利用这些增强功能
分享体验中最显著的更新是新的分享弹窗它用一个丰富的界面取代了现有的共享菜单它包含更多关于您正在共享的文档的信息以及熟悉的功能比如推荐用户它与前一个选择器支持相同的 API 和委托方法因此您仍然可以进行如过滤共享服务列表或将您自己的自定义服务插入到选择器中之类的操作
如果您正在共享一个文件 URL nsshareingservicepicker 可以自动为 Header 填充图标名称和其他关于文件的元数据但是如果您要共享一个自定义类型您可以让您的条目符合 NSSharingServicePicker 请求那个信息所用的新协议
这个协议叫做 NSPreviewRepresentableActivityItem 符合类型必须能够返回要共享的底层项比如 NSItemProvider 它们还要能有选择地返回标题图像提供程序和图标提供程序
为了方便起见 AppKit 中有一个符合规范的级它叫做 NSPreviewRepresentingActivityItem 您可以用它来绑定一个现有的共享项及其元数据您可以直接以 NSImage 的形式提供每个图像参数如果预先生成这些图像对性能要求太高您也可以使用 NSItemProvider
新的共享选择器非常适合从工具栏按钮之类的地方开始共享但有时您会想从菜单比如主菜单栏或 App 内选定视图的对应菜单开始共享以前您可能会通过枚举共享服务然后为每个共享服务构建菜单项构建自己的菜单来处理这个问题虽然这确实有效但它绕过了标准选择器这样您就错过了所有这些新功能在 macOS Ventura 中 NSSharingServicePicker 可以为您创建一个 standard share menu item 您可以将标准项目添加到任何菜单轻松开始共享一旦被选中菜单项就会调用共享弹出窗口对于特定情景菜单它甚至会将弹出窗口固定到生成菜单的视图在 macOS Ventura 中有很多管理协作的新支持项通过一些额外的采用您的可分享项目也可以成为合作邀请用户可以通过共享选择器发起拖拽到 Messages 信息中甚至通过 FaceTime 通话做到这些您可以使用 CloudKit 或 iCloud Drive 来共享内容也可以将邀请流程与您自己的协作服务器连接这是一个牵涉很广的话题所以我们做了几个视频来更深入地解释它如果您的 App 支持协作或者您想开始添加协作一定要看看它们开始使用 macOS Ventura 时请确保您将窗口设置为与台前调度最适合的状态然后考虑一下您的设计会如何从 NSComboButton 和 NSColorWell 这样的控件增强中受益使用 SF Symbols 的最新符号和功能改善您的图标最后对于协作采用最新的 API 以便您最大限度地利用 macOS Ventura 的新共享体验
感谢收看也感谢您持续开发好用的 Mac App

4:54 - Using the grouped form style in SwiftUI

enum AirDropVisbility: String, CaseIterable, Identifiable {
    case nobody = "No One"
    case contactsOnly = "Contacts Only"
    case everyone = "Everyone"

    var id: String { rawValue }
    var label: String { rawValue }
    var symbolName: String {
        switch self {
        case .nobody: return "person.crop.circle.badge.xmark"
        case .contactsOnly: return "person.2.circle"
        case .everyone: return "person.crop.circle.badge.checkmark"
        }
    }
}

struct ExampleFormView: View {
    @State private var name: String = "Mac Studio"
    @State private var screenSharingEnabled: Bool = true
    @State private var fileSharingEnabled: Bool = false
    @State private var airdropVisibility = AirDropVisbility.contactsOnly

    var body: some View {
        Form {
            TextField("Computer Name", text: $name)
            Toggle("Screen Sharing", isOn: $screenSharingEnabled)
            Toggle("File Sharing", isOn: $fileSharingEnabled)
            Picker("AirDrop", selection: $airdropVisibility) {
                ForEach(AirDropVisbility.allCases) {
                    Label($0.label, systemImage: $0.symbolName)
                        .labelStyle(.titleAndIcon)
                        .tag($0)
                }
            }
        }
        .formStyle(.grouped)
    }
}

正在查找特定内容？在上方输入一个主题，就能直接跳转到相应的精彩内容。

提交你查询的内容时出现错误。请检查互联网连接，然后再试一次。

资源

相关视频

WWDC22