ASP.NET2.0中Themes、Skins轻松实现网站换肤

作者佚名技术来源 NET编程浏览发布时间 2012-04-11

一、简介：
一看Themes、Skins这2名字就都知道是用来做什么的了吧，下面就说下它是做什么的(怎么都知道了还说,~_~)，利用Themes我们可以很容易的更改控件、页面的风格，而不需要修改我们的代码和页面文件。
Themes文件被单独的放在1个App_Themes文件夹下面，与你的程序是完全分开的。

二、怎么使用Themes和Skins：
先看个非常简单的实例：

App_Themes\default\1.skin文件代码:

<asp:Label Font-Bold="true" ForeColor="Red" runat="server" />

default.aspx:文件代码：

<%@ Page Language="C#" Theme="default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Page with Example Theme Applied</title>

</head>
<body>
  <form id="form1" runat="server">
      <asp:Label ID="Label1" runat="server" Text="Hello 1" /><br />
      <asp:Label ID="Label2" runat="server" Text="Hello 2" /><br />
  </form>
</body>
</html>

可以看到我们在default.aspx并没有写如何的控制style的代码，但运行取发现label上的字都变成了粗体红色了，这就是1个最基本的theme例子。

App_Themes文件夹：
App_Themes文件夹位于程序的根目录下，App_Themes下必须是Theme名称的子文件夹，子文件夹中可以包含多个.skin和.css文件。下图中建立2个Theme，名称分别为default和default2：

使用themes
1、在1个页面中应用Theme:
如果想在某1个页面中应用Theme，直接在aspx文件中修改<%@ Page Theme="..." %>，比如你想这个页面应用default2 theme，设置<%@ Page Theme="default2" %>就OK

2、在所有页面应用同1个Theme:
如果要在所有页面上使用相同的Theme，在web.config中的<system.web>节点下加上句<pages theme="..."/>

3、让控件不应用Theme:
第1个例子中我们看到了2个Label的风格都变了,就是说.skin文件中的风格在页面上所有Label都起作用了。但有时我们希望某1个Label不应用.skin中的风格，这时你只需设置Label的EnableTheming属性为false的时候就可以了。
也许你还想不同的label显示不同的风格，你只需设置label的SkinID属性就可以，见下面的实例：
App_Themes\default\1.skin

<asp:label runat="server" font-bold="true" forecolor="Red" />

<asp:label runat="server" SkinID="Blue" font-bold="true" forecolor="blue" />

deafult.aspx

<%@ Page Language="C#" Theme="default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<title>Page with Example Theme Applied</title>

</head>

<body>

<asp:Label ID="Label2" runat="server" Text="Hello 2" SkinID="Blue" /><br />

<asp:Label ID="Label3" runat="server" Text="Hello 3" /><br />

</form>

</body>

</html>

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!

1 2 下一页

分享到：更多

你可能对下面的文章感兴趣

上一篇: ASP.NET应用程序中要小心使用放在App_Code文件夹类中的静态成员下一篇: Page.RegisterStartupScript与Response.Write的区别

关于ASP.NET2.0中Themes、Skins轻松实现网站换肤的所有评论

随机推荐