UIKit 中的新功能

敬请探索 UIKit 的最新更新和改进并了解如何构建更棒的 iPadOS、iOS 和 Mac Catalyst app。我们将带您了解 UI 改进、工作效率更新和 API 增强，并帮助您探索性能改进和安全性与隐私功能。

资源

相关视频

WWDC21

下载

欢迎观看在iOS 15中《UIKit的新特性》我叫迈克尔稍后我的同事杰米将加入我的行列

iOS 15充满了令人惊叹的新技术和新功能我们以一些令人兴奋的方式更新了UIKit 以帮助你采用这些新功能

我和杰米将一起讨论生产力更新 UI改进、API强化性能改进以及一些新的安全和隐私功能

生产力是iPadOS的核心今年也不例外更新iPad的多任务处理键盘导航、键盘快捷键和iPad指针我就举这几个例子让我们从简短的演示开始了解我们如何更新多任务处理以将iPad提升到一个新的水平在邮件中我们正在使用新的中心场景多任务处理功能来使其比以往任何时候都更容易专注于单个消息

只需长按信息即可打开上下文菜单并选择 “在新窗口中打开” 这将在屏幕中央的 UIWindowScene 之中打开消息这是专注于手头任务的好方法新的中心窗口场景也可以通过拖放移动到拆分视图或通过选择新的拆分视图选项窗口场景顶部的多任务菜单

或者你可以在多任务菜单上向下滑动并将场景停靠在新的窗架中

将此功能添加到你的应用程序就像创建一个新的窗口场景激活操作一样简单此操作采用返回激活配置的闭包该配置使用 NSUserActivity创建可以由你的应用程序处理将此操作添加到上下文菜单中一切就绪

在iPadOS 13.4中我们引入了妙控键盘和指针在iPadOS 15中我们通过添加波段选择改进了指针支持除了提供新的API 我们默认启用波段选择用于支持多选的 UICollectionView 我们还添加了指针附件可让你传达额外的上下文或提示功能通过将辅助形状与任何指针样式相结合可以一次显示多个配件并围绕指针放置它们与指针具有相同的流动性并且系统在不同的配件形状和位置之间无缝动画

在iPadOS 15中我们完全重新设计了键盘快捷键菜单通过分类快捷方式和内置搜索找到你正在寻找的快捷方式从未如此简单新的键盘快捷菜单还提高了 iPad 和Mac Catalyst 版本之间的对等性

为了充分利用这些新功能你需要采用UIMenuBuilder 实现buildMenuWithBuilder 在你的 UIApplicationDelegate 上将命令分配给预定义的类别之一例如“查看”或“文件” 甚至创建你自己的自定义类别要使用类别你需要审核你的应用程序以用于UIResponder keyCommands属性的使用移动分配给此属性的任何命令到buildMenuWithBuilder函数要了解有关多任务处理、iPad 指针和新键盘快捷键菜单的更多信息我们有个精彩的视频所有关于获取iPad应用程序到下一个层次我们还在iPadOS 15中添加了对基于焦点的键盘导航的丰富支持如果你已经熟悉tvOS上的对焦系统那么你会很高兴知道它现在也可以在iPadOS中使用事实上 tvOS 中的所有焦点导航 CarPlay、iPadOS 和Mac Catalyst 现在都基于 UIFocusSystem 构建在iPad 和mac Catalyst上使用UIFocusSystem 方向键用于在焦点项目之间移动以及Tab键用于在焦点小组之间移动在本例中邮件应用程序使用带有侧边栏的 UISplitViewController 当使用这些标准UIKit 组件时 iPadOS 15中将默认启用演示的键盘导航请查看《专注于键盘导航》了解有关支持键盘导航的更多信息在你的应用程序中 iOS的另一个重要生产力功能是多点触控拖放 iOS 11中引入的拖放功能已成为一种必不可少的生产力强化功能只需一个简单的手势你就可以在应用程序内和iPadOS上甚至应用程序之间无缝移动数据在iOS 15中 UIKit已启用也可以在iPhone上进行应用间拖放解锁许多令人兴奋的新互动

例如现在比以往任何时候都更容易快速与朋友分享新表带的想法只需一个手势你就可以将 Safari中的照片直接拖到信息对话中

