主题与皮肤系列(3)

主题和皮肤－Theme 和 StyleSheetTheme

按​​上一节​​，主题为 BlueSky，其皮肤文件内容为：

<asp:ListBox runat="server" width="100"></asp:Listbox>
 
<asp:ListBox runat="server" SkinId="lb" width="200"></asp:Listbox>

现在谈谈怎么应用这个主题。

一、

在 .aspx 文件中，指令如下：

Theme="BlueSky"%>

控件应用如下：

<asp:ListBox ID="l1" runat="server"></asp:ListBox>
 
    <asp:ListBox ID="l2" runat="server" SkinID="lb"></asp:ListBox>
 
    <asp:ListBox ID="l3" runat="server" SkinID="lb" Width="300"></asp:ListBox>

@ Page 指令中，Theme 属性值为主题文件夹的名称，我们可以看到 l1 的宽度为 100px，l2、l3 指定了 SkinID，所以其宽度为 200px，l3 中指定的 Width="300" 无效。

 

二、

将指令改为如下：

StylesheetTheme="BlueSky"%>

此时 l3 的宽度是 300px，而不是 200px，StylesheetTheme 就是指按解释样式表的方式解释皮肤，也就是：相同的属性，谁最后出现，谁的设置有效。这就是 Theme 和 StylesheetTheme 的区别。