.net 主题和皮肤基础

1.创建主题

选中你项目文件右击=》添加=》添加ASP.NET文件夹->（主题）App_Themes,会自动生成一个"主题1"的文件夹（可以任意命名：MyTheme），在MyTheme文件夹中添加新项->外观文件。也可以在MyTheme文件夹下添加一个CSS文件，添加新项->样式表；还可以在MyTheme文件夹中添加一个Images文件夹，用来保存主题图片，只要指定了主题，css就会直接应用到页面中。

2.应用主题
在web.config文件中使用全局主题

＜system.web＞

＜pages theme="MyTheme" /＞

＜/system.web＞

在单个页面上使用主题

<%@ Page Theme="MyTheme" %>

<%@ Page StylesheetTheme="MyTheme" %>

针对单个控件应用主题

SkinId="皮肤ID"

3.主题应用优先级
"Theme"属性的优先级最高的，config中的"pages.theme"其次，"StylesheetTheme"属性的优先级最低。如果设置了"pages.theme"，同时在页面中设置"Theme"，则"Theme"覆盖"pages.theme"。

如果设置了"pages.theme"，同时在页面中设置"StylesheetTheme"，则"pages.theme"优先。

如果同时设置了"Theme"和StylesheetTheme"，则"Theme"覆盖"StylesheetTheme"。

如果单个控件不指定"SkinId"，则为默认皮肤，如果指定"SkinId"，则指定皮肤优先。

4.皮肤写法
与源代码中该控件写法一致，仅去掉"ID"属性，可以增加"SkinId"属性，如无"SkinID"属性，则为默认皮肤。在皮肤中还可以指定值，如例中的"Text"属性。

例：<asp:TextBox SkinId="UserButton"  runat="server" BackColor="blue" Text="123"></asp:TextBox>

5.动态切换主题
页面源代码中添加一个Button控件

<asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Button" />

页面cs代码中添加事件

protected void page_PreInit(object sender, EventArgs e)
{
//theme必须在page被请求的最早期就应用上，所以必须在Page_PreInit事件中设置皮肤,不能在page_load事件中设置。此处的Request.QueryString["theme"] 为页面回传的主题名称。
if (Request.QueryString["theme"] != null)
//这里也可以设置Page.StyleSheetTheme，根据需要选择
Page.Theme = Request.QueryString["theme"].ToString();
}

protected void Button1_Click(object sender, EventArgs e)
{
//页面需要回传
Response.Redirect("default.aspx?theme=主题1");
}