拖放API未更改以支持此扩展功能为了更新技术细节我们有四个来自2017年的精彩视频来让你深入了解如何利用拖放功能接下来我将向你展示 iOS 15中的一些UI改进我们改进了UIToolbar 和UITabBar的外观当滚动到底部时这种更新的外观会移除背景材料为你的内容提供更多视觉清晰度在UITabBar中我们强化了对SF Symbols的支持在使用你喜欢的任何符号时都能提供出色的效果虽然UIKit尽最大努力使你的应用程序中的这种新外观无缝你可能会遇到一些问题你应该审核你可能将栏的半透明属性设置为false的地方的代码并检查是否有任何 UIViewControllers 具有非标准的 edgesForExtendedLayout 这两种情况都会导致新外观出现视觉问题

如果新的默认行为不适合你的应用只需创建一个自定义外观并分配它到栏上的 scrollEdgeAppearance属性此属性以前仅可用在 UINavigationBar上但现在也可用在 UIToolbar和UITabBar上设置自定义外观将避免任何由前面提到的不兼容API 引起的视觉问题

此外 UIKit可能不会能够推断出适当的滚动视图进行观察执行新的滚动边缘外观过渡时要直接指定滚动视图我们在UIViewController 上添加了一个新函数 setContentScrollView为边缘看看你所有的滑动杆确保外观符合你的预期一定要检查你做过某事的地方特别是…它可能需要额外的关注

我们在iOS 15 中有一个新的标题外观对于普通列表部分标题现在可以根据内容无缝显示并且仅在向下滚动时固定到顶部时才显示可见的背景材料此外还插入了新的填充在每个部分标题上方使用这种新设计在视觉上分隔各个部分

当列表内容很长时你应该将此简单样式与索引栏结合使用以进行快速清理如“电话簿”应用中所示

UIKit还提供了分组样式这适用于不包含大量自定义或视觉丰富内容的UI 这是配置UI或注册流程的绝佳选择类似于你在 “设置”应用中所发现的

突出的标题样式与iPad上用于侧边栏列表的现有侧边栏标题样式非常相似在将.sidebar列表调整为 .insetGrouped列表时在一个紧凑的尺寸等级中突出的标题是个好选择

时钟应用中的闹钟标签充分利用了这种新风格最后我们有一个新的额外突出的分组样式用于视觉丰富的内容以便标题保持层次结构并避免丢失

查看Watch应用的表面艺廊以了解这种风格的实际效果要访问所有这些出色的标题样式请使用在iOS 14中引入的 UIListContent Configuration API 在iOS 14.5中我们引入了 UIListSeparatorConfiguration 允许完全控制列表中的分隔符你可以为整个列表指定配置或者你可以覆盖系统生成的外观以每行为基础让你完全控制分隔符 iOS 15中的面板能够只覆盖一半的屏幕显示在我们所谓的中等高度的detent 有了这个新的半高功能你可以选择禁用此detent 后面的调光创造非模态体验允许在面板内和面板后进行交互请看《在 UIKit中自定义和调整面板大小》了解我们在iOS 15中强化面板的所有方式

接下来是UIDatePicker 是的在iOS 15中我们重新引入了时间之轮但是现在你只需点击时间即可使用键盘进行输入有了iPad上的妙控键盘你甚至可以直接连续编辑时间当然你仍然可以点按屏幕来显示那些漂亮的控制轮说到这里我这就交给我的同事杰米谢谢迈克尔！我将开始研究iOS 15中 UIKit API的更多强化功能我们的第一个API强化在很多方面也是UI的改进我们为UIButton添加了新的API 允许你灵活配置按钮的外观和感觉

除了现有的素色样式我们还添加了灰色也就是灰色背景有色也就是有色背景和填充也就是完全不透明

除了新样式按钮现在更好地支持调整大小以响应系统 “文本大小”设置也就是所谓的动态字体第一次正式支持多行文本这些更改以及启用它们的新的UIButton.Configuration的API 不仅仅是让按钮更强大它们也更加可定制且易于更新

连同对iOS 14中的按钮上所发布的UIMenu附加组件 UIButtonConfiguration 第一次允许你制作弹窗和在UIKit中原生的下拉按钮

当然如果你在Mac上使用UIKit 并且你在Xcode中选择了 “优化Mac上的界面” 这些按钮的外观和行为都与你期望的一样

下面是API的易用性范例只需创建一个按钮配置此建构子提供了有色样式

配置的属性会被使用于自定义按钮然后实例化按钮传入配置这里没有显示但剩下要做的事情就是添加一个动作并将按钮添加到你的视图中关于UIButtonConfiguration 我在这能讲的有限所以另有完整视频讲解以及对UIButton其他改进的详细说明请看《认识UIKit按钮系统》了解有关按钮API的所有信息 iOS和iPadOS上的 UIContextMenuInteraction 现在支持可折叠子菜单当你点击带有V形符号的任何项目例如此菜单中的“排序依据”项目时它们就会出现

