Documentation Archive


Xcode Overview

Examining the View Hierarchy

Click the Debug View Hierarchy button (image: ../art/IB_Debug_ViewDebug_2x.png) in the bar at the top of the debug area to inspect a 3D rendering of the view hierarchy of your paused app. You can:

  • Rotate the rendering by clicking and dragging in the canvas.

  • Increase or decrease the spacing between the view layers using the slider on the lower left.

  • Change range of visible views using the double ended slider on the lower right. Move the left handle to change the bottommost visible view. Move the right handle to change the topmost visible view.

  • Reveal any clipped content of the selected view by clicking the Show clipped content button (image: ../art/IB_ViewDebug_ShowClipped_2x.png).

  • Reveal any Auto Layout constraints of the selected view by clicking the Show constraints button (image: ../art/IB_ViewDebug_ShowConstraints.png).

  • Increase and decrease the magnification using the Zoom In (+) and Zoom Out (-) buttons.

image: ../art/IB_ViewDebugging_2x.png

For more help debugging views, see Debugging View Hierarchies.