导读:
定义
主题由一组元素组成:外观、级联样式表 (CSS)、图像和其他资源。主题将至少包含外观。主题是在网站或 Web 服务器上的特殊目录中定义的。
DL@bitsCN_com网管软件下载
外观BBS.bitsCN.com网管论坛
外观文件具有文件扩展名 .skin,它包含各个控件的属性设置。控件外观设置类似于控件标记本身,但只包含您要作为主题的一部分来设置的属性。
bitsCN#com中国网管联盟
有两种类型的控件外观 -“默认外观”和“已命名外观”:
DL@bitsCN_com网管软件下载
当向页应用主题时,默认外观自动应用于同一类型的所有控件。如果控件外观没有 SkinID 属性,则是默认外观。已命名外观是设置了 SkindID属性的控件外观。
bitsCN~com
级联样式表www@bitscn@com
主题还可以包含级联样式表(。css 文件)。将 .css 文件放在主题文件夹中时,样式表自动作为主题的一部分加以应用。使用文件扩展名 .css 在主题文件夹中定义样式表。 [bitsCN.Com]
主题图形和其他资源中国_网管联盟bitsCN.com
主题还可以包含图形和其他资源,例如脚本文件或声音文件。
bbs.bitsCN.com中国网管论坛
例子
www_bitscn_com中国.网管联盟
1、 首先选择网站项目名称→右键单击→添加新项
BBS.bitsCN.com网管论坛
2.系统会建立一个app_themes文件夹,并在里面建立一个皮肤文件夹sampleTheme,并在里面建立一个皮肤文件sampleTheme.skin. bbs.bitsCN.com中国网管论坛
3.在皮肤文件夹sampleTheme中添加一个Label.skin文件和Calendar.skin文件。 [bitsCN.Com]
4.文件内容如下:
[bitsCN.Com]
Label.skin www_bitscn_com中国.网管联盟
www@bitscn@com
bitsCN#com中国网管联盟
font-bold="true"
forecolor="orange" /> font-bold="true"
forecolor="orange" />
font-bold="true"
forecolor="blue" /> font-bold="true"
forecolor="blue" />
www_bitscn_com中国.网管联盟
www_bitscn_com中国.网管联盟
Calendar.skin:
中国_网管联盟bitsCN.com
bbs.bitsCN.com
bbs.bitsCN.com中国网管论坛
BackColor="#FFFFCC"
BorderColor="#FFCC66"
BorderWidth="1px" bitsCN.nET*中国网管博客
DayNameFormat="FirstLetter"
Font-Names="Verdana"
Font-Size="8pt"
ForeColor="#663399"
Height="200px"
ShowGridLines="True"
Width="220px"> BackColor="#FFFFCC"
BorderColor="#FFCC66"
BorderWidth="1px" bitsCN.nET*中国网管博客
DayNameFormat="FirstLetter"
Font-Names="Verdana"
Font-Size="8pt"
ForeColor="#663399"
Height="200px"
ShowGridLines="True"
Width="220px">
DL@bitsCN_com网管软件下载
bitsCN~com
bitsCN.nET*中国网管博客
bitsCN.nET*中国网管博客
BackColor="White"
BorderColor="#999999"
CellPadding="4"
DayNameFormat="FirstLetter"
Font-Names="Verdana"
Font-Size="8pt"
ForeColor="Black"
Height="180px" [bitsCN_com]
Width="200px"> bitsCN.nET*中国网管博客
BackColor="White"
BorderColor="#999999"
CellPadding="4"
DayNameFormat="FirstLetter"
Font-Names="Verdana"
Font-Size="8pt"
ForeColor="Black"
Height="180px" [bitsCN_com]
Width="200px">
BBS.bitsCN.com网管论坛
[bitsCN.Com]
DL@bitsCN_com网管软件下载 中国_网管联盟bitsCN.com
[bitsCN.Com]
在“源”视图中,向 @ Page 指令添加下面的属性: bbs.bitsCN.com
bitsCN~com
[bitsCN_com]
<%@ Page Theme="sampleTheme" ... %>
bitsCN~com
BBS.bitsCN.com网管论坛
在页面中添加2个caleder和2个lable控件 bbs.bitsCN.com中国网管论坛
www@bitscn@com
中国_网管联盟bitsCN.com
bbs.bitsCN.com
[bitsCN_com]
bitsCN~com
[bitsCN.Com]
运行程序bitsCN.nET*中国网管博客
注意:
[bitsCN_com]
1、如果主题是通过设置 @Page 指令或配置的 节的 Theme 属性 (attribute) 应用的,则主题中的外观属性 (property) 将重写页中目标控件的同名属性 (property)。
DL@bitsCN_com网管软件下载
2、通过将 @Page 指令或配置的 节的 StyleSheetTheme 属性设置为主题的名称,可以将主题定义作为服务器端样式来应用。主题属性用作 StyleSheetTheme 时,可能被页中的控件重写。 中国_网管联盟bitsCN.com
3、 StyleSheetTheme 应在应用程序开发过程中应用,它作为从页中提取样式信息的手段,使应用程序的行为可独立于应用程序的外观进行维护。对应用程序应用 StyleSheetTheme 后,您可能还希望应用 Theme.如果对应用程序既应用 Theme 又应用 StyleSheetTheme,则按以下顺序应用控件的属性: [bitsCN.Com]
首先应用 StyleSheetTheme 属性 bitsCN#com中国网管联盟
应用页中的控件属性(重写 StyleSheetTheme)
www_bitscn_com中国.网管联盟
最后应用 Theme 属性(重写控件属性和 StyleSheetTheme)
BBS.bitsCN.com网管论坛
4、在皮肤文件里面可以针对同一个控件设置多个皮肤风格,使用skinid来区分不同风格,并在aspx页面文件的控件中使用skinid来引用不同皮肤风格。
bbs.bitsCN.com
5.以编程方式应用页面主题
bitsCN.nET*中国网管博客
在页面的 PreInit方法的处理程序中,设置页面的 Theme属性。 bitsCN~com
下面的代码示例演示如何根据查询字符串中传递的值按条件设置页面主题。 bbs.bitsCN.com
为应用程序指定和禁用主题
DL@bitsCN_com网管软件下载
bbs.bitsCN.com中国网管论坛
Protected void Page_PreInit(object sender, EventArgs e)
{ 中国_网管联盟bitsCN.com
switch (Request.QueryString["theme"])
{
BBS.bitsCN.com网管论坛
case "Blue":
Page.Theme = "BlueTheme"[bitsCN.Com]
break
case "Pink":
Page.Theme = "PinkTheme"www@bitscn@com
break
}
}
bitsCN#com中国网管联盟
6.
www_bitscn_com中国.网管联盟
将 @ Page 指令的 EnableTheming 属性设置为 false,
bitsCN~com
中国_网管联盟bitsCN.com
bbs.bitsCN.com中国网管论坛
<%@ Page EnableTheming="false" %>
DL@bitsCN_com网管软件下载
DL@bitsCN_com网管软件下载
7.对网站应用主题 [bitsCN_com]
每个应用程序中都包括多个页面,并且为了保证和谐统一的用户界面,我们可以让所有页面使用同一主题。如果为在每个页头都设置相同的Theme属性值,那么非常麻烦。为了快速地为整个应用程序的所有页面设置相同的主题,可以设置Web.Config文件的 配置节内容。
本文转自
http://www.bitscn.com/dotnet/asp/200709/109472.html
定义
主题由一组元素组成:外观、级联样式表 (CSS)、图像和其他资源。主题将至少包含外观。主题是在网站或 Web 服务器上的特殊目录中定义的。
DL@bitsCN_com网管软件下载
外观BBS.bitsCN.com网管论坛
外观文件具有文件扩展名 .skin,它包含各个控件的属性设置。控件外观设置类似于控件标记本身,但只包含您要作为主题的一部分来设置的属性。
bitsCN#com中国网管联盟
有两种类型的控件外观 -“默认外观”和“已命名外观”:
DL@bitsCN_com网管软件下载
当向页应用主题时,默认外观自动应用于同一类型的所有控件。如果控件外观没有 SkinID 属性,则是默认外观。已命名外观是设置了 SkindID属性的控件外观。
bitsCN~com
级联样式表www@bitscn@com
主题还可以包含级联样式表(。css 文件)。将 .css 文件放在主题文件夹中时,样式表自动作为主题的一部分加以应用。使用文件扩展名 .css 在主题文件夹中定义样式表。 [bitsCN.Com]
主题图形和其他资源中国_网管联盟bitsCN.com
主题还可以包含图形和其他资源,例如脚本文件或声音文件。
bbs.bitsCN.com中国网管论坛
例子
www_bitscn_com中国.网管联盟
1、 首先选择网站项目名称→右键单击→添加新项
BBS.bitsCN.com网管论坛
2.系统会建立一个app_themes文件夹,并在里面建立一个皮肤文件夹sampleTheme,并在里面建立一个皮肤文件sampleTheme.skin. bbs.bitsCN.com中国网管论坛
3.在皮肤文件夹sampleTheme中添加一个Label.skin文件和Calendar.skin文件。 [bitsCN.Com]
4.文件内容如下:
[bitsCN.Com]
Label.skin www_bitscn_com中国.网管联盟
www@bitscn@com
bitsCN#com中国网管联盟
font-bold="true"
forecolor="orange" /> font-bold="true"
forecolor="orange" />
font-bold="true"
forecolor="blue" /> font-bold="true"
forecolor="blue" />
www_bitscn_com中国.网管联盟
www_bitscn_com中国.网管联盟
Calendar.skin:
中国_网管联盟bitsCN.com
bbs.bitsCN.com
bbs.bitsCN.com中国网管论坛
BackColor="#FFFFCC"
BorderColor="#FFCC66"
BorderWidth="1px" bitsCN.nET*中国网管博客
DayNameFormat="FirstLetter"
Font-Names="Verdana"
Font-Size="8pt"
ForeColor="#663399"
Height="200px"
ShowGridLines="True"
Width="220px"> BackColor="#FFFFCC"
BorderColor="#FFCC66"
BorderWidth="1px" bitsCN.nET*中国网管博客
DayNameFormat="FirstLetter"
Font-Names="Verdana"
Font-Size="8pt"
ForeColor="#663399"
Height="200px"
ShowGridLines="True"
Width="220px">
DL@bitsCN_com网管软件下载
bitsCN~com
bitsCN.nET*中国网管博客
bitsCN.nET*中国网管博客
BackColor="White"
BorderColor="#999999"
CellPadding="4"
DayNameFormat="FirstLetter"
Font-Names="Verdana"
Font-Size="8pt"
ForeColor="Black"
Height="180px" [bitsCN_com]
Width="200px"> bitsCN.nET*中国网管博客
BackColor="White"
BorderColor="#999999"
CellPadding="4"
DayNameFormat="FirstLetter"
Font-Names="Verdana"
Font-Size="8pt"
ForeColor="Black"
Height="180px" [bitsCN_com]
Width="200px">
BBS.bitsCN.com网管论坛
[bitsCN.Com]
DL@bitsCN_com网管软件下载 中国_网管联盟bitsCN.com
[bitsCN.Com]
在“源”视图中,向 @ Page 指令添加下面的属性: bbs.bitsCN.com
bitsCN~com
[bitsCN_com]
![](http://www.bitscn.com/upimg/dotnet/070903/11XP64S040NI7.gif)
![](http://www.bitscn.com/upimg/dotnet/070903/11XP64T260W214.gif)
<%@ Page Theme="sampleTheme" ... %>
bitsCN~com
BBS.bitsCN.com网管论坛
在页面中添加2个caleder和2个lable控件 bbs.bitsCN.com中国网管论坛
www@bitscn@com
中国_网管联盟bitsCN.com
![](http://www.bitscn.com/upimg/dotnet/070903/11XP64U450c2U.gif)
![](http://www.bitscn.com/upimg/dotnet/070903/11XP64U450c2U.gif)
bbs.bitsCN.com
![](http://www.bitscn.com/upimg/dotnet/070903/11XP64U450c2U.gif)
![](http://www.bitscn.com/upimg/dotnet/070903/11XP64U450c2U.gif)
![](http://www.bitscn.com/upimg/dotnet/070903/11XP64U450c2U.gif)
![](http://www.bitscn.com/upimg/dotnet/070903/11XP64U450c2U.gif)
[bitsCN_com]
![](http://www.bitscn.com/upimg/dotnet/070903/11XP64U450c2U.gif)
bitsCN~com
[bitsCN.Com]
运行程序bitsCN.nET*中国网管博客
注意:
[bitsCN_com]
1、如果主题是通过设置 @Page 指令或配置的 节的 Theme 属性 (attribute) 应用的,则主题中的外观属性 (property) 将重写页中目标控件的同名属性 (property)。
DL@bitsCN_com网管软件下载
2、通过将 @Page 指令或配置的 节的 StyleSheetTheme 属性设置为主题的名称,可以将主题定义作为服务器端样式来应用。主题属性用作 StyleSheetTheme 时,可能被页中的控件重写。 中国_网管联盟bitsCN.com
3、 StyleSheetTheme 应在应用程序开发过程中应用,它作为从页中提取样式信息的手段,使应用程序的行为可独立于应用程序的外观进行维护。对应用程序应用 StyleSheetTheme 后,您可能还希望应用 Theme.如果对应用程序既应用 Theme 又应用 StyleSheetTheme,则按以下顺序应用控件的属性: [bitsCN.Com]
首先应用 StyleSheetTheme 属性 bitsCN#com中国网管联盟
应用页中的控件属性(重写 StyleSheetTheme)
www_bitscn_com中国.网管联盟
最后应用 Theme 属性(重写控件属性和 StyleSheetTheme)
BBS.bitsCN.com网管论坛
4、在皮肤文件里面可以针对同一个控件设置多个皮肤风格,使用skinid来区分不同风格,并在aspx页面文件的控件中使用skinid来引用不同皮肤风格。
bbs.bitsCN.com
5.以编程方式应用页面主题
bitsCN.nET*中国网管博客
在页面的 PreInit方法的处理程序中,设置页面的 Theme属性。 bitsCN~com
下面的代码示例演示如何根据查询字符串中传递的值按条件设置页面主题。 bbs.bitsCN.com
为应用程序指定和禁用主题
DL@bitsCN_com网管软件下载
bbs.bitsCN.com中国网管论坛
![](http://www.bitscn.com/upimg/dotnet/070903/11XP64VA010LN.gif)
Protected void Page_PreInit(object sender, EventArgs e)
![](http://www.bitscn.com/upimg/dotnet/070903/11XP64VA010LN.gif)
![](http://www.bitscn.com/upimg/dotnet/070903/11XP64WV011R25.gif)
![](http://www.bitscn.com/upimg/dotnet/070903/11XP64Y060125F5.gif)
{ 中国_网管联盟bitsCN.com
![](http://www.bitscn.com/upimg/dotnet/070903/11XP64Z24013B47.gif)
![](http://www.bitscn.com/upimg/dotnet/070903/11XP64Z24013B47.gif)
switch (Request.QueryString["theme"])
![](http://www.bitscn.com/upimg/dotnet/070903/11XP64Z24013B47.gif)
![](http://www.bitscn.com/upimg/dotnet/070903/11XP64914P1424L.gif)
![](http://www.bitscn.com/upimg/dotnet/070903/11XP6492B0154I8.gif)
{
BBS.bitsCN.com网管论坛
![](http://www.bitscn.com/upimg/dotnet/070903/11XP64Z24013B47.gif)
![](http://www.bitscn.com/upimg/dotnet/070903/11XP64Z24013B47.gif)
case "Blue":
![](http://www.bitscn.com/upimg/dotnet/070903/11XP64Z24013B47.gif)
![](http://www.bitscn.com/upimg/dotnet/070903/11XP64Z24013B47.gif)
Page.Theme = "BlueTheme"[bitsCN.Com]
![](http://www.bitscn.com/upimg/dotnet/070903/11XP64Z24013B47.gif)
![](http://www.bitscn.com/upimg/dotnet/070903/11XP64Z24013B47.gif)
break
![](http://www.bitscn.com/upimg/dotnet/070903/11XP64Z24013B47.gif)
![](http://www.bitscn.com/upimg/dotnet/070903/11XP64Z24013B47.gif)
case "Pink":
![](http://www.bitscn.com/upimg/dotnet/070903/11XP64Z24013B47.gif)
![](http://www.bitscn.com/upimg/dotnet/070903/11XP64Z24013B47.gif)
Page.Theme = "PinkTheme"www@bitscn@com
![](http://www.bitscn.com/upimg/dotnet/070903/11XP64Z24013B47.gif)
![](http://www.bitscn.com/upimg/dotnet/070903/11XP64Z24013B47.gif)
break
![](http://www.bitscn.com/upimg/dotnet/070903/11XP64Z24013B47.gif)
![](http://www.bitscn.com/upimg/dotnet/070903/11XP6493X01E1Z.gif)
}
![](http://www.bitscn.com/upimg/dotnet/070903/11XP64Z24013B47.gif)
![](http://www.bitscn.com/upimg/dotnet/070903/11XP64950601O103.gif)
}
![](http://www.bitscn.com/upimg/dotnet/070903/11XP64VA010LN.gif)
![](http://www.bitscn.com/upimg/dotnet/070903/11XP64VA010LN.gif)
bitsCN#com中国网管联盟
6.
www_bitscn_com中国.网管联盟
将 @ Page 指令的 EnableTheming 属性设置为 false,
bitsCN~com
中国_网管联盟bitsCN.com
bbs.bitsCN.com中国网管论坛
![](http://www.bitscn.com/upimg/dotnet/070903/11XP64WV011R25.gif)
![](http://www.bitscn.com/upimg/dotnet/070903/11XP64Y060125F5.gif)
<%@ Page EnableTheming="false" %>
DL@bitsCN_com网管软件下载
DL@bitsCN_com网管软件下载
7.对网站应用主题 [bitsCN_com]
每个应用程序中都包括多个页面,并且为了保证和谐统一的用户界面,我们可以让所有页面使用同一主题。如果为在每个页头都设置相同的Theme属性值,那么非常麻烦。为了快速地为整个应用程序的所有页面设置相同的主题,可以设置Web.Config文件的 配置节内容。
本文转自
http://www.bitscn.com/dotnet/asp/200709/109472.html