WPF 中的 XAML

• • Extensible Application Markup Language (XAML) 是一種用于聲明性應(yīng)用程序編程的標記語言。Windows Presentation Foundation (WPF) 實現(xiàn) XAML 處理器實現(xiàn)并提供 XAML 語言支持。WPF 類型的實現(xiàn)為 XAML 表示提供了必要的類型支持，從而確保了順暢的集成和高效的運行。在 XAML 標記中創(chuàng)建 WPF 應(yīng)用程序 UI 是最常用的方法之一，它提供了強大的可視化和代碼分離功能，使得 UI 設(shè)計更加直觀和高效。通過 XAML，你可以定義各種 UI 元素、布局和樣式，并利用數(shù)據(jù)綁定和事件處理等功能來增強應(yīng)用程序的交互性。

什么是 XAML

• • XAML（eXtensible Application Markup Language）是一種標記語言，由微軟公司開發(fā)并用于構(gòu)建WPF（Windows Presentation Foundation）應(yīng)用程序的用戶界面。XAML提供了一種易于擴展和定位的語法，用于定義應(yīng)用程序的界面元素和布局。通過XAML，開發(fā)者可以以聲明式的方式創(chuàng)建用戶界面，即直接描述界面的外觀和行為，而不是使用編程語言來編寫界面邏輯。XAML文件通常具有.xaml擴展名，并可以獨立于代碼運行。XAML簡化了WPF應(yīng)用程序的開發(fā)過程，使界面設(shè)計和代碼實現(xiàn)更加清晰和分離。在XAML中，你可以使用元素標簽來定義界面元素，如按鈕、文本框和布局容器等，并使用屬性來設(shè)置元素的外觀、屬性和行為。XAML可以直接在Visual Studio等集成開發(fā)環(huán)境中編輯和運行，也可以通過工具如Blend for Visual Studio進行設(shè)計和交互式測試。

• • XAML 文件是通常具有 .xaml 擴展名的 XML 文件，它的編碼通常為UTF-8 編碼。

//  創(chuàng)建一個按鈕 ui<StackPanel>  <Button Content="點擊我"/></StackPanel>

XAML 語法

XAML 對象元素

• • 該類型的定義位于使用XAML作為編程語言的程序集中。XAML對象元素語法（與Html標簽很相似）以尖括號 (<>) 開始，緊接著是實例化對象的類型名稱（該名稱可能包含前綴，稍后將詳細解釋）。此外，可以選擇聲明該對象的特性。最后，對象元素標記以尖括號 (>) 結(jié)束。另一種形式是自結(jié)束標記，即尖括號 (/>)，用于不包含任何內(nèi)容的元素。

// 例如以下標記片段 ，有兩個對象元素// 一個StackPanel中間含有內(nèi)容，后面有一個結(jié)束標記,另外一個Button 是以 尖括號(/>) 結(jié)束// 對象元素 StackPanel 和 Button 各映射到一個類名，該類由 WPF 定義并且屬于 WPF 程序集。<StackPanel>  <Button Content="點擊我"/></StackPanel>

XAML 對象元素屬性

• • 在XAML對象中大部分屬性都為相關(guān)屬性。相關(guān)屬性表示有兩種方式。

• • 第一種：是以屬性名后跟賦值運算符(=)。屬性值必須指定為包含在引號中的字符串。

// 例如以下創(chuàng)建一個紅色字體和藍色背景的按鈕，指定為 Content 的顯示文本// 這種方式都是以(屬性名=屬性值)方式<Button Background="Blue" Foreground="Red" Content="這是按鈕"/>

• • 第二種：當有些情況下第一種方式無法很好的完成某些效果時，這時候必須要用第二種屬性元素語法來完成。屬性元素的開始標記語法為 <TypeName.PropertyName>，其中 TypeName 是屬性的類型，PropertyName 是屬性的名稱。屬性元素的內(nèi)容通常是該類型的對象元素，該元素會被用作屬性的值。屬性元素必須以結(jié)束標記 </TypeName.PropertyName> 結(jié)束。

// 例如 第一種方式實現(xiàn)的按鈕，用第二種方式實現(xiàn)<Button>  <Button.Background>    <SolidColorBrush Color="Blue"/>  </Button.Background>  <Button.Foreground>    <SolidColorBrush Color="Red"/>  </Button.Foreground>  <Button.Content>    這是按鈕  </Button.Content></Button>