本文將演示如何在程式執行期間，檢視模擬器各介面元素的層次順序。

在專案導航區，開啟檢視控制器的程式碼檔案【ViewController.swift】

 1 import UIKit
 2  
 3  class ViewController: UIViewController {
 4     
 5     override func viewDidLoad() {
 6         super.viewDidLoad()
 7         // Do any additional setup after loading the view, typically from a nib.
 
 8         
 9         //初始化第一個位置在(20,80),尺寸為(100,100)的檢視物件
10         let view1 = UIView(frame: CGRect(x: 20, y: 80, width: 100, height: 100))
11         //設定檢視的背景顏色為黑色
12         view1.backgroundColor = UIColor.black
13         
14         //初始化第二個位置在(20,80),尺寸為(150,150)的檢視物件
15         //從其位置和尺寸資訊可以看出，第二個檢視將遮擋第一個檢視，導致第一個檢視不可見
 

16         let view2 = UIView(frame: CGRect(x: 20, y: 80, width: 150, height: 150))
17         //設定檢視的背景顏色為紫色
18         view2.backgroundColor = UIColor.purple
19         
20         //初始化第三個位置在(20,80),尺寸為(200,200)的檢視物件
21         //從其位置和尺寸資訊可以看出，第三個檢視將遮擋前兩個檢視
22         let view3 = UIView(frame: CGRect(x: 20
 
, y: 80, width: 200, height: 200))
23         //設定檢視的背景顏色為橙色
24         view3.backgroundColor = UIColor.orange
25         
26         //將三個檢視物件，依次新增到當前檢視控制器的根檢視
27         self.view.addSubview(view1)
28         self.view.addSubview(view2)
29         self.view.addSubview(view3)
30     }
31     
32     override func didReceiveMemoryWarning() {
33         super.didReceiveMemoryWarning()
34         // Dispose of any resources that can be recreated.
35     }
36  }

點選程式碼編輯視窗左下角，第四個圖示【除錯檢視層級】，

進入檢視層級除錯導航面板。

在當前視窗中，檢視介面所有元素的層級關係。

點選【+】或【-】可以放大或縮小當前檢視。

點選【=】使檢視按100%的比例進行顯示。

左起第四個按鈕，可以調整畫布的背景顏色。

點選左起第三個按鈕，【調整檢視模式】按鈕，彈出檢視模式列表。

在【邊框模式中】：可以到其他被遮擋的檢視的邊框。

左起第五個按鈕，點選【切換至三維模式】，將除錯檢視切換至三維模式。

在調整檢視間距的左側滑桿上，向右拖動滑塊，增加檢視在三維環境中的距離。

在調整檢視間距的右側滑桿上，向左拖動右側滑塊，將從前至後，依次隱藏介面元素。

在調整檢視間距的右側滑桿上，向右拖動右側滑塊，將從後至前，依次顯示介面元素。

在調整檢視間距的右側滑桿上，向右拖動左側滑塊，將從後至前，依次隱藏介面元素。

在調整檢視間距的右側滑桿上，向左拖動左側滑塊，將從前至後，依次顯示介面元素。