Reveal UI 分析工具簡單使用

作用:

在 iOS 開發中,我們有時很希望有一款類似 Web 開發中的 UI Debug 工具(例如:Firebug),讓我們能夠實時查看 UI 的結構,還可以實時更改某個 UIView 的位置和大小的相關屬性值查看效果。這裏我們發現原來真有這麼一款強大的工具存在,他就是 Reveal。(雖然現在的 Xcode 版本有「Capture View Hierarchy」功能,但支持的功能還只是基礎的查看 UI 結構,對比 Reveal 來說,就顯得遜色多了)。

這裏介紹 Reveal UI 分析工具的簡單使用,至於使用他分析手機 App 的做法,可查看如下文章:

使用步驟:

(1)安裝好 Reveal 後,我們使用 Xcode 創建一個名爲「RevealTest」的工程

blob.png

blob.png

(2)爲「RevealTest」的工程添加「Reveal framework」;打開 Reveal 工具的 Help 菜單找到「Reveal framework」對應的路徑,然後直接拖動他到我們的工程上,這時會彈出對話框,記得勾選「Copy items if needed」

blob.png

blob.png

blob.png

blob.png

(3)爲「RevealTest」的工程的「Build Settings」下的「Other Linker Flags」添加「Any iOS Simulator SDK」項,對應的值爲「-ObjC」

blob.png

(4)這時運行工程,出現報錯,報錯內容爲如下,這時我們需要引入「libz.dylib」庫,然後重新運行工程

Undefined symbols for architecture x86_64:

"_deflate", referenced from:

-[IBAHTTPJSONResponse initWithJSONString:compress:] in Reveal(IBAHTTPJSONResponse.o)

"_deflateEnd", referenced from:

-[IBAHTTPJSONResponse initWithJSONString:compress:] in Reveal(IBAHTTPJSONResponse.o)

"_deflateInit2_", referenced from:

-[IBAHTTPJSONResponse initWithJSONString:compress:] in Reveal(IBAHTTPJSONResponse.o)

blob.png

blob.png

blob.png

(5)這時工程運行成功,提示「Reveal Server started (Protocol Version 18).」,這時就可以打開 Reveal 工具進行玩耍了

blob.png

(6)打開 Reveal 工具,左上角選中我們的「RevealTest」工程,然後就可以查看工程內 UI 的結構了。更強大的功能,請查閱更多網絡資料,慢慢摸索

blob.png

blob.png


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章