在ASP.NET 2.0中使用样式、主题和皮肤

使用主题的服务器端样式

　　主题是在应用程序建立之后，甚至于在站点寄宿在生产服务器之后才应用到程序上的。给程序应用主题的人可能是该应用程序的开发人员。例如，让应用程序的开发人员和网站设计人员一起处理站点的外观是很常见的。在主题应用到程序上之后，主题定义中的样式属性会重载应用程序页面中的目标控件的属性值。

　　另一方面，开发者独立地构建样式信息也很常见。例如，在独立的文件中，使用级联样式表（CSS）来定义控件和标记样式。在这种情况下，你也可以使用主题，把主题当作是一种服务器端的样式表。通过这种方式应用样式表的时候，主题定义中的样式属性会设置应用程序中的控件的默认值，但是可以通过其它操作来重新设置页面中的控件的这些值，从而重载了主题定义。

　　宣告式的服务器端样式

　　当我们通过在@Page指令或配置文件的＜pages/＞段中设置Theme属性来应用主题的时候，主题中的皮肤的属性将会重载页面中目标控件的相同属性。下面的例子演示了页面中的一个标签控件，它的ForeColor被设置为蓝色。在应用的主题中，标签皮肤把ForeColor属性设置为橙色。当你运行页面的时候，请注意主题定义重载了本地控件属性，所有的标签都显示为橙色。 数据挖掘研究院

＜%@ Page Language="VB" Theme="OrangeTheme" %＞ ＜asp:Label ID="Label1" runat="server" Text="Hello 1" /＞＜br /＞ ＜asp:Label ID="Label2" runat="server" Text="Hello 2" ForeColor="blue" /＞

　　请注意，这个标签是橙色的（继承自主题）而不是蓝色的（控件设置）

　　当我们通过在@Page指令或配置文件的＜pages/＞段中设置StyleSheetTheme属性，把主题作为服务器端样式应用的时候，主题的属性是可以被页面中的控件重载的。下面的例子演示了应用StyleSheetTheme的情况（内容与上面一个例子相同）。请注意，页面中定义的ForeColor属性取得了胜利，所有的标签都显示为蓝色。

＜%@ Page Language="VB" StyleSheetTheme="OrangeTheme" %＞ 数据挖掘研究院 ＜asp:Label ID="Label1" runat="server" Text="Hello 1" /＞＜br /＞ ＜asp:Label ID="Label2" runat="server" Text="Hello 2" ForeColor="blue" /＞

　　请注意，这个标签是蓝色的（控件设置）而不是橙色的（来自StyleSheetTheme）

　　主题和StyleSheetTheme（样式表主题）的优先问题

　　StyleSheetTheme是在应用程序开发的时候使用的，是一种在页面中构建样式信息的方法，目的是为了保证应用程序的行为与外观的改变无关。你可能需要在已经使用了StyleSheetTheme的应用程序中进一步应用主题。如果应用程序同时使用了主题和StyleSheetTheme，那么控件的属性将按下面的次序来应用：

　　· 首先应用StyleSheetTheme属性

　　· 应用页面中控件的属性（重载StyleSheetTheme）

　　· 最后应用主题的属性（同时重载控件属性和StyleSheetTheme）

　　下面的例子演示了上述内容。

＜%@ Page Language="VB" Theme="OrangeTheme" StyleSheetTheme="GreenTheme" %＞ 数据挖掘实验室 ＜asp:Label ID="Label1" runat="server" Text="Hello 1" /＞＜br /＞ ＜asp:Label ID="Label2" runat="server" Text="Hello 2" ForeColor="blue" Font-Italic="false" /＞

　　请注意，页面重载了StyleSheetTheme 的斜体属性，但是主题的前景色重载了其它内容

　　Visual Web Developer的支持

　　VWD包含了对StyleSheetTheme的设计时（design-time）支持。当你把StyleSheetTheme应用到一个页面上的时候，Visual Studio中的"设计视图"在控件的显示预览中就反应了应用程序的状况。通过选择控件的智能事务面板（只有部分控件支持它）中的"自动格式化…"选项，你可以从可用的SkinID值列表中选择一个。"自动格式化"对话框显示了StyleSheetTheme中包含的可用SkinID值列表，同时还显示了应用选定的皮肤之后的控件样式预览。当你选中某个值之后，设计器会为该控件保存SkinID属性。