asp.net 2.0揭秘讀書筆記三：使用主題設計網站

一、建立主題

在名為App_Themes的應用程式的檔案夾中新增檔案夾就可以建立主題。在App_Themes中添加的每一個 檔案夾都代表一個主題。

在主題檔案夾中比較重要的檔案類型有皮膚檔案和CSS檔案。

二、在主題中添加皮膚

一個主題可能包含一個或多個皮膚檔案。可以通過皮膚來修改所有具有皮膚效果的ASP.NET控制項屬性。

例如，將Web應用程式中所有的TextBox控制項的背景顏色設為黃色並選擇dotted作為它的邊框樣式。在 App_Themes檔案夾下建立Simple檔案夾，然後在Simple檔案夾中建立TextBox.skin檔案，該檔案代碼如下 所示：

<asp:TextBox BackColor=”Yellow” BorderStyle=”Dotter” runat=”Server”/>

注意上面代碼裡面runat是必須的，而且不能帶ID屬性。

主題檔案夾下可以擁有一個或上百給皮膚檔案，但在一個主題檔案夾下的所有的檔案都會編譯成一個 主題類。

上面的主題檔案夾Simple如果要在某個頁面使用其定義的主題，則使用如下代碼：

<%@ Page Language=”C#” Theme=”Simple”%>

如果該頁面的TextBox控制項屬性EnableTheming設定為false，則主題不起作用。

1、建立命名皮膚

在定義命名皮膚時比定義預設皮膚增加SkinID屬性，在應用主題頁面指定控制項的SkinID屬性為命名皮 膚定義的SkinID屬性名稱即可。

2、Themes和StyleSheetThems

使用Themes指定應用某個主題時候，主題定義皮膚會覆蓋頁面中控制項自訂的皮膚。

而使用StyleSheetThems指定則不會覆蓋。

<%@ Page Language=”C#” StyleSheetThems=”Simple”%>

3、禁用皮膚

每個控制項都包含有EnableTheming屬性，設定為false則禁用主題皮膚。

4、在Web設定檔中註冊主題

<system.web><pages theme=”Simple” /></system.web>

在啟用程式中的主題後，可以在特定頁面中通過

<%@ Page Language=”C#” EnableTheming=”false”%>

來禁用主題。