ASP.NET 實現主題切換執行個體

   通常我們經常看到網頁，一些軟體提供換膚功能，各種主題間切換。ASP.NET 2.0 中可以用Theme和skin以及CSS輕鬆實現這個功能。

•    首先簡單介紹一下三種技術：主題（Theme）技術，面板（skin）技術，階層式樣式表（css)

    主題(Theme)以及面板(skin)技術這兩個技術允許開發人員或設計人員自行定義網頁的樣式設定以及套用的樣式支援，每個主題中可以包含數個面板檔，這些面板檔決定了控制項要輸出時套用的樣式，開發人員則可以利用主題來決定不同的外觀要使用的樣式。

    階層式樣式表（css)它是用來進行網頁風格設計的，對網頁中的元素的屬性進行設定，每個主題中可以包含多個css和skin檔案。兩種設定的組合構成一種皮膚。

    css主要設定網頁元素的屬性，控制網頁外觀，網頁元素位置，外觀以及建立特殊效果的能力。。

    skin主要是設定網頁中使用的控制項的一些屬性。

•            ASP.NET 2.0中如何在Visual Studio中實現主題的設定

    添加主題檔案

   

    添加建立項中的面板檔案（.skin）檔案和樣式表（.css檔案）

   

   

    設定在.skin檔案中設定我們所需要的控制項的屬性。（通俗講就是總動套用格式或者自己設定自己喜歡的控制項樣式，儲存為模版，作為一個皮膚）下面以Gridview為例：

    為了簡便起見我們在頁面上添加一個Gridview控制項，自動套用格式，開啟源碼把控制項的源碼剪下到.skin檔案中。（去掉控制項的ID，注意如果網頁中有兩個存在兩個相同的控制項，設定skinId，通俗講每個控制項準備多種衣服)。其他控制項操作相同。

     代碼展示：

    

    利用css樣式設定元素屬性代碼展示

   

•     到這裡一個主題，一種皮膚已經設定好了（可以類似設定多種主題，所謂的皮膚），如何預先設定好的皮膚應用到網頁當中去？

    通過設定網頁上的theme屬性，選擇主題，運行即可。操作如下

   

•    到這裡簡單的主題皮膚的設定就基本完成了，通常我們根據自己的喜好實現換膚，下面看一下我們如何?主題間的切換：

   原理很簡單：通過按鈕的Click時間切換網頁的方式，實現換膚，也就是同一個網頁使用不同的主題表現出來，通過網頁地址的切換來實現此功能。

   代碼如下：

  

•    主題間的切換就算完成了，不過值得我們注意的有幾下幾點：

   1.每個面板檔案中的控制項結構（控制項種類和每種控制項的數量保持一致）盡量保持一致，尤其是SkinId的控制項（SkinId要保持相同）。

   2.每個樣式表檔案中的元素結構盡量保持一致。

   3.可以通過設定控制項的EnableTheming屬性來控制某個控制項是否需要應用設定。