如何：定义 ASP.NET 主题

Demo下载  http://download.csdn.net/source/551037

 

您可以定义自己的页面主题或全局主题。主题由多个支持文件组成，其中包括页面外观的样式表、修饰服务器控件的控件外观以及组成主题的其他任何支持图像或文件。

创建页面主题

1. 在网站上创建名为 App_Themes 的新文件夹。

   注意

   该文件夹必须命名为 App_Themes。

2. 创建 App_Themes 文件夹的一个新子文件夹来保存主题文件。该子文件夹的名称就是主题名称。例如，要创建名为 BlueTheme 的主题，应创建名为 \App_Themes\BlueTheme 的文件夹。

3. 向新文件夹中添加组成主题的外观、样式表和图像的文件。

创建全局主题

1. 使用以下路径创建 Themes 文件夹：

   复制代码

                 iisdefaultroot\aspnet_client\system_web\version\Themes

   例如，如果默认 Web 根文件夹位于 Web 服务器上的 C:\Inetpub\wwwroot 中，则新的 Themes 文件夹可能为：

   复制代码

   C:\Inetpub\wwwroot\aspnet_client\system_web\version\Themes

   注意

   全局主题的文件夹名称是 Themes 而不是 App_Themes，因为后者用于页面主题。

2. 创建一个作为 Themes 文件夹子文件夹的主题文件夹。该子文件夹的名称就是主题名称。例如，要创建名为 BlueTheme 的全局主题，应创建名为 ...\Themes\BlueTheme 的文件夹。

3. 向新文件夹中添加组成主题的外观、样式表和图像的文件。

创建外观

1. 使用 .skin 扩展名，在主题子文件夹中创建一个新的文本文件。

   典型约定是为每个控件创建一个 .skin 文件，如 Button.skin 或 Calendar.skin。不过，您可以根据自己的需要创建或多或少的 .skin 文件；外观文件可包含多个外观定义。

2. 在 .skin 文件中，添加常规控件定义（使用声明性语法），但仅包含要为主题设置的属性 (Property) 且不包括 ID 属性 (Attribute)。控件定义必须包含 runat="server" 属性。

   下面的示例演示 Button 控件的默认控件外观，并为主题中的所有 Button 控件定义该颜色和字体：

   复制代码

   <asp:Button runat="server"
       BackColor="Red"
       ForeColor="White"
       Font-Name="Arial"
       Font-Size="9px" />

   注意

   创建外观的一个方便途径是将控件添加到页中，然后对其进行配置以使其具有所需外观。例如，可将 Calendar 控件添加到页中并设置其日标头、所选日期和其他属性。然后，可以将控件定义从页复制到外观文件，然后移除 ID 属性。

3. 对于要创建的每个控件外观重复步骤 2 和 3。

   注意

   只能为每个控件定义一个默认外观。使用外观的控件声明中的 SkinID 属性，可以创建可应用于特定控件实例的命名外观。