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

相关推荐

  1. MongoDB 多层级查询

    2024-05-12 06:38:11       23 阅读
  2. Android14 WMS-DisplayArea层级结构生成

    2024-05-12 06:38:11       47 阅读
  3. 存储器的层次结构

    2024-05-12 06:38:11       30 阅读
  4. PCB的层叠结构

    2024-05-12 06:38:11       22 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-05-12 06:38:11       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-05-12 06:38:11       106 阅读
  3. 在Django里面运行非项目文件

    2024-05-12 06:38:11       87 阅读
  4. Python语言-面向对象

    2024-05-12 06:38:11       96 阅读

热门阅读

  1. 重新认识Flutter跨平台技术(上)

    2024-05-12 06:38:11       28 阅读
  2. ElasticSearch详解

    2024-05-12 06:38:11       30 阅读
  3. TensorFlow 的基本概念和使用场景。

    2024-05-12 06:38:11       30 阅读
  4. 【图像畸变校正】

    2024-05-12 06:38:11       37 阅读
  5. ES 7.0.0 升级 7.1.0,离线升级

    2024-05-12 06:38:11       28 阅读
  6. 等保测评安全物理环境测评讲解

    2024-05-12 06:38:11       29 阅读