这里没有针对此的新API UIMenu API已经支持子菜单但在iOS 15之前在你点击它们时当前的菜单被他们完全替换了这同时也在以下视频《认识UIKit按钮系统》有稍微讨论到过

在iOS 13中我们引入了 SF Symbols… 数百个可缩放的符号在我们的旧金山字体旁边看起来很棒在iOS 15中这些变得更好了不仅有额外的符号而且我们还增加了以三种新方式使用颜色的能力：分层、调色板和多色单色符号是你已经知道并爱上了的单色的可着色图像分层符号会将单个运行时指定的色调颜色应用至层的层次结构调色板符号允许明确指定多种颜色以及以前仅在AppKit和 SwiftUI中可用的多色符号有固定的多色表示

UIKit、SwiftUI和AppKit中提供了用于使用所有这些多彩模式的新API

这些API非常易于使用此代码设置了 UIImageSymbolConfiguration 以使用系统橙色作为分层着色的基础然后使用它来创建分层着色的橙色太阳符号的图像

如果你经常使用SFSymbols 你就会知道它们有几种样式变体例如填充、圆形或矩形

在以前的版本中这些是通过指定带点的字符串来选择的在iOS 15中有一个新的UIImage API 让使用这些变体变得非常容易不管是否要预先指定类型或生成现有图像的变体这是由“心”字符串及其两个变体表示的符号现在可以在代码中选择

在《设计和创建SF Symbols》视频集中有很多关于SF Symbols 各方面的解说我鼓励你全部观看

在《UIKit和AppKit中的SF Symbols》有更多关于UIKit API的内容

UIContentSizeCategory 特征代表了系统文本大小设置…也称为在代码中的动态类型大小你可以设置标签、文本字段、文本视图和图像视图… 可能包含SFSymbols… 来自动调整到设置在iOS 15中我们添加了一种新方法来限制如何将特征应用于视图层次结构这使你可以轻松地为该尺寸设置地板或天花板当你确保应用的文本和图像在每个文本大小设置下看起来都很棒时这会很有帮助在这里 Clock限制了它的大时间标签变得有多小

请不要使用此API来过度限制文本大小这些设置具有极其重要的功能最重要的是你的应用程序的所有功能都可用并且对使用最高文本大小设置的人来说一切都清晰易读再举一个例子你可以使用它来限制在默认大小下已经非常大的标题的增长

我们统一了所有平台的系统颜色这对UIKit意味着什么？嗯有些颜色有一些微妙的变化和一些以前只在其他框架中可用的颜色现在无论你的应用程序在哪里运行都能在UIKit中使用所以如果你一直渴望在你的 UIKit应用程序中使用systemMint 或systemBrown 现在是时候了

同样新的是UIColor.tintColor 它是一种在运行时解析的颜色基于应用程序或特征层次结构的当前色调颜色它非常适合与新的 UIButton.Configuration 和新的彩色SF Symbols API 一起使用

除了UIColor 还有对UIColorPicker ViewController的强化混合和挑选颜色的标准界面在iOS 14.5中有一个新的回调 colorPickerViewController (didSelect:continuously:) 这允许在混合和更改颜色以及完成挑选时更新应用程序UI TextKit 2是新的下一代文本布局系统适用于iOS、iPadOS tvOS和macOS 这是一个功能强大的新系统可以更轻松地表达你想用文本做的事情它以一种快速、高性能的方式完成 UIKit在幕后采用了它来为 UITextField提供支持为文本带来更好的布局例如卡纳达语这种具有复杂字迹的语言连采用都不需要

如果你想了解有关TextKit 2的更多信息它可以做什么以及如何在你的应用中使用它请观看《认识TextKit 2》

UISceneSession 表示应用程序UI的一个实例并对应于应用程序切换器中表示的应用程序窗口 NSUserActivity则表示接口状态当场景进入后台时你的应用程序会将这个 NSUserActivity 提供给系统并且应该在场景重新实例化时使用它来恢复界面状态在iPadOS 15中有些新的API会使这更容易有一种新方法可以获取和设置我们的文本输入视图的瞬态还有一个新的UIScene回调能提供一个更方便的地方来在故事板加载后恢复状态并且有机会在你的应用程序的UI 变为活动状态时延长应用程序启动过程和延迟如果你有返回状态的异步模型代码的话我们所有的工程工作都集中在基于 UIScene的API上如果你仍在使用在iPadOS 13引入UIScene之前基于UIApplication的旧生命周期该来切换到UIScene了所有UIKit应用程序都可以使用它且不一定要能支持多个窗口但对于iPad和Mac应用程序来说这是一个好主意

