這是8個系列教程的第4部分，這個系列示范如何使用 Silverlight 2 的 Beta1 版本來創建一個簡單的 Digg 客戶端應用。這些教程請依次閱讀，將有助于您理解 Silverlight 的一些核心編程概念。

使用 Style 元素更好地封裝觀感（Look and Feel）

WPF 和 Silverlight 支持一種 Style 機制，它允許我們把控件的屬性值封裝成可重用的資源。我們可以把這些樣式聲明保存在獨立于頁面的其他文件中，然后就可以在一個應用程序中跨控件和頁面重用（甚至跨多個應用程序重用）。在做一些基本定制的場景下，概念上類似于在 HTML 中重用 CSS.

注：除了定義基本屬性設置（Color, Font, Size, Margins 等），WPF 和 Silverlight 里的樣式還可以被用來定義和重用控件模板(Control Templates) - 控件模板可以帶來超級豐富的皮膚功能，以及改變控件結構的功能（并支持目前 HTML 中的 CSS 做不到的定制場景）。我會在這個系列的第7部分討論控件模板。

對我們的 Digg 例程而言，我們會在項目的 App.xaml 文件中定義樣式。這使得該樣式可以在整個應用程序中，被跨頁面、跨控件地重用：

首先讓我們來為 Digg 頁面的 <Border>控件（以及其中的<TextBlock> 標題）封裝樣式：

我們可以在 App.xaml 文件中，用下列標簽來創建兩個 Style 元素，分別封裝 <Border> 和 <TextBlock> 的設置信息，這些設置在前面是內聯定義的：

注意上述代碼中，我們是如何為每個 Style 元素賦予一個唯一的 "Key" 值的。接下來我們就可以更新我們的 <Border>> 和 <TextBlock> 控件，讓它們用這些 keys 來引用對應的樣式定義。我們會使用一種叫做“標簽擴展”(markup extensions) 的 XAML 特性來完成它。標簽擴展用于非字面量的值需要被設置時（另一個適用場景是綁定表達式）。

我們還可以對 Page.xaml 文件中的其它控件也做類似的分離樣式的處理，這樣做之后，文件內容會變成類似這樣：

用這種方式封裝樣式設定，可以讓開發者更好的關注應用程序的行為語義，并且還可以讓我們跨控件/頁面的重用樣式。

注：Beta1 中需要注意的一個問題是，當你輸錯樣式名稱和屬性定義時，其錯誤信息不是很清楚（它會引發異常，但不告訴哪里設置不對）。這會在 Beta2 中得到改進。同時，如果你在加載樣式時看到錯誤消息，請一定仔細查看拼寫錯誤。

下一步

現在我們已經通過 Style 引用，將 Page.xaml 文件中的標簽進行了一定的清理。讓我們更進一步來自定義我們的故事數據的外觀。

您可以跳到下一篇教程以了解具體方法： 《使用 ListBox 和 Databinding 來顯示列表數據》。

?

（翻譯：木野狐）

轉載于:https://www.cnblogs.com/greatandforever/archive/2008/07/11/1240633.html

總結

以上是生活随笔為你收集整理的Silverlight教程第四部分：使用 Style 元素更好地封装观感 (木野狐译)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。