Theme是允許你定義頁面和控件外觀的許多屬性的集合, 應用這些屬性可以在web application中的頁面里, 或者是整個web application, 或者是一個服務器上跨越多個web application的范圍內一致地提供外觀.

?

Theme and Control Skins

===================

Theme是由一系列的元素組成的, 包括: skin, cascading style sheets(CSS), images, 和其他的資源. 一個Theme至少要有skin. Theme是在你的站點或者你的web服務器的一個特定的文件夾里定義的.

?

Skin

---------------------

skin文件的后綴名是.skin, 該文件中包含諸如Button, Label, TextBox, 或者Calendar之類控件的屬性配置. 控件的skin配置跟control markup自身很像, 但是僅包含你想要作為屬性的一部分的那些屬性.? 比如下面就是一個button控件的skin:

<asp:button runat="server" BackColor="lightblue" ForeColor="black" />

?

你可以創建.skin文件在Theme文件夾里. 一個.skin文件可以包含一個或多個控件的skin. 你可以定義skin到一個單獨的文件中, 或者定義一個theme的所有skin到一個單獨的文件中.

?

控件的skin有兩種, default skins和named skins:

• 當一個theme應用到一個頁面上的時候, Default skin會自動地應用到同種類的所有的控件上. 如果一個control skin沒有SkinID屬性的話, 那么它就是一個default skin.
• named skin是一個帶有SkinID屬性集的control skin. named skin不會自動地按類型應用到控件上. 取而代之的是, 你需要顯示地通過設置控件的SkinID屬性來應用一個named skin到一個控件上. 創建named skin允許你為一個application中的相同控件的不同實例設置不同的skin.

Cascading Style Sheets

---------------------

主題還包括層疊樣式表(css)文件. 當你放一個css文件到theme文件夾中的時候, 樣式表就被自動地作為theme的一部分被應用起來了.?

?

Theme Graphics and Other Resources

----------------------

主題還可以包括圖形和其他資源, 比如腳本文件或者聲音文件. 比如說, 你的頁面theme也許會為TreeView控件包括一個skin, 作為這個theme的一部分, 你可以包含用于代表展開按鈕和折疊按鈕的圖片.

?

典型地, theme的資源文件都在跟skin文件相同的文件夾中, 但是他們也可以存在于web application的其他地方, 比方說theme文件夾的子文件夾. 如果要引用子文件夾的資源, 可以像下面的例子一樣使用一個路徑:

<asp:Image runat="server" ImageUrl="ThemeSubfolder/filename.ext" />

?

你還可以引用theme文件夾之外的資源文件. 如果你使用波浪線(~)語法去引用資源文件的話, Web application會自動地找到圖片. 比如, 你把一個theme的資源放在一個你appliction的子文件夾中, 你可以使用這樣形式的路徑來引用你的資源文件:

<asp:Image runat="server" ImageUrl="~/AppSubfolder/filename.ext" />

?

Theme和Cascading Style Sheets的區別

=====================

Theme和Cascading Style Sheets都可以定義一系列可以被應用到任何頁面的常用屬性. 然而, 他們在下面的方面有不同:

• Theme能夠為一個控件或者頁面定義很多屬性, 而不僅僅是style屬性. 比如說, 使用theme, 你可以為TreeView控件定義圖片, 還有GridView控件的模板布局, 等等.
• Theme可以包括圖片文件.
• Theme并不會像樣式表一樣層疊. 默認情況下, 任何通過頁面的Theme屬性定義的屬性值都會覆蓋控件所聲明的屬性值, 除非你顯式地使用StyleSheetTheme屬性應用theme.
• 每個頁面上僅可以應用一個theme. 你不能再一個頁面上應用多個theme, 而不像樣式表那樣可以應用多個style sheet.

?

摘譯自:

ASP.NET Themes and Skins

http://msdn.microsoft.com/en-us/library/ykzx33wh.aspx

總結

以上是生活随笔為你收集整理的ASP.NET中的Theme和Skin的全部內容，希望文章能夠幫你解決所遇到的問題。

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