有关UIScene的复习以及更多有关强化状态恢复API的详细信息请看《让你的iPad 应用更上层楼》说到场景在iOS 15的UIKit中有新的API可以让app代表当前在每个场景中与之交互的可共享内容它们被iOS和Mac上的新Siri“ShareThis”功能以及NSSharingService PickerToolbarItem 在Mac Catalyst上都有使用在《为快捷方式、Siri和建议设计出色的操作》和《出色的 Mac Catalyst 应用程序的质量》视频有详细介绍

对于我们最后的API强化我们将交回给我们亲爱的朋友们 UICollectionView和UITableView 在iOS 14中我们引入了新的API 让你可以比过去更轻松、更一致地配置单元格的外观和风格

在iOS 15中新的基于闭包的更新处理程序使重新配置单元比以往任何时候都更容易

你不再需要创建单元子类并使用state来覆盖 updateConfiguration：你现在可以在创建单元格的同一位置内联编写该代码在这里当单元格被禁用时我们会将文本变灰类似且基于闭包的函数在新的UIButtonConfiguration API内也是可以取用的

我们改进了差异数据源以便更轻松地更新你的集合和表视图在iOS 15中当你在没有动画差异的情况下应用快照时 UI会根据这些更改进行更新而不会丢弃现有单元格这里还有新的API可以有效地重新配置项目因此你可以在项目的属性发生变化但不改变它们的识别时更新现有单元格中显示的内容

UIKit运行的每个设备都有多个处理器内核和强大的图形硬件一切应该很快就要完成动画和滚动应该始终流畅在iOS 15中有一些强化功能和新的API 使构建具有这些特性的应用程序变得更加容易让我们来谈谈UIKit之中可用的一些吧首先我们将回到UICollectionView 和UITableView iOS 15引入了对单元格预取的更改当你为iOS 15构建时这些更改会自动生效他们可以给应用最多两倍的时间… 几乎两个视觉框架的价值… 在保持滚动完美平滑的同时准备单元格

许多单元格都会显示图像过去你可能已经注意到当主UI队列忙于解码大图像时滚动会出现短暂中断

在iOS 15中应用程序代码可以更好地控制这个过程有新的简单功能可以准备图像以便在你的应用程序需要显示它们时完全准备好而且这些函数很容易异步使用因此UI队列可以在解码图像时自由处理事件

许多应用程序处理大图像但以小尺寸显示它们为了帮助解决这个问题有新的UIImage APIs 更有效地调整图像大小并通过使用系统关于图像和显示的知识来节省内存

有关这些集合视图和图像改进的更多详细信息有关如何利用它们及其他一些很棒的性能技巧请参阅《快速创建列表和集合视图》

Swift引入了新功能这使得编写异步代码比以往更容易大多数UIKit API 必须在主UI队列上调用我们已经将这些API注释为主要演员以确保这是第一次在编译时强制执行在其他方面比如新的 UIImage准备功能我们使用新的异步 Swift语言功能调整了API以确保 UIKit易于使用且安全请看《认识Swift中的async/await》和《认识AsyncSequence》来开始使用这种开发异步代码的新方法

现在来说安全和隐私我们在iOS 15中内置了一些新技术允许系统验证真正与哪个界面交互

我们已经在几个地方将它集成到UIKit中在这里我将讨论可能影响你的应用程序的三个

首先位置按钮 iOS 15引入了一个新的API 允许应用程序嵌入按案例授予的按钮一次性访问设备的当前位置他们会在…也仅有在被点击时才这样做没有大量的警报或提示

API很灵活因此它可以匹配每个应用程序的外观但在幕后它确保按钮始终清晰易读否则他们将无法工作有个完整的视频讨论如何将其嵌入到任何应用中叫做《认识位置按钮》

我相信你已经注意到这个横幅它是在iOS 14中引入的当应用程序访问复制到不同应用程序中的粘贴板上的数据时显示

在iOS 15中我们将在系统可以确认的任何时候消除横幅数据是在与标准系统粘贴界面有意交互后访问的例如点击编辑菜单中的粘贴按钮或硬件键盘上的Cmd-V

我们还添加了API 以提供一些新的标准粘贴菜单项使用这些时也不会显示通知横幅我们提供了新的方法来指定“粘贴” “粘贴即行” “粘贴和搜索” 和“粘贴和匹配样式” 对于每一个都有标准的 UIResponder选择器… 用于UIMenuController和UICommand… 和新标识符用于UIAction

