1. 使用范围:Skin我的理解主要是针对某个控件有多个cssclass要设置,比如说GridView有Header\item\footer等要设置,这时候一个个的设置cssclass是不方便的。
2. 例子
比如要设置Calendar的样式,我们需要设置很多样式,我们可以这样定义一个Skin。
第一步建一个Skin文件:当建立的时候系统会自动提示你建立App_Themes\SkinFile\SkinFile.skin
<asp:Calendar SkinID="Simple" runat="server" BackColor="White" BorderColor="#999999" CellPadding="4" DayNameFormat="FirstLetter" Font-Names="Verdana" Font-Size="8pt" ForeColor="Black" Height="180px" Width="200px">
<SelectedDayStyle BackColor="#666666" Font-Bold="True" ForeColor="White" />
<SelectorStyle BackColor="#CCCCCC" />
<WeekendDayStyle BackColor="#FFFFCC" />
<OtherMonthDayStyle ForeColor="#808080" />
<TodayDayStyle BackColor="#CCCCCC" ForeColor="Black" />
<NextPrevStyle VerticalAlign="Bottom" />
<DayHeaderStyle BackColor="#CCCCCC" Font-Bold="True" Font-Size="7pt" />
<TitleStyle BackColor="#999999" BorderColor="Black" Font-Bold="True" /></asp:Calendar>
第二步如何使用在页面:
当你向web页面添加一个Calendar控件后,把他的SkinID属性设为"Simple"。这时候还有一件事你要做,那就是<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Calendar.aspx.vb" Inherits="Calendar" Theme=" SkinFile " %>。看到Theme=" SkinFile"了吧!这个对应App_Themes\SkinFile\SkinFile.skin目录。这样就ok了,当然你也可以动态的在程序里修改Theme的属性来使用不同的皮肤。
3.Skin和Style结合使用,你只要把 style文件放到App_Themes\SkinFile目录下,这样你可以直接这么定义,比如<SelectorStyle BackColor="#CCCCCC" />,你可以改为<SelectorStyle ClassName="SelectStyle" />
2. 例子
比如要设置Calendar的样式,我们需要设置很多样式,我们可以这样定义一个Skin。
第一步建一个Skin文件:当建立的时候系统会自动提示你建立App_Themes\SkinFile\SkinFile.skin
<asp:Calendar SkinID="Simple" runat="server" BackColor="White" BorderColor="#999999" CellPadding="4" DayNameFormat="FirstLetter" Font-Names="Verdana" Font-Size="8pt" ForeColor="Black" Height="180px" Width="200px">
<SelectedDayStyle BackColor="#666666" Font-Bold="True" ForeColor="White" />
<SelectorStyle BackColor="#CCCCCC" />
<WeekendDayStyle BackColor="#FFFFCC" />
<OtherMonthDayStyle ForeColor="#808080" />
<TodayDayStyle BackColor="#CCCCCC" ForeColor="Black" />
<NextPrevStyle VerticalAlign="Bottom" />
<DayHeaderStyle BackColor="#CCCCCC" Font-Bold="True" Font-Size="7pt" />
<TitleStyle BackColor="#999999" BorderColor="Black" Font-Bold="True" /></asp:Calendar>
第二步如何使用在页面:
当你向web页面添加一个Calendar控件后,把他的SkinID属性设为"Simple"。这时候还有一件事你要做,那就是<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Calendar.aspx.vb" Inherits="Calendar" Theme=" SkinFile " %>。看到Theme=" SkinFile"了吧!这个对应App_Themes\SkinFile\SkinFile.skin目录。这样就ok了,当然你也可以动态的在程序里修改Theme的属性来使用不同的皮肤。
3.Skin和Style结合使用,你只要把 style文件放到App_Themes\SkinFile目录下,这样你可以直接这么定义,比如<SelectorStyle BackColor="#CCCCCC" />,你可以改为<SelectorStyle ClassName="SelectStyle" />