VS2005 Beta2 體驗:使用主題(Themes)

來源:互聯網
上載者:User
主題(Themes)可以讓你的網站保持統一的風格。當然,你也可以為單獨的頁面或者控制項指定不同的Theme。想一下,修改整個網站的風格,只需要修改一下Theme檔案就可以搞定,那是多麼愉快的事啊。^_^

  話不多說,就以一個簡單的按鈕Theme來測試測試,注意,這裡講的是自訂佈景主題(Custom Theme)。選擇添加新項,選擇皮膚檔案,點擊添加的時候,如果在網站下沒有App_Themes檔案夾,會有提示。如圖: 點擊是,檔案夾和檔案就建立好了。 開啟skin檔案,在檔案裡面添加如下代碼:裡面的參數很好理解,裡面的SkinId就是一個標識,控制項使用的時候需要選擇這個ID,BackColor="White"就是標識當某個控制項使用這個SkinId的時候,該控制項的BackColor為White。就這樣一個簡單的Theme就做好了。接下來做一個調用這個Theme的頁面。

  建立一個頁面UseSkinPage.aspx,往頁面上添加一個Server端Button,選擇Button的屬性,注意裡面的兩項:EnableTheming和SkinID。如果要想讓控制項能使用Themes,EnableTheming需要設為True。SkinID就好理解了,就是skin檔案裡面的某個SkinID,如上面的buttonSkin1。  在這之前,需要在頁面的Page裡面設定Theme屬性,不然頁面找不到skin檔案的路徑,當然也就用不了Theme了。當設定了正確的Theme檔案之後,在Button屬性裡SkinID項就可以有響應的內容讓你選擇了,在本頁當然就是buttonSkin1了。UseSkinPage裡面的主要代碼如下:

  訪問一下,就可以看到Button的背景被設定為White了。  在skin檔案裡面,針對同一類型的控制項,可以有多個SkinID,在頁面裡面,選擇不同的SkinID就可以了。

  如果要想對整個網站應用程式某個Theme,可以在web.config檔案裡面的節下添加,這樣就不用在每個Page裡面使用Theme=" themeName "標記了。在本例中使用的是。

  

  使用主題的另外一個方式是使用StyleSheetTheme。StyleSheetTheme的檔案和CustomTheme的檔案是一樣的,裡面的內容都可以保持一樣,只是在調用的時候有些差別而已。

  

  其他:1.       App_Themes目錄下可以有多個Themes,使用的時候,在裡面選擇使用哪一個就可以了。2.       在寫skin代碼的時候,VS2005不象在Page頁面,會自動檢驗控制項的ID號,SkinID不會自動檢驗,在編譯的時候才會出錯。3.       可以使用其他控制項類型的SkinID,比如,Button使用TextBox的Skin,編譯不會出錯,但是瀏覽頁面的時候沒效果。當使用的SkinID不存在的時候,也不會出錯。4.       主題優先順序如下:Themes > 本地css > StyleSheetTheme,所以如果在Themes和StyleSheetTheme有兩個同樣的SkinID,頁面會選擇用Themes而不會用StyleSheetTheme的

  大概用了一下,具體的內容自己動手試試就知道了。 下次繼續……………………………



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。