有时候应用程序需要有关粘贴板上内容的更多信息但不需要完全访问权限在iOS 14中我们引入了一个API 应用程序来检查粘贴板上是否有数字可能的Web URL 或可能的Web搜索词我们自己在Calculator 和Safari中就使用这些

在iOS 15中此API已大大扩展以涵盖所有标准数据检测器类型这些都不会显示通知因为它们不授予对数据本身的访问权限还有一些API可以在无需解析的情况下亲自检索数据值文本虽然如果这些API在使用标准粘贴接口之后的任何时间使用系统都会显示粘贴通知

我们上一次的隐私强化是iOS 14.5中的新功能它建立在支持位置和粘贴界面的技术的早期版本之上 UIEventAttribution 是与WebKit团队共同开发的 WebKit的私人点击测量功能提供了网络到网络点击测量 UIEventAttribution将PCM引入UIKit 并提供App-to-Web点击测量这意味着对广告点击和点击的隐私保护衡量它易于使用只需使用 UIEventAttributionViews覆盖广告并将UIEventAttribution对象与你打开以响应广告点击的任何URL一起传递

要了解更多信息请参阅《符合隐私保护的广告属性》视频还有一篇很棒的WebKit.org 博客文章标题为《私人点击数衡量概论》嗯时间过得真快我们甚至没有讲解完所有新内容接下来是什么？请使用iOS 15 SDK 编译你的应用程序测试iPhone上的拖放和我们强化的系统颜色等新功能采用带有新按钮、栏、列表和符号的新iOS 15外观采用我们新的iPad功能以获得更好的多任务处理键盘和触控板支持并使用新的UIKit API 来尊重用户隐私并更轻松地制作更好更快的应用程序谢谢你

1:41 - Building an "Open in New Window" action

// Building an "Open in New Window" action

let newSceneAction = UIWindowScene.ActivationAction({ _ in

    // Create the user activity that represents the new scene content
    let userActivity = NSUserActivity(activityType: "com.myapp.detailscene")

    // Return the activation configuration
    return UIWindowScene.ActivationConfiguration(userActivity: userActivity)

})

3:06 - UIMenuBuilder

class AppDelegate: UIResponder, UIApplicationDelegate {

    override func buildMenu(with builder: UIMenuBuilder) {
      
        // Use the builder to modify the main menu...
    }
}

6:26 - UIBarAppearance

let appearance = UITabBarAppearance()
appearance.backgroundEffect = nil
appearance.backgroundColor = .blue

tabBar.scrollEdgeAppearance = appearance


let scrollView = ... // Content scroll view in your app
viewController.setContentScrollView(scrollView, for: .bottom)

11:31 - Creating a button with UIButton.Configuration

// Creating a button with UIButton.Configuration

var config = UIButton.Configuration.tinted()

config.title = "Add to Cart"
config.image = UIImage(systemName: "cart.badge.plus")
config.imagePlacement = .trailing
config.buttonSize = .large
config.cornerStyle = .capsule

self.addToCartButton = UIButton(configuration: config)

13:30 - Using a hierarchical color symbol

// Using a hierarchical color symbol

let configuration = UIImage.SymbolConfiguration(
    hierarchicalColor: UIColor.systemOrange
)

let image = UIImage(
    systemName: "sun.max.circle.fill",
    withConfiguration: configuration
)

19:30 - New UICollectionViewCell.configurationUpdateHandler closures

// New UICollectionViewCell.configurationUpdateHandler closures

let cell: UICollectionViewCell = ...

cell.configurationUpdateHandler = { cell, state in
    var content = UIListContentConfiguration.cell().updated(for: state)
    content.text = "Hello world!"
    if state.isDisabled {
        content.textProperties.color = .systemGray
    }
    cell.contentConfiguration = content
}

21:01 - Image display preparation

// Image display preparation

if let image = UIImage(contentsOfFile: pathToImage) {
    // Prepare the image for display asynchronously.
    Task {
        let preparedImage = await image.byPreparingForDisplay()

        imageView.image = preparedImage
    }
}

21:29 - Image thumbnailing

// Image thumbnailing

if let bigImage = UIImage(contentsOfFile: pathToBigImage) {
    // Prepare the thumbnail asynchronously.
    Task {
        let smallImage = await bigImage.byPreparingThumbnail(ofSize: smallSize)

        imageView.image = smallImage
    }
}

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