如何在当前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
相关产品推荐
相关产品推荐

