更新你的 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上的标签栏现在悬浮在内容上方,并支持滚动最小化功能以优化内容浏览体验。

// 设置标签栏滚动最小化行为
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
]

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

// 设置标题和副标题
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提供了全面的工具支持新设计系统的适配。开发者应:

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

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

相关资源

相关视频

了解 Liquid Glass
了解全新设计系统
让你的 UIKit App 更加灵活
UIKit 的新功能
提升 iPadOS 中的标签页和边栏使用体验
提升 UI 动画和过渡效果

文档

采用 Liquid Glass
人机界面指南