使用全新设计系统构建 UIKit App

2025-06-10

更新你的 uikit app，以便充分利用全新设计系统。我们将深入探索标签视图、分屏浏览、栏、演示文稿、搜索和控制项等方面的主要变化，并向你展示如何在自定 ui 中使用 liquid glass。为了充分从这个视频中获益，建议你先观看“了解全新设计系统”以获取一般性设计指导。

视频封面
视频地址

此文章由AI生成，可能存在错误，如有问题，请联系djs66256@163.com

使用全新设计系统构建 UIKit 应用

iOS 26引入了名为Liquid Glass的全新设计系统，为UIKit应用带来了显著的视觉和交互体验提升。本文将详细介绍如何将现有UIKit应用适配到这一新设计系统，涵盖从基础控件到自定义UI的各个方面。

设计系统概览

Liquid Glass是iOS 26的核心设计语言，其特征是半透明、灵动的玻璃质感效果。系统级UIKit组件如标签栏、导航栏等已全面更新为新设计风格，开发者仅需使用新SDK重新编译应用即可自动获得这些改进。

为获得最佳实践指导，建议先观看”了解Liquid Glass”和”使用Liquid Glass设计系统进行设计”等参考视频。

标签视图与分屏浏览的更新

UITabBarController和UISplitViewController已全面采用Liquid Glass设计语言。iPhone上的标签栏现在悬浮在内容上方，并支持滚动最小化功能以优化内容浏览体验。

1 2	// 设置标签栏滚动最小化行为 tabBarController.tabBarMinimizeBehavior = .onScrollDown

标签栏上方可添加补充视图，如音乐应用的迷你播放器。这些补充视图会随着标签栏最小化而自动调整布局。

// 创建底部补充视图
let nowPlayingView = NowPlayingView()
let accessory = UITabAccessory(contentView: nowPlayingView)
tabBarController.bottomAccessory = accessory

iPad上的边栏设计也采用了类似风格，通过UIBackgroundExtensionView可以实现边栏下方显示内容的高级视觉效果。

导航栏与工具栏的改进

导航栏和工具栏在新系统中采用透明玻璃质感设计，悬浮在内容上方。系统自动将工具栏按钮按视觉特征分组，每组共享玻璃背景。

// 自定义按钮分组
navigationItem.rightBarButtonItems = [
    doneButton,
    flagButton,
    folderButton,
    infoButton,
    .fixedSpace(0),
    shareButton,
    selectButton
]

导航栏现在支持更丰富的标题显示选项，包括副标题和大标题副标题视图。

1
2
3

// 设置标题和副标题
navigationItem.title = "收件箱"
navigationItem.subtitle = "49 未读"

呈现效果与搜索体验

系统呈现效果也更新为Liquid Glass风格，包括动态缩放过渡动画。操作表单现在锚定在源视图上方，提供更自然的交互体验。

// 从工具栏按钮变形表单
viewController.preferredTransition = .zoom { _ in 
     folderBarButtonItem
}

搜索功能得到显著改进，提供更紧凑的布局和更多放置选项。

// 将搜索栏放置在工具栏
toolbarItems = [
    navigationItem.searchBarPlacementBarButtonItem,
    .flexibleSpace(),
    addButton
]

控件更新与自定义效果

标准控件如按钮、滑块等都重新设计了外观。按钮现在支持玻璃质感样式配置。

// 标准玻璃质感
button.configuration = .glass()

// 突出显示玻璃质感
tintedButton.configuration = .prominentGlass()

开发者还可以在自定义UI元素中应用Liquid Glass效果，创建与系统风格一致的视觉体验。

// 为自定义视图应用玻璃效果
let effectView = UIVisualEffectView()
addSubview(effectView)

let glassEffect = UIGlassEffect()
UIView.animate {
    effectView.effect = glassEffect
}

适配建议与总结

UIKit提供了全面的工具支持新设计系统的适配。开发者应：

使用Xcode 26构建应用
逐屏审查界面元素
考虑用标准控件替代自定义实现
巧妙运用Liquid Glass突出特色功能

通过系统提供的API，开发者可以轻松为应用带来现代化的视觉体验，同时保持与iOS生态的一致性。

苍耳