檢視WPF 應用程式XAML結構DOM樹

2022-03-11 14:12:18 字數 802 閱讀 1541

當我們看到一些設計新穎的**時,可以借助瀏覽器自帶的inspector 工具或外掛程式方便的瀏覽**布局結構及邏輯。如果是wpf 應用程式能否看到控制項的架構方式呢?本篇將介紹兩款工具snoop 和wpf inspector 可用來窺探wpf 應用程式內部結構。

(一)snoop

接下來開啟wpf應用程式,點選「重新整理」按鍵即可看到snoop 已經捕獲到如下圖示。

點選「snoop」(望遠鏡)按鍵,進入snoop 捕獲介面。與ie8 中的developer tools 效果相同,在左側控制項樹列表中選擇的內容會通過紅色邊框體現在wpf 應用程式中。瀏覽wpf 程式控制元件屬性,同時可以設定斷點進行debug。比較欣賞snoop 的乙個功能是2d/3d 結構顯示效果,點選工具欄中的「放大鏡」按鍵即可瀏覽,這樣看起來控制項結構是不是形象了很多。

xaml**

crazyelephant.client.snoop"

xmlns=""

xmlns:x=""

title="snoop" height="300" width="300">

測試snoop1" height="30" width="100" click="button_click">

測試snoop2" height="30" width="100">

XAML開發入門之建立XAML應用程式

現在通過乙個完整的步驟來建立並生成上述的wpf程式,以便你可以快速地進入學習xaml的歷程。3 現在我們要使用msbuild將這些檔案生成乙個wpf程式,為此,我們可以通過 開始 所有程式 microsoft windows sdk cmd 開啟msbuild控制台視窗,預設狀態我們所處目錄是win...

XAML開發入門之建立XAML應用程式

現在通過乙個完整的步驟來建立並生成上述的wpf程式,以便你可以快速地進入學習xaml的歷程。3 現在我們要使用msbuild將這些檔案生成乙個wpf程式,為此,我們可以通過 開始 所有程式 microsoft windows sdk cmd 開啟msbuild控制台視窗,預設狀態我們所處目錄是win...

XAML開發入門之建立XAML應用程式

現在通過乙個完整的步驟來建立並生成上述的wpf程式,以便你可以快速地進入學習xaml的歷程。3 現在我們要使用msbuild將這些檔案生成乙個wpf程式,為此,我們可以通過 開始 所有程式 microsoft windows sdk cmd 開啟msbuild控制台視窗,預設狀態我們所處目錄是win...