實(shí)例教程系列對(duì)象和屬性

1、在前一篇已經(jīng)介紹XAML概念：“XAML語言是Extensible Application Markup Language的簡(jiǎn)稱，英文發(fā)音是“zammel”，中文稱為“可擴(kuò)展應(yīng)用程序標(biāo)記語言”，該語言是基于Extensive Markup Language（XML）可擴(kuò)展標(biāo)記語言，主要用于Silverlight，WPF,Windows Phone以及Windows 8應(yīng)用開發(fā)，并且用于描述.Net層次型結(jié)構(gòu)對(duì)象。” 換句話說，XAML不僅可被用于多種平臺(tái)應(yīng)用UI設(shè)計(jì)，而且可以使用層次型結(jié)構(gòu)描述一個(gè)對(duì)象，這樣使UI開發(fā)更加規(guī)范，設(shè)計(jì)工具的統(tǒng)一，使得開發(fā)人員和設(shè)計(jì)人員之間無縫結(jié)合，項(xiàng)目開發(fā)流程更佳

2、規(guī)范和順暢。 XAML是一種敏感型，聲明性語言，對(duì)于字符大小寫有嚴(yán)格的約束，在項(xiàng)目中，以.xaml作為文件擴(kuò)展名。XAML頁面和ASP.NET的ASPX頁面類似，都具有一個(gè)后臺(tái)代碼文件控制頁面邏輯處理，這一機(jī)制將用戶界面設(shè)計(jì)和后臺(tái)代碼設(shè)計(jì)分割，這意味著項(xiàng)目美工人員可以使用Expression Blend進(jìn)行XAML用戶界面設(shè)計(jì)，同時(shí)后臺(tái)代碼開發(fā)人員可在Visual Studio中共享該XAML文件，并同時(shí)設(shè)計(jì)其后臺(tái)代碼。XAML學(xué)習(xí)方法和經(jīng)驗(yàn)根據(jù)微軟Open Specification Promise(OPS) program文檔介紹，XAML文檔是一個(gè)XML文檔，在一定程度上XAML繼承了大

3、量的XML概念，而最重要的兩個(gè)概念分別是Element(元素)的定義和Property(屬性)的使用。 所以，如果你熟悉XML，其實(shí)已經(jīng)具備XAML語法基礎(chǔ), 如果你具有XML開發(fā)經(jīng)驗(yàn)，學(xué)習(xí)XAML將會(huì)事半功倍。 理解和掌握XAML語言最簡(jiǎn)單的方法是使用具有XAML視圖工具和XAML代碼相互比較學(xué)習(xí)，這樣會(huì)更形象化理解XAML的使用。例如使用Visual Studio或Expression Blend等。使用設(shè)計(jì)工具，可以同時(shí)顯示XAML代碼和設(shè)計(jì)視圖效果，并且設(shè)計(jì)視圖效果能夠根據(jù)XAML代碼更新即時(shí)更新。值得注意的是，微軟為開發(fā)人員和設(shè)計(jì)人員提供了方便快捷的設(shè)計(jì)方式，使用簡(jiǎn)單的拖拽即可完成一

4、個(gè)控件或者頁面的聲明，但是作為一名專業(yè)開發(fā)人員，需要對(duì)XAML代碼理解和掌握，否則一旦遇到復(fù)雜項(xiàng)目，將會(huì)出現(xiàn)XAML開發(fā)瓶頸。在開始介紹XAML基礎(chǔ)前，首先創(chuàng)建一個(gè)實(shí)例項(xiàng)目，通過實(shí)例項(xiàng)目代碼幫助學(xué)習(xí)XAML語言。在Visual Studio 11中創(chuàng)建一個(gè)Windows 8 Metro Style空白頁面項(xiàng)目，項(xiàng)目名“XamlGuide, 默認(rèn)BlankPage.xaml代碼： XAML基礎(chǔ) Object (對(duì)象)在XAML代碼中，一個(gè)Element(元素)通常是一個(gè)Object（對(duì)象）,在代碼中映射對(duì)應(yīng).Net類。簡(jiǎn)單理解，在XAML中聲明一個(gè)Element元素，也就是對(duì)相應(yīng)公共語言運(yùn)行類庫

5、進(jìn)行一次實(shí)例化操作。 XAML代碼聲明一個(gè)元素對(duì)象，必須由一個(gè)開始標(biāo)簽“”和一個(gè)結(jié)束標(biāo)簽“”構(gòu)成，基本語法如下： 例如，在XAML中聲明一個(gè)文本框，代碼如下：上述代碼中開始標(biāo)簽“”是實(shí)例化對(duì)象名稱。結(jié)束標(biāo)簽“”，是對(duì)應(yīng)開始標(biāo)簽中的元素對(duì)象名稱。 在windows 8和silverlight的XAML語法中，支持略縮式元素結(jié)束標(biāo)簽，其語法格式如下：該語法格式省略結(jié)束標(biāo)簽，使用“/”符號(hào)作為元素結(jié)束符。 值得注意的是，XAML中Elements（元素）和Attributes（特性）名稱是字符大小寫敏感型，也就是大寫和小寫字符命名具有不同的含義。在上述代碼中，如果使用，XAML語法解析器將返回錯(cuò)誤信

