利用Cocoa Layout Instrument檢視自動布局

作者：Pouria Almassi 2015-11-05 11:20:45

前段時間，MarkD跟我們探討了Instruments里面很多有用的診斷工具，比如TimeProfiler和Energy Diagnostics template。同理，在這里我將提供一個Cocoa布局工具（CocoaLayoutInstrument）的綜述。

[[154997]]

為了有助于探索，這里我創(chuàng)建了一個簡單的示例。這是一個利用AutoLayout來布局UICollectionView以及其UICollectionViewCell內(nèi)容的iPhone應用。這里下載帶有跟蹤輸出的示例工程，下面開始。

CocoaLayoutInstrument可以應用于iOS模擬器和Cocoa桌面應用，但是不能和連接的iOS設備一起使用。CocoaLayoutInstrument提供了一個與NSLayoutConstraint類的實例有關的所有事件的時間軸，這一點和回溯（backtrace）很像。蘋果在AnalysisTools相關的文檔中介紹了該工具。

怎樣啟動Instrument？

執(zhí)行下面的步驟，開啟CocoaLayoutInstrument

1.打開示例工程

2.選擇Product>Profile(快捷鍵)

3.選擇Cocoa布局模板

4.Instruments窗口將會顯示出來并且為暫停狀態(tài)，點擊左上角紅色的記錄按鈕()

5.滑動圖片，然后點擊暫停按鈕結(jié)束事件的記錄。

在這篇文章的余下部分中，為了instructions和結(jié)果適配，我將使用我提供的回溯。跟我一樣的話，請打開cocoa-layout-instrument.trace文件。

在這里能看到什么？

時間軸下面的行所列出的一連串事件詳情，如下圖所示，統(tǒng)稱為NSLayoutConstraint對象的影響。所有的影響事件都按時間順序列出，***的事件在***部。每個事件包含了以下信息：

Caller：哪一個類和方法觸發(fā)了一個約束的改變
Constraint：這一欄是回溯(trace)真正的血肉組成。通過約束(Constraint)的內(nèi)存地址或者通過標識符屬性（如果可用的話），你能夠辨別出哪個約束被影響了。Constraint欄也包含了VFL字符串，這個字符串闡述了坐標軸所對應的約束線和約束定義的關系。
Constant：定義約束的常量值。
Event：詳細說明某個約束被加載了什么樣的操作。這個約束可能被創(chuàng)建，移除，或者添加到window上面了，或者屬性例如標識符（identifier）被修改或者移除了。這些改變事件包括：

①創(chuàng)建

②添加到窗口

③常量修正

④標識符改變

⑤從窗口移除

過濾過的事件列表和時間軸

首先，過濾列表，獲取你感興趣的內(nèi)容。在右上角文本框標出記錄的數(shù)據(jù)（RecordedData），鍵入0x7ff4e948dce0和0x7ff4e948d6e0。當然你的內(nèi)存地址會不同，這里使用你看到的地址。有趣的是，這個文本框只過濾VFL字符串和內(nèi)存地址。

現(xiàn)在的列表是這些我們想要的約束，讓我們看一下列表的***個事件，從第0行開始，(_:attribute:relatedBy:toItem:attribute:multiplier:constant:)方法創(chuàng)建了一個約束。在列表的約束行，你可以看到構(gòu)成這個約束的關系（relationship）和屬性（attributes），UILabel:0x7ff4e948dce0.leading==UIImageView:0x7ff4e948d6e0.leading.意思是，這個UILabel的對象頂邊和這個UIImageView的頂邊相等。在實現(xiàn)部分，隨著這個約束的創(chuàng)建，它的標識符屬性馬上會被設定。回溯里面輸出的記錄是一個事件：標識符屬性變?yōu)閟ubtitleLeadingConstraint。

除了通過內(nèi)存地址或者約束值來過濾之外，你還可以關注事件的一個子集。點擊水平拖動時間表至頂部，來指定事件的一個特定的時間范圍，如上圖所示。和其他的工具集類似，你會發(fā)現(xiàn)拖動左邊的追蹤范圍滑塊來放大堆棧深度（StackDepth），以一窺時間軸上更細時間尺度的事件。