Xcode视图调试器

视图调试

使用视图调试器检查您的视图层次结构,可以轻松地判断视图位置、大小以及实现问题。

  • 在XCode中运行你的应用程序,在调试栏上点击“调试视图层次”按钮,进入视图调试器。


XCode停止你的应用程序,在调试导航栏中显示视图层次,并在主编辑器中显示一个交互式三维模型。



选择显示的窗口,在主编辑器中点击任何位置,按下鼠标键进行拖拽。视图会分解成三维层次,方便您查看视图层的等级划分和视图之间的关系。



左侧的滑动按钮允许你去调节视图间距,使得您能更方便地观察单个视图对象。右侧的滑动按钮允许你使用“从后到前”或者“从前到后”的方式,在一个复杂的视图层次中过滤出特定视图。

  • 在两个滑动按钮中间的是编辑器按钮

  • 点击裁剪按钮去显示在主编辑器中当前显示的实体被裁剪的内容。

  • 点击显示约束按钮去显示在主编辑器中当前选择的视图图层的自动布局约束。

注:尺寸检查能让你去核查尺寸和约束值。

  • 使用重置按钮让主编辑器中视图以标准方向显示。
  • 点击视图模式按钮去选择是否在主编辑器中显示视图内容、线框,以及内容。
  • 缩放控件组允许你去增加或减少显示倍数,或者显示标准大小。

:你也可以利用夹点手势在主编辑器上放大缩小。在编辑器窗口中使用两个手指拖拽手势滚动显示的视图。

在主编辑器上以像素为单位精确显示颜色和尺寸。

  • 在视图层次结构中选择一个视图实体,也是在编辑器中选择它,然后在核查栏中会显示出它的属性。在调式导航窗口中视图层次结构显示了每个视图与它父视图、子视图,以及兄弟视图之间的关系。


:在编辑栏中选择一个实体设置为次要选择集,那么它会用比较浅的颜色显示在视图层次结构上。主要的选择集会用深色高亮显示。这些不同选择集可以在复杂的视图层次关系中分出主要视图(在视图层次结构上选择的)与其他选择的视图(在编辑栏选择的)之间的关系。
  • 过滤栏在视图层次结构下面,它含有两个过滤按钮(默认是启用的)。左边的按钮是显示主要视图,即它过滤掉从系统视图实现的二次元素实体对象(不受应用控制的)。右边的按钮只显示可见视图,即它过滤掉应用程序使用视图属性隐藏的视图。

    在过滤栏中输入类型名能方便地过滤出视图。


  • 使用辅助编辑器设置自动模式去查看选定视图对象的源代码。

