ASP.NET开发技巧之Theme功用浅析-编程开发-知优网

ASP.NET开发技巧中ASP.NET Theme的使用是很重要的，那么本文就向你介绍相关信息。

ASP.NET开发技巧之Theme功用主要是有什么呢？那么下面咱们就来看看：

ASP.NET开发技巧之Theme功用浅析 ASP.NET Theme ASP.NET开发技巧第1张

ASP.NET 2.0 中新增加了 Theme 的功用，它的呈现能让网站完成换肤愈加简单。

Theme 的完成包含：CSS、Skin、MasterPage。

CSS 是用于操控一切 HTML 符号的外观。

Skin 是用于操控一切 ASP.NET 服务器调整的外观，而且能够经过特点 cssClass 界说它的 CSS 款式。

MasterPage 是 *.aspx 页面模版，不过它没有被界说到 Theme 中。

◆ASP.NET开发技巧之创立ASP.NET Theme 的比如：

1、在 Web 项目中创立 App_Themes 目录。它是预界说的目录，ASP.NET 2.0 会主动识别其目录下的 Theme 。

2、在 App_Themes 目录创立 orangeTheme、BlueTheme 两个子目录。

3、为 App_Themes 下的每个子目录增加 Skin 文件，如 Control.Skin 。ASP.NET 2.0 会主动剖析每一个 Skin 文件，在这儿的命名只需求为了开发时便利分类。

4、也能够为 App_Themes 下的每个子目录增加 CSS 文件。ASP.NET 2.0 也会主动将每一个 CSS 文件增加到每一个运用此款式的页面中去。

◆ASP.NET开发技巧之界说页面内容与ASP.NET Theme 款式

1、default.aspx 页面界说如下：

﹤%@PageTheme="OrangeTheme"%﹥ 
﹤html﹥ 
﹤headrunat="server"﹥ 
﹤title﹥OrangePage﹤/title﹥ 
﹤/head﹥ 
﹤body﹥ 
﹤formid="form1"runat="server"﹥ 
Enteryourname:﹤br/﹥ 
﹤asp:TextBoxID="txtName"Runat="Server"/﹥ 
﹤br/﹥﹤br/﹥ 
﹤asp:ButtonID="btnSubmit"Text="SubmitName"Runat="Server"/﹥ 
﹤/form﹥ 
﹤/body﹥ 
﹤/html﹥

2、在 OrangeTheme 主页的 Control.Skin 文件中界说如下：

留意：只能指定外观特点，不能指定如 AutoPastback 等特点。

//默许未命名的Skin将会为一切TextBox类型界说外观。 
﹤asp:TextBoxBackColor="Orange"ForeColor="DarkGreen"Runat="Server"/﹥ 
﹤asp:ButtonBackColor="Orange"ForeColor="DarkGreen"Font-Bold="True"Runat="Server"/﹥ 
//现已命名SkinID的将能够为指定TextBox类型界说外观。 
﹤asp:TextBoxSkinID="Title"BackColor="Orange"ForeColor="DarkGreen"Runat="Server"/﹥

◆ASP.NET开发技巧之在页面中运用ASP.NET Theme

1、在 Aspx 文件顶部 ﹤%@ Page %﹥ 中增加 Theme="Default" 特点。这样它就能够运用 Default 主题了。

2、假如想到在整个网站运用某个 Theme 就需求在 Web.Config 界说。

﹤configuration﹥ 
﹤system.web﹥ 
﹤pagestheme="OrangeTheme"/﹥ 
﹤/system.web﹥ 
﹤/configuration﹥

这样的界说相当于默许一个 Theme 在一切网站文件中，运用时仍能够为每个页面界说 Theme 。

Skin 部分会运用 Page 面中界说的 Theme ，而 CSS 会重载默许主页中的 CSS 款式表。

3、指定好 Theme 之后一切的外观都会运用 Skin 中界说的。你也能够指定控件的 SkinID 来界说独自外观。

4、假如想用编程方法界说 Theme 必需在 Page_PreInit事情中处理，如下：

voidPage_PreInit(objectsender,EventArgse) 
{ 
Page.Theme=Request["ThemeName"]; 
//假如需求以编程的方法为Page载入MasterPage文件，也需求在此界说。 
this.MasterPageFile=Request["MasterPageFile"]; 
}