6、息，無法對(duì)textbox元素進(jìn)行實(shí)例化。 XAML基礎(chǔ) Property (屬性)在面向?qū)ο蟪绦蜷_發(fā)中，我們所提及的屬性，即是指對(duì)象的屬性。而開發(fā)過程中，對(duì)象屬性也是最重要，最常用的概念。 在XAML代碼中，允許開發(fā)人員聲明“元素對(duì)象”，不同的“元素對(duì)象”對(duì)應(yīng)著多個(gè)對(duì)象屬性。例如，一個(gè)TextBox文本框，有背景屬性，寬度屬性，高度屬性等。為了適應(yīng)實(shí)際項(xiàng)目的需求，XAML提供三種方法設(shè)置屬性，分別是：1. 通過Attribute特性設(shè)置對(duì)象屬性；2. 通過Property屬性元素設(shè)置對(duì)象屬性；3. 通過隱式數(shù)據(jù)集設(shè)置對(duì)象屬性； 下面將分別介紹這三種屬性設(shè)置方法的基礎(chǔ)語法和使用方法。Attrib

7、utes特性的概念 在XAML代碼中，允許在開始標(biāo)簽的對(duì)象名后使用Attributes（特性）定義一個(gè)或者多個(gè)對(duì)象元素的屬性，實(shí)現(xiàn)屬性賦值操作，其語法結(jié)構(gòu)如下 例如，在TextBox文本框中添加默認(rèn)文本內(nèi)容,將文本內(nèi)容賦值到Text屬性即可， 由于元素對(duì)象屬性名在開始標(biāo)簽內(nèi)部，所以這種表達(dá)方式也被稱為“內(nèi)聯(lián)屬性”。 Property屬性元素的概念使用XAML的Attribute特性可以簡(jiǎn)單快捷的設(shè)置對(duì)象的屬性，其屬性值局限于簡(jiǎn)單的字符形式。在實(shí)際項(xiàng)目中，經(jīng)常會(huì)遇到復(fù)合型控件或者自定義控件引用較為復(fù)雜的對(duì)象屬性，以達(dá)到個(gè)性化的效果。對(duì)此Attribute特性無法支持，從而引入Property屬性

8、元素的概念。 在傳統(tǒng).Net開發(fā)語言中，調(diào)用一個(gè)對(duì)象屬性，可以簡(jiǎn)單的使用以下格式實(shí)現(xiàn)： 元素對(duì)象.屬性 = 屬性值 例如，在C#代碼中，調(diào)用一個(gè)按鈕的內(nèi)容屬性，代碼為：Button.Content = “XAML實(shí)例教程系列”; 而在XAML代碼中，其調(diào)用方法類似與.Net開發(fā)語言屬性使用方法，其語法格式為： 其中，屬性設(shè)置器可以設(shè)置為較為復(fù)雜的對(duì)象元素，例如布局控件元素，自定義控件元素等。下面是用一個(gè)按鈕控件演示Property屬性的作用，設(shè)置按鈕內(nèi)容是使用Content屬性，如果使用Attribute特性設(shè)置按鈕內(nèi)容，如下代碼： 其運(yùn)行結(jié)果為： 如果需要在按鈕內(nèi)容中添加一個(gè)圖片，使其具有個(gè)

9、性化效果，將無法使用Attribute特性進(jìn)行設(shè)置，這時(shí)可以嘗試使用Property屬性設(shè)置方法，例如：在上面的示例代碼中，按鈕的Content內(nèi)容屬性以的形式出現(xiàn)在中，屬性值設(shè)置器被StackPanel布局控件替代，在StackPanel布局控件中，分別定義了Image控件和TextBlock控件，用來顯示圖片和按鈕文本內(nèi)容，其運(yùn)行效果如下： 從示例中可以看出，使用元素對(duì)象的Property屬性設(shè)置方法，比Attribute特性要靈活和強(qiáng)大。如果使用Property屬性設(shè)置簡(jiǎn)單文本，也可以使用以下方法：其運(yùn)行效果和Attribute特性設(shè)置按鈕內(nèi)容相同。Property屬性元素是用戶界面設(shè)計(jì)

10、中最常用的屬性設(shè)置方法，在隨后的章節(jié)中會(huì)經(jīng)常出現(xiàn)。 隱式數(shù)據(jù)集設(shè)置對(duì)象屬性 通過學(xué)習(xí)Property屬性元素，可以了解到XAML的元素對(duì)象屬性，不僅包含單一對(duì)象屬性，同時(shí)還支持復(fù)雜屬性，屬性值可以為簡(jiǎn)單的字符數(shù)據(jù)類型，同時(shí)也可以是一個(gè)數(shù)據(jù)集。為了簡(jiǎn)化XAML代碼復(fù)雜性，提高代碼易讀性，XAML提供隱式數(shù)據(jù)集設(shè)置對(duì)象屬性方法。例如，在XAML中為一個(gè)ComboBox組合框賦值，傳統(tǒng)代碼如下： 在以上代碼中，使用了屬性賦值ComboBoxItem內(nèi)容，使用隱式數(shù)據(jù)集設(shè)置對(duì)象屬性方法，可以修改以上代碼為： 從對(duì)比以上代碼可以看出被刪除后，仍舊可以對(duì)ComBoxItem進(jìn)行賦值操作。其運(yùn)行結(jié)果和使用Property屬性元素屬性賦值相同: 另一個(gè)隱式數(shù)據(jù)集屬性賦值的例子，在XAML代碼可以直接生成漸變背景效果，實(shí)現(xiàn)方法是使用畫刷類的GradientStops屬性控制，在下面的代碼中