注:当一个自定义视图对象被选择时,辅助编辑器显示实现文件。当一个系统框架提供的视图对象被选择时,辅助编辑器显示接口文件。
  • 在调试栏上点击继续按钮退出视图调试器,然后继续运行你的应用程序在XCode中。




  • 3
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
源码FLEX,FLEX(Flipboard Explorer)是Flipboard官方发布的一组专门用于iOS开发的应用内调试工具,其主要开发者为Flipboard公司旗下的iOS工程师Ryan Olson。和许多调试工具不同的是,FLEX不仅能在模拟器和物理设备上良好运作,而且还可直接在App中运行,开发者无需将其连接到LLDB/Xcode或其他远程调试服务器。在调用FLEX时,应用窗口会显示一个工具栏,而在这个工具栏中,开发者可以对正在运行中的App的每一处状态进行查看或修改。 主要特性如下: 在层级中检查和修改视图; 可查看任意对象的属性和变量,并支持动态调整; 动态调用实例和类方法; 支持通过扫描堆来访问活动对象; 可在应用沙盒中查看文件系统; 直接在应用中检测所有类,以及链接的所有公、私有系统框架; 可快速访问[UIApplication sharedApplication]、应用委托以及关键窗口上的根视图控制器等所有可用对象; 支持动态查看和编辑NSUserDefaults值。 FLEX的使用方法也非常简单,在Github上,Flipboard详细列举了精简和完整两个版本的使用代码: 精简用法: //short version [[FLEXManager sharedManager] showExplorer]; 完整用法: //more complete version #if DEBUG #import "FLEXManager.h" #endif ... - (void)handleSixFingerQuadrupleTap:(UITapGestureRecognizer *)tapRecognizer { #if DEBUG if (tapRecognizer.state == UIGestureRecognizerStateRecognized) { // This could also live in a handler for a keyboard shortcut, debug menu item, etc. [[FLEXManager sharedManager] showExplorer]; } #endif }
### 回答1: 在Xcode中,view的navigator是一个用于浏览和管理UI界面中视图层次结构的面板。您可以使用该面板查看和编辑您的应用程序中的各种视图,例如标签、按钮、文本框等。您可以使用此面板添加、删除和重命名视图,以及更改它们的位置和大小。此外,您可以使用此面板轻松地查找和选择特定的视图,以便在代码中进行操作。 ### 回答2: Xcode是一个为开发者设计的集成开发环境(IDE),用于开发macOS、iOS、iPadOS和watchOS应用程序。在Xcode中,视图导航器是一个重要的功能,用于管理和组织应用程序的视图层次结构。 视图导航器可以让开发者方便地查看和编辑应用程序的视图层次结构。它通过一个层次化的结构展示应用程序中所有的视图和控制器。开发者可以通过查看视图导航器来了解应用程序中的视图关系、深入了解每个视图的属性和控制器以及进行视图的编辑和布局。 在视图导航器中,每个视图和控制器都以一个可展开的图标表示,并且以层次结构的方式展示它们之间的关系。例如,根视图控制器(Root View Controller)将是最顶层的视图控制器,其下面可以包含一个或多个子视图控制器。通过展开每个视图控制器,我们可以查看和编辑其包含的子视图以及它们之间的关系。 此外,视图导航器还提供了一些方便的功能,如快速搜索、筛选和编辑视图控制器。开发者可以通过搜索功能快速定位到特定的视图控制器,也可以使用筛选功能来过滤显示的视图控制器,以便更好地管理大型项目中的视图层次结构。 总之,Xcode中的视图导航器是一个强大且便捷的工具,可以帮助开发者管理和组织应用程序的视图层次结构。通过视图导航器,开发者可以快速定位和编辑应用程序中的视图和控制器,提高开发效率。 ### 回答3: 在Xcode中,view的navigator是一个非常有用的工具,它可以帮助我们对iOS应用程序的视图进行管理和组织。 首先,view的navigator以树形结构的形式显示应用程序的视图层次结构。在这个导航器中,我们可以看到每个视图的父视图和子视图,以及他们的层级关系。这样,我们可以更容易地理解应用程序的视图结构,并进行有效的导航和查找。 其次,view的navigator还提供了方便的视图编辑工具。我们可以使用导航器中的搜索功能来快速定位和选择特定的视图。我们还可以对视图进行重命名、调整大小、布局等操作,以便更好地满足应用程序的需求。 此外,view的navigator还有助于视图控制器之间的跳转和转换。我们可以通过拖动和放置来创建视图控制器之间的连接,并在导航器中看到它们之间的关系。这使得我们可以方便地对应用程序的导航流程进行可视化管理和调整。 最后,view的navigator还可以方便地查看和修改视图的属性和约束。我们可以通过点击视图,在属性检查器中查看和更改视图的属性,比如颜色、字体、背景等。我们还可以通过点击布局约束,在约束检查器中查看和修改视图的约束条件,以实现自适应和灵活的界面设计。 总之,Xcode中的view的navigator是一个强大而实用的工具,它能够帮助我们更好地管理和组织iOS应用程序的视图层次结构,并进行视图编辑、导航控制和布局约束的操作。使用这个导航器,我们可以更高效地开发和调试应用程序,提高开发效率和用户体验。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值