ASP.NET2.0中themes、Skins轻松实现网站换肤！
可能有些朋友还不是很清楚themes、skins。下面先介绍下themes、skins.。 一、简介： 二、怎么使用themes和skins： app_themesdefault.skin文件代码: <asp:label font-bold="true" forecolor="red" runat="server" /> <%@ page language="c#" theme="default" %> 可以看到我们在default.aspx并没有写如何的控制style的代码，但运行取发现label上的字都变成了粗体红色了，这就是1个最基本的theme例子。 app_themes文件夹： 2、在所有页面应用同1个theme: 3、让控件不应用theme: <asp:label runat="server" font-bold="true" forecolor="red" /> <%@ page language="c#" theme="default" %>
文章整理：iocblog
一看themes、skins这2名字就都知道是用来做什么的了吧，下面就说下它是做什么的(怎么都知道了还说,~_~)，利用themes我们可以很容易的更改控件、页面的风格，而不需要修改我们的代码和页面文件。
themes文件被单独的放在1个app_themes文件夹下面，与你的程序是完全分开的。
先看个非常简单的实例：
default.aspx:文件代码：
<!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>
app_themes文件夹位于程序的根目录下，app_themes下必须是theme名称的子文件夹，子文件夹中可以包含多个.skin和.css文件。下图中建立2个theme，名称分别为default和default2：
使用themes
1、在1个页面中应用theme:(来源www.iocblog.net)
如果想在某1个页面中应用theme，直接在aspx文件中修改<%@ page theme="..." %>，比如你想这个页面应用default2 theme，设置<%@ page theme="default2" %>就ok
如果要在所有页面上使用相同的theme，在web.config中的<system.web>节点下加上句<pages theme="..."/>
第1个例子中我们看到了2个label的风格都变了,就是说.skin文件中的风格在页面上所有label都起作用了。但有时我们希望某1个label不应用.skin中的风格，这时你只需设置label的enabletheming属性为false的时候就可以了。
也许你还想不同的label显示不同的风格，你只需设置label的skinid属性就可以，见下面的实例：
app_themesdefault.skin
<asp:label runat="server" skinid="blue" font-bold="true" forecolor="blue" />
deafult.aspx(来源www.iocblog.net)
<!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="label2" runat="server" text="hello 2" skinid="blue" /><br />
<asp:label id="label3" runat="server" text="hello 3" /><br />
</form>
</body>
</html>
运行后就会发现2个label显示的风格不一样了。
Tag:
themes
,控件
版权申明：本站文章均来自网络，如有侵权，请联系我们，我们收到后立即删除，谢谢！
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有。