如何：定義 ASP.NET 主題

Demo下載  http://download.csdn.net/source/551037

 

您可以定義自己的頁面主題或全域主題。主題由多個支援檔案組成，其中包括頁面外觀的樣式表、修飾伺服器控制項的控制面板以及組成主題的其他任何支援映像或檔案。

建立頁面主題

1. 在網站上建立名為 App_Themes 的新檔案夾。

   注意
   該檔案夾必須命名為 App_Themes。

2. 建立 App_Themes 檔案夾的一個新子檔案夾來儲存主題檔案。該子檔案夾的名稱就是主題名稱。例如，要建立名為 BlueTheme 的主題，應建立名為 \App_Themes\BlueTheme 的檔案夾。

3. 向新檔案夾中添加組成主題的外觀、樣式表和映像的檔案。

建立全域主題

1. 使用以下路徑建立 Themes 檔案夾：

   複製代碼

                 iisdefaultroot\aspnet_client\system_web\version\Themes

   例如，如果預設 Web 根資料夾位於 Web 服務器上的 C:\Inetpub\wwwroot 中，則新的 Themes 檔案夾可能為：

   複製代碼

   C:\Inetpub\wwwroot\aspnet_client\system_web\version\Themes

   注意
   全域主題的檔案夾名稱是 Themes 而不是 App_Themes，因為後者用於頁面主題。

2. 建立一個作為 Themes 檔案夾子檔案夾的主題檔案夾。該子檔案夾的名稱就是主題名稱。例如，要建立名為 BlueTheme 的全域主題，應建立名為 ...\Themes\BlueTheme 的檔案夾。

3. 向新檔案夾中添加組成主題的外觀、樣式表和映像的檔案。

建立外觀

1. 使用 .skin 副檔名，在主題子檔案夾中建立一個新的文字檔。

   典型約定是為每個控制項建立一個 .skin 檔案，如 Button.skin 或 Calendar.skin。不過，您可以根據自己的需要建立或多或少的 .skin 檔案；面板檔案可包含多個外觀定義。

2. 在 .skin 檔案中，添加常規控制項定義（使用聲明性文法），但僅包含要為主題設定的屬性 (Property) 且不包括 ID 屬性 (Attribute)。控制項定義必須包含 runat="server" 屬性。

   下面的樣本示範 Button 控制項的預設控制面板，並為主題中的所有 Button 控制項定義該顏色和字型：

   複製代碼

   <asp:Button runat="server"    BackColor="Red"    ForeColor="White"    Font-Name="Arial"    Font-Size="9px" />

   注意
   建立外觀的一個方便途徑是將控制項添加到頁中，然後對其進行配置以使其具有所需外觀。例如，可將 Calendar 控制項添加到頁中並設定其日標題、所選日期和其他屬性。然後，可以將控制項定義從頁複製到面板檔案，然後移除 ID 屬性。

3. 對於要建立的每個控制面板重複步驟 2 和 3。

   注意
   只能為每個控制項定義一個預設面板。使用外觀的控制項聲明中的 SkinID 屬性，可以建立可應用於特定控制項執行個體的命名外觀。