Asp.NET2.0主题、皮肤的应用

本文主要是介绍Asp.NET2.0主题、皮肤的应用，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

Asp.NET2.0主题、皮肤的应用

看了一篇关于主题和皮肤应用的贴子，但关于Theme和StyleSheetTheme的关系讲得不是太清楚，另外代码是带行号的。。。（我粘到VS2005中好麻烦），所以引用过来，修改一下，并附上我完成的一个例子

原文地址：http://www.cnblogs.com/njypcmqj/archive/2007/03/10/670559.html
例子下载：http://www.cnblogs.com/Files/reonlyrun/TestTheme.rar

Asp.net2.0和1.1相比，激动人心的变化很多。无论从外在表现上还是内在品质上都有巨大的提升。本人以一个教师授课的角度，讲解几个最为显著的变化。

一. ASP.NET 2.0主题皮肤（theme skin）的使用

我们在学习使用Macromedia Dreamweaver制作网页时，为了便于协作开发和提高开发效率，以及减少后期维护的工作量，大量使用CSS来定制网页风格。

又，我们经常见到论坛或者blogs上面可以自由切换我们博客的风格，其实这在asp.net2.0中提供的皮肤功能很容易实现这些效果。

下面以一个日历控件的例子来说明：

日历控件是一个式样比较复杂的控件，如果我们在页面中定义，虽然可以达到目的但感觉很乱，且维护麻烦，不便于协作开发,如下。

         < asp:Calendar ID ="Calendar1" runat ="server"
           BackColor ="Beige"
           ForeColor ="Brown"
           BorderWidth ="3"
           BorderStyle ="Solid"
           BorderColor ="Black"
           Height ="450"
           Width ="450"
           Font-Size ="12pt"
           Font-Names ="Tahoma,Arial"
           Font-Underline ="false"
           CellSpacing =2
            ShowGridLines =true
         >
             < TitleStyle BorderColor ="darkolivegreen" BorderWidth ="3" BackColor ="olivedrab" Height ="50px" />
             < DayHeaderStyle BorderColor ="darkolivegreen" BorderWidth ="3" BackColor ="olivedrab" ForeColor ="black" Height ="20px" />
             < WeekEndDayStyle BackColor ="palegoldenrod" Width ="50px" Height ="50px" />
             < DayStyle Width ="50px" Height ="50px" />
             < TodayDayStyle BorderWidth ="3" />
             < SelectedDayStyle BorderColor ="firebrick" BorderWidth ="3" />
             < OtherMonthDayStyle Width ="50px" Height ="50px" />
         </ asp:Calendar >

我们如果使用Asp.NET2.0提供的皮肤来设置它，就显得清晰明了的多。

1、首先选择网站项目名称→右键单击→添加新项

2、选择添加“外观文件”，输入外观文件名（皮肤文件）：

3、系统会建立一个app_themes文件夹，并在里面建立一个皮肤文件夹mytheme，并在里面建立一个皮肤文件mytheme.skin：

4、根据自己页面的需要，可是添加页面的CSS文件以及不同控件的皮肤文件：

各个文件内容如下：

Calendar.skin:

< asp:Calendar runat ="server"
    BackColor ="#FFFFCC"
    BorderColor ="#FFCC66"
    BorderWidth ="1px"
    DayNameFormat ="FirstLetter"
    Font-Names ="Verdana"
    Font-Size ="8pt"
    ForeColor ="#663399"
    Height ="200px"
    ShowGridLines ="True"
    Width ="220px" >

这篇关于Asp.NET2.0主题、皮肤的应用的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！