[自我修煉活動][WPF][1]認識 WPF 視窗應用程式

  • 25797
  • 0
  • 2010-08-19

[自我修煉活動][WPF][1]認識 WPF 視窗應用程式

 

點部落活動 : VS2010/.NET 4.0系列書籍贈書自我修煉活動 

書籍 : Visual C# 2010與 UML 開發實戰 作者 : 張書源

 

課程目標

建立 WPF 應用程式,並且設定表單屬性與建立事件

 

WPF (Windows Presentation Foundation) 應用程式

WPF 是從 .NET Framework 3.0 後微軟提供新一代應用程式,比起 Windows Form 應用程式,提供更豐富、更具互動性的使用者介面,而在 WPF 4 更提供 Windows 7 和 Windows Vista 樣式的外觀和操作。WPF 使用 XAML (Extensible Application Markup Language) 可延伸應用程式標記語言,利用 XAML 標記建立視覺上可以看到的使用者介面項目,提供 3D 向量圖、動畫等支援能力,並可在開發程序中支援不同工具和角色之間的來源交換,不會造成資訊遺失,例如在 Visual Studio 和 Microsoft Expression Blend 之間交換 XAML 來源。

附註 : 關於 XAML 可參考 [MSDN - XAML 概觀] 有詳細說明。關於 WPF 4 新功能可參考 [MSDN - WPF 4 版的新功能]。

 

建立 WPF 應用程式

開啟 Visual Studio 2010

image

在上方工具列按 [檔案] / [新增] / [專案]

image

此時出現 [新增專案] 視窗,參考以下步驟建立 WPF 應用程式

1. 在左邊窗格選擇專案範本 [已安裝的範本] / [Visual C#] / [Windows]

2. 選擇 .NET Framework 版本,您可以根據客戶環境,或先前專案使用版本做選擇,假如是新專案,建議使用 .NET Framework 4.0 使用 WPF 4 的新功能

3. 選擇 [WPF 應用程式]

4. 輸入專案名稱與位置,按 [瀏覽] 按鈕可以選取儲存位址

5. 按 [確定] 按鈕建立 WPF 應用程式

image

建立 WPF 應用程式完成

image

  

表單屬性

在 WPF 表單中,與 Windows Form 應用程式最大不同點,在於使用者介面的屬性或動作效果,都是透過 XAML 做定義,因此我們可以直接在 XAML 做設定,或者像傳統的方式,藉由 [屬性] 視窗設定物件的屬性。

image

附註 : 除非很熟悉 XAML 語法,否則請儘量使用 [屬性] 視窗做設定。 

假如找不到屬性視窗,您可以在物件上,按滑鼠右鍵,選擇 [屬性],或者使用 F4 快速鍵,也可以在功能表中,選擇 [檢視] / [屬性視窗]。

image

在 [屬性] 視窗中,分成以下幾個部分 :

image

1. 物件名稱 : 表單、或者表單上的控制項名稱

2. 工具列 :

image  從左到右分別是 [以屬性特性做分類排序]、[以屬性名稱字母排序]、[以屬性資源群組排序]

image 分為 [屬性] 與 [事件] 索引標籤,按下 [屬性] 時在屬性區域顯示的是控制項的相關屬性,按下 [事件] 時則是控制項的相關事件

3. 屬性 : 顯示與設定屬性 

以下列舉 WPF 表單屬性,詳細表單屬性請參考 [MSDN - Window 屬性]

屬性

說明

Name取得或設定項目的識別名稱
Title取得或設定視窗的標題
ResizeMode設定表單是否可以由使用者調整大小
WindowsStartLocation決定表單執行時出現的位置
WindowState取得或設定表示視窗為已還原、最小化還是最大化狀態
WindowStyle取得或設定視窗的框線樣式
Width取得或設定項目的寬度
Height取得或設定建議的項目高度
Background取得或設定描述控制項背景的筆刷

 

表單事件

事件可讓類別或物件在某些相關的事情發生時,告知其他類別或物件。例如改變表單狀態、使用滑鼠點選表單,使用鍵盤在表單輸入資料,此時應用程式會將這些操作動作回傳給程式,通知程式觸發相對應的[事件]。當特定狀況發生時,可以撰寫程式加以處理,稱為 [事件處理常式]。

在 Visual Studio 2010 提供兩種產生事件的方式 :

1. 在 [設計] 視窗上,在物件上使用滑鼠左鍵雙擊,會自動進入 [程式碼編輯] 視窗,並且自動產生該物件 [預設] 的事件處理常式

2. 在 [屬性] 視窗上,image切換到 [事件] 索引標籤,在要加入的事件處理常式,用滑鼠左鍵雙擊,即可建立該事件處理常式。

 image 

 

作業

請建立一 WPF 專案,並且設定表單背景顏色為藍色,長度與寬度為 100,並且在表單開始執行時,設定表單標題顯示當時時間日期 DataTime.Now