首頁面佈局設計

XAML（Extensible Application Markup Language），可擴充套件應用程式標記語言的使用使得C#桌面應用程式開發前後端實現真正分離。前端人員可使用該標記語言定義軟體的外觀，樣式與佈局。使得程式開發人員更加專注於業務邏輯功能程式設計。本文主要透過案例專案首頁面設計描述對XMAL頁面佈局進行簡單說明。

XAML頁面佈局技術

XAML本質與XML（可標記擴充套件語言）類似，它有著HTML的外觀，又揉合了XML語法的本質。即可透過標記實現對頁面元素進行定義與描述。實現如上效果頁面佈局所涉及到的標記主要描述如下：

1.DockPanel標記：該標記支援元素停留在整個視窗內容區域指定位置，本例中我們的選單項與status狀態項均使用DockPanel標記使之停留在頂部與底部。

2.grid標記：該標記主要使用網格實現頁面佈局劃分，透過使用Row行與Column列實現頁面網格定義，在定義好的網格中再去新增對應元素；

3.Menu標記：該標記為選單標記，用於定義選單及選單項；其中MenuItem為選單項，選單項支援巢狀；

4.StatusBar標記：該標記為狀態列目標記，用於呈現程式底部狀態列；

專案例項程式碼

使用XAML標記語言進行頁面設計，需要在專案對應窗體頁面檔案中找到副檔名為xaml的檔案，其根元素為Window，在該標記下進行頁面元素定義與佈局。

本例首頁面佈局適用DockPanel元素進行佈局，因此最外層元素為DockPanel元素，如下所示：

整體頁面佈局程式碼

整體頁面佈局程式碼如上圖所示，透過該佈局程式碼可知，頁面內容主要包括menu（選單），StatusBar（狀態列）與Gird（用於背景佈局）三部分所組成。

Menu部分主要用於實現軟體選單項設計，本例設計選單描述如下：

專案首頁選單設計

程式Main主頁面設計選單一級目錄包括教師管理、人才培養方案管理及科研大賽等10類選單項。透過選單元素巢狀進一步設計各選單項子元素。如教學任務管理子選單設計描述如下：

子選單定義

狀態列佈局程式碼

本例最後一部分為視窗整體背景部分，主要使用Grid.Background屬性進行設定，實現程式碼如下：

頁面背景部分程式碼

以上給出軟體Main頁面主要佈局與元素定義，測試執行效果如下圖所示：

測試執行效果