SwiftUI 5.0(iOS 17.0,macOS 14.0+)新 Inspector 辅助视图之趣味漫谈

在这里插入图片描述

概览

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

在这里插入图片描述

从 SwiftUI 5.0(iOS 17+)开始, 又增加了一种全新的辅助视图: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

相关推荐

  1. 面试经典150题(50-53)

    2024-05-04 05:58:03       35 阅读
  2. IOS面试题object-c 146-150

    2024-05-04 05:58:03       19 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-05-04 05:58:03       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-05-04 05:58:03       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-05-04 05:58:03       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-05-04 05:58:03       20 阅读

热门阅读

  1. 预编码算法学习笔记

    2024-05-04 05:58:03       9 阅读
  2. Multi-Thread TCP Server & Client

    2024-05-04 05:58:03       10 阅读
  3. ElasticSearch安装和可视化安装

    2024-05-04 05:58:03       10 阅读
  4. 如何看待AIGC技术?【模板】

    2024-05-04 05:58:03       10 阅读
  5. python和R对比记忆

    2024-05-04 05:58:03       10 阅读
  6. Vue 2 组件创建全指南:一步一步学习

    2024-05-04 05:58:03       13 阅读
  7. NLP自然语言处理和应用场景介绍

    2024-05-04 05:58:03       7 阅读
  8. react 列表渲染 key解析和 vue的key解析的底层逻辑

    2024-05-04 05:58:03       14 阅读
  9. C++11 设计模式6. 建造者模式,也叫做生成器模式

    2024-05-04 05:58:03       11 阅读