苏州工业园区公租房:.net基础——主题和皮肤
来源:百度文库 编辑:九乡新闻网 时间:2024/05/08 06:10:54
1.创建主题
添加ASP.NET文件夹->App_Themes,会自动生成一个"主题1"的文件夹,在文件夹中添加新项->外观文件。还可以在主题文件夹下添加一个CSS文件,添加新项->样式表,只要指定了主题,css就会直接应用到页面中。
在web.config文件中使用全局主题//此处是使用必须配置的,theme\basicBlue!!
<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"属性。
例:
5.动态切换主题
页面源代码中添加一个Button控件
页面cs代码中添加事件
Code
protected void page_PreInit(object sender, EventArgs e)
{
}
protected void Button1_Click(object sender, EventArgs e)
{
}
另:stylesheettheme和 theme 的区别
一般引用主题和皮肤方式有这有这两种:stylesheettheme和 theme.这两个用法基本一样,就是执行的优先级不一样.下面是我做了测试的结果:
1. Theme="mytheme"
只在页面上定义Theme时,页面只使用Theme的主题样式,不会使用页面上用户再定义的样式
2. StyleSheetTheme="mytheme"
当定义了StyleSheetTheme时,页面先加载StyleSheetTheme属性中的样式,再合并页面上的样式,如果有一样的样式定义,则取页面中的样式
3.两者皆有 Theme="mytheme" StyleSheetTheme="mytheme2"
先加载StyleSheetTheme的样式,再加载页面中的样式,再加载Theme中的样式,如果有一样的样式定义,则后面加载的样式覆盖前面加载的样式
总而言之: 加载的顺序是:StyleSheetTheme ----->页面中的样式 -----> Theme .
最后显示是:取三者合并,有一样的样式从后面加载的往前取就对了.
由于存在优先级:所以应用StyleSheetTheme