SwiftUI 5.0（iOS 17.0，macOS 14.0+）新 Inspector 辅助视图之趣味漫谈

news2024/12/23 20:39:31

在这里插入图片描述

概览

在 SwiftUI 开发中，苹果为我们提供了多种辅助视图用来显示额外信息从而极大丰富了应用的表现力，比如：Alert、Sheet、ContextMenu 等等。

在这里插入图片描述

从 SwiftUI 5.0（iOS 17+）开始， 又增加了一种全新的辅助视图：Inspector。

在本篇博文中，您将学到如下内容：

概览
1. Inspector 视图简介
2. Inspector 在不同平台上的表现
3. 对 Inspector 进一步精细控制
4. Inspector 在 iPad 横屏、竖屏以及 Mac 上的细微差别
5. 利用快捷键在 Mac 上弹出 Inspector
总结

相信学完本课后，小伙伴们即可充分利用 Inspector 在不同平台卓越的兼容性和灵动性让自己的 App 更加神采飞扬。

闲言少叙，让我们马上开始 Inspector 大冒险吧！

Let‘s go！😉

1. Inspector 视图简介

Inspector 是 SwiftUI 5.0 推出了一款新的辅助视图，我们可以使用 inspector 修改器方法来弹出它：

在这里插入图片描述

Inspector 可以非常方便的被用来显示 App 当前视图中的额外辅助信息，比如主视图列表中某一用户或产品对象的详细内容。

Inspector 一个非常 Nice 的地方是它在不同平台那极具常灵活的适配性。它可以根据不同设备的屏幕、屏幕的不同旋转方向因地制宜的自动采用不同的策略来展现自己，而这些都无需我们自己写哪怕半行代码。

2. Inspector 在不同平台上的表现

在 SwiftUI 中我们使用 Inspector 可以说是简单的不要不要的：

struct InspectorView: View {
   
    let name: String
    
    var body: some View {
   
        Form {
   
            Section("Sketch") {
   
                
                HStack {
   
                    Spacer()
                    Image("bjt")
                        .resizable()
                        .aspectRatio(contentMode: .fit)
                        .frame(width: 100, height