在云那方

首页 新随笔 联系 订阅 管理
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" />
posted on 2009-01-12 16:07  Rich.T  阅读(449)  评论(0编辑  收藏  举报