2-1 關於XAML指令碼的技術

關於XAML指令碼

        前面我們曾經提到過，整個Silverlight技術是以Xaml檔案來描述每一個顯示在畫面上的物件，在Silverlight當中我們也稱之為元素(Element)，而這些以XML格式描述的物件是具有層級的，總的來說，我們將整個Xaml描繪出的Silverlight元素統稱之為Silverlight Content。

除此之外，從前面的介紹中大概您也已經知道，我們可以利用C#或是VB程式碼與之配合並加以控制，這部分我們在後面的章節中會詳細討論，在這個章節當中，我們會先以簡單的方式來介紹Xaml指令碼可描繪出的Silverlight元素(Element)。

拿最基本的Rectangle(矩形)來說：

<Rectangle x:Name="R1" Width="100" Height="30" Fill="red"> </Rectangle>

上面這段XAML指令碼呈現出的內容如下：

        其中x:Name="R1"是用來描述該控制項的名稱(名稱為R1)，Width和Height我們稱之為屬性，從屬性名稱上我們很容易知道這是用來描述R1的長和寬，而XAML指令碼是Strong Type的XML指令，因此，必須要符合XML規格，所以你會很明確的看到以</Rectangle>所描述的結尾。缺少結尾、不正確的指令、或是大小寫錯誤都是不被編譯器所接受的。

        前面說過，整個XAML指令碼是具有層級的，儘管現在讀者可以完全透過Expression Blend或VS2010以拖拉方式來建立Silverlight的UI，但還是或多或少必須瞭解這其中的關念。

        個透過XAML指令碼可建立的重要元素包含：Line, Rectangle, Ellipse, Polygon, Polyline, Path, MediaElement...等，這些都是最最最基本的視覺介面元素(UI Element：泛指所有具有外觀的Element)，在Silverlight 1.0時代，也只有這些元素可用(當然，到了2.0之後，除了這些基礎的元素之外，還有控制項的加入)。

        這類的基礎元素都可以透過筆刷(Brush)進行上色，這部分也是透過XAML指令碼來描述，例如：

        上面這段指令所呈現出的是一個漸層黃色的矩形，這些，都是Silverlight繪圖的基本觀念。讀者不需要死記硬背相關的指令，現在都可以透過Visual Studio的intellisense或是利用Expresion Blend以所視即所得的拖拉方式來繪製完成，但是讀者還是必須理解這些XAML指令碼的意義。