1.创建主题
添加ASP.NET文件夹->App_Themes,会自动生成一个"主题1"的文件夹,在文件夹中添加新项->外观文件。还可以在主题文件夹下添加一个CSS文件,添加新项->样式表,只要指定了主题,css就会直接应用到页面中。

2.应用主题
在web.config文件中使用全局主题
<system.web>
<pages theme="BasicBlue" />
</system.web>
在单个页面上使用主题
<%@ Page Theme="主题1" %>

<%@ Page StylesheetTheme="主题1" %>
针对单个控件应用主题
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"); 
}

posted on 2009-06-10 14:45  8user  阅读(318)  评论(0编辑  收藏  举报