You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在当前Xcode的SwiftUI预览中查看选中视图的尺寸?

SwiftUI预览中查看视图尺寸的方法

当前版本的Xcode(如15及后续版本)依然能查看选中视图的尺寸,具体有几种实用方式:

  • 通过检查器面板查看:在SwiftUI预览界面选中目标视图,打开右侧的检查器面板(点击右上角ⓘ图标,或按下Command + Option + 0),在「尺寸」板块就能看到视图的宽高数值,包括固有尺寸和布局后的实际尺寸。

  • 添加临时调试视图实时显示:如果需要更直观的实时展示,可给目标视图加个overlay来显示尺寸,示例代码如下:

    Text("Hello World")
        .overlay {
            GeometryReader { proxy in
                Text("\(proxy.size.width) × \(proxy.size.height)")
                    .font(.caption)
                    .foregroundColor(.red)
            }
        }
    

    调试完成后删掉这段代码即可,不影响正式逻辑。

  • 借助调试布局工具:点击预览画布底部的「调试布局」按钮(带网格的方块图标),开启后会显示视图的布局边界,选中视图时检查器里的尺寸信息会更详细,还能看到间距、对齐等布局细节。

早期版本的部分可视化布局提示虽有调整,但核心的尺寸查看功能一直保留,只是入口或展示方式略有变化。

内容的提问来源于stack exchange,提问作者Lescai Ionel

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.04 08:57:00