iOS Xcode Debug View Hierarchy 查看视图层级结构

前言

我们难免会遇到接手别人项目的情况,让你去改他遗留的问题,想想都头大,😂可是也不得不面对。作为开发者只要让我们找到出问题的代码文件,我们就总有办法去解决它,那么如何快速定位问题对应的代码文件呢?今天分享一个Xcode的超实用工具 Xcode Debug View Hierarchy 通过这个工具,我们可以很方便地查看视图的层级结构,从而找到视图所对应的类文件。

进入视图层级结构模式

  1. 先将项目在模拟器或者真机上运行起来
  2. 再点击图中的按钮就可以进入 Debug View Hierarchy 模式

使用View Hierarchy

获取当前视图控制器

  1. 选中界面中的一个控件
  2. 鼠标右键弹出菜单
  3. 点击Reveal in Debug Navigator
  1. 会在调试导航器中 定位到当前控件的位置,再往上查看层级就可以找到它所属的控制器了。如下图所示:WaterFlowLayoutVC 便是当前视图的控制器

获取自定义的控件

同样的步骤,获取到当前控件的自定义类是:WaterFlowLayoutCell

打印自定义的控件类名

  1. 在导航栏中选择要获取的控件
  2. 鼠标右键展示菜单
  3. 选择打印描述 Printing description of

控制可视的层级

当面临复杂界面的时候,可以通过调节这里,将不需要的视图层关掉

结语

用好 Xcode Debug View Hierarchy 这个工具,不但可以帮我们快速找到控件所属的代码文件,它还能在我们日常的UI界面开发中帮我们排查视图层级所引起的布局问题。


感谢您的阅读和参与,HH思无邪愿与您一起在技术的道路上不断探索。如果您喜欢这篇文章,不妨留下您宝贵的赞!如果您对文章有任何疑问或建议,欢迎在评论区留言,我会第一时间处理,您的支持是我前行的动力,愿我们都能成为更好的自己!

相关推荐
QuantumLeap丶7 小时前
《Flutter全栈开发实战指南:从零到高级》- 09 -常用UI组件库实战
flutter·ios·dart
2501_915918418 小时前
App 上架苹果商店全流程详解 从开发者账号申请到开心上架(Appuploader)跨平台免 Mac 上传实战指南
macos·ios·小程序·uni-app·objective-c·cocoa·iphone
2501_916007479 小时前
从零开始学习iOS App开发:Xcode、Swift和发布到App Store完整教程
android·学习·ios·小程序·uni-app·iphone·xcode
Pluto53813 小时前
第一个app产品的迭代
ios·github
2501_9159214314 小时前
iOS 26 CPU 使用率监控策略 多工具协同构建性能探索体系
android·ios·小程序·https·uni-app·iphone·webview
狂团商城小师妹14 小时前
JAVA国际版同城打车源码同城服务线下结账系统源码适配PAD支持Android+IOS+H5
android·java·ios·小程序·交友
游戏开发爱好者814 小时前
iOS 应用逆向对抗手段,多工具组合实战(iOS 逆向防护/IPA 混淆/无源码加固/Ipa Guard CLI 实操)
android·ios·小程序·https·uni-app·iphone·webview
大熊猫侯佩15 小时前
Swift 6.2 列传(第一篇):主线 Actor 的 “独尊令”
xcode·actor·swift 6.2·数据竞争·mainactor·swift evolution·isolated
00后程序员张15 小时前
iOS 文件管理与导出实战,多工具协同打造高效数据访问与调试体系
android·macos·ios·小程序·uni-app·cocoa·iphone
AirDroid_cn1 天前
在 iOS 18 中,如何将锁屏底部的 “手电筒” 替换为其他应用?
ios