主题和皮肤.pptVIP

主题和皮肤 本章主要内容： 主题简介 主题组成元素 主题文件存储和组织 创建外观文件 指定主题方法 指定主题的优先级 主题简介 主题能够为ASP.NET2.0应用程序实现为控件定义一次样式属性和外观属性之后就能方便的将它们应用到站点的所有页面中去。 主题组成元素 主题由外观、样式、图象和其他资源组成。 外观：主要用于定义页面中服务器控件的外观，外观文件的扩展名为.skin。 样式：主要用于定义页面中HTML客户端控件的样式，样式文件的扩展名为.css。(注意：主题中应用样式不需要象以前那样必须在页面中指定css文件联接) 图象和其他资源：图片、声音和脚本文件等等。 主题文件存储和组织 主题文件必须存储在根目录的App_Themes文件夹下。一个WEB应用程序中可以包含多个主题。 创建外观文件 外观文件中包含两种外观:默认外观和已命名外观 默认外观是在设置控件外观时，没有SkinID属性，当向页面应用主题时，默认外观自动应用于同一类型的所有控件。 已命名外观是设置了SkinID属性的控件外观，它不会自动按类型应用于控件，通过设置控件的SkinID属性将已命名外观显示应用于控件。 应用外观的注意事项 对外观文件：外观文件中应去掉控件的ID属性。 对应用外观的文件： 应用主题的方法是在%@Page%中设置一个theme属性。 如果为控件设置默认外观，则不用设置控件的SkinID属性；如果为控件设置了已命名外观，则需要设置控件的SkinID属性。 如果在控件代码中添加了与控件外观相同的属性，则页面最终显示的是控件外观的设置效果。 指定主题方法 为每个页单独设置Theme属性: %@Page Theme=“mytheme” 在Web.config文件中设置Theme属性，对所有页面有效: configuration system.web pages theme= “mytheme” / /system.web /configuration 为每个页单独设置StyleSheetTheme属性: %@Page StyleSheetTheme =“mytheme” 指定主题的优先级 优先级从高到低是: 为每个页单独设置Theme属性 为每个页单独设置StyleSheetTheme属性 在Web.config文件中设置Theme属性 控件自身设置的属性 禁用主题 通过设置EnableTheming属性来禁用主题: 页级禁用： %@Page EnableTheming =“False” 单个控件禁用： asp:Calendar id=“Calendar1”runat=“server” EnableTheming =“False” / 小结 问题讨论 孔子说：“学而不思则罔，思而不学则殆。”