第二十四讲 主题与皮肤

主要内容

掌握主题与皮肤在ASP.NET当中的应用

主体与皮肤的使用方法

1. 新建外观文件(*.skin),然后在文件里设定服务器端控件的样式

在解决方案里新建一个ASP.NET类型的文件夹

在这个文件下的新建项就是一个.skin类型的文件即外观文件

它的目录结构是，主体文件夹-->皮肤文件夹-->皮肤文件.skin

如果预使一个样式应用到所有的日历对象上，那么在日历样式的代码中是不能出现控件ID属性的。否则的话，这个皮肤文件只能针对某个日历控件应用

2. 在aspx页面的Page里，加入外观文件的应用-->Theme

引用皮肤可以通过，皮肤控件的skinId属性来引用。然后在所应用的页面内的Page指令中，添加Theme属性，它值是所应用的皮肤文件夹名。

最后在日历控件的标签中，添加skinId属性，它的值就是上面在皮肤文件中，为皮肤文件代码中添加的skinId属性的值。

3. 编程应用主题与皮肤

演示的是如何根据查询字符串中传递的值，按条件设置页面主题。

皮肤切换的实现

1. 如有两个皮肤文件，它们的皮肤文件夹名是A,B。

2. 但它的皮肤代码中的skinId属性值是同一个值。

3. 同时这个页面的Page指令中是不能再指定Theme属性的了，否则皮肤是无法进行切换的。这个属性可以在后台切换主题的事件方法Page_PreInit()中，通过Page.Theme=“皮肤文件名称”，的方式来指定使用那个皮肤文件。

4. 记得，被设置皮肤的页面中的控件的标签属性中，要使用其属性skinId与两个皮肤文件代码中的skinId的值是一样的。

注意：还有一个事件，是网页的一个预呈现事件Page_PreInit(object sender,EventArgs e),它在Page_Load之前，会被自动调用。

4. 整站应用主题与皮肤

即是通过设置Web.Config文件的<Pages>配置节点

如：

<system.web>

<pages theme="CaiSe"></pages>//CaiSe这个是皮肤文件夹名称