主题和皮肤

  •通过设置站点、页面、控件的指定属性以声明主题

•皮肤 = 控件的可视属性

　　–存在于后缀名为.skin的文件当中

　　–默认皮肤以及已命名皮肤

•主题= 单个或者多个皮肤的组合

　　–物理存储在“Themes”文件夹中

　　–全局主题以及局部主题

1. 在页面中应用主题

   <%@ Page Theme="BasicBlue">
   

2. 在站点中应用主题

   <configuration>
     <system.web>
       <pages theme="BasicBlue" />
     </system.web>
   </configuration>
   
   

3. 动态应用主题

   void Page_PreInit (Object sender, EventArgs e)
   {
   Page.Theme = "BasicBlue";
   }
   

    

4. 全局主题
5. 
6. 局部主题
7. 
8. 定义皮肤
   代码

   <!-- Default look for DropDownList controls -->
   <asp:DropDownList runat="server" BackColor="hotpink" ForeColor="white" />
   
   <!-- Default look for DataGrid controls -->
   <asp:DataGrid runat="server" BackColor="#CCCCCC" BorderWidth="2pt"
   BorderStyle="Solid" BorderColor="#CCCCCC" GridLines="Vertical"
   HorizontalAlign="Left">
   <HeaderStyle ForeColor="white" BackColor="hotpink" />
   <ItemStyle ForeColor="black" BackColor="white" />
   <AlternatingItemStyle BackColor="pink" ForeColor="black" />
   </asp:DataGrid>
   
   ...
   

    

9. 已经命名皮肤

   .没有定义SkinID的皮肤为默认皮肤
   具有SkinID定义的皮肤为已命名皮肤
   每个控件类型必须具有唯一的SkinID
   Can be defined in same SKIN file as default skins or in separate files
   使用控件的 SkinID 属性来应用已命名皮肤
   

10. 定义已命名皮肤

    代码

    <!-- Default look for DropDownList controls -->
    <asp:DropDownList runat="server" BackColor="blue" ForeColor="white"
    SkinID="Blue" />
    
    <!-- Default look for DataGrid conotrols -->
    <asp:DataGrid runat="server" BackColor="#CCCCCC" BorderWidth="2pt"
    BorderStyle="Solid" BorderColor="#CCCCCC" GridLines="Vertical"
    HorizontalAlign="Left" SkinID="Blue">
    <HeaderStyle ForeColor="white" BackColor="blue" />
    <ItemStyle ForeColor="black" BackColor="white" />
    <AlternatingItemStyle BackColor="lightblue" ForeColor="black" />
    </asp:DataGrid>
    
    ...
    

     

11. 使用已命名皮肤

    <asp:DropDownList ID="Countries" SkinID="Blue" RunAt="server" />

     

12. EnableTheming属性

    所有页面及控件均支持此属性
    默认值为 true
    将EnableTheming属性设置为false可以为单独的控件或者整个页面禁止主题功能
    

    <asp:DropDownList ID="Countries" EnableTheming="false" RunAt="server" />