Asp.net 主题 【2】

通常我们经常看到网页,一些软件提供换肤功能,各种主题间切换。ASP.NET 2.0 中可以用Theme和skin以及CSS轻松实现这个功能。

  • 首先简单介绍一下三种技术:主题(Theme)技术,面板(skin)技术,级联样式表(css)

主题(Theme)以及面板(skin)技术这两个技术允许开发人员或设计人员自行定义网页的样式设置以及套用的样式支持,每个主题中可以包含数个面板档,这些面板档决定了控件要输出时套用的样式,开发人员则可以利用主题来决定不同的外观要使用的样式。

级联样式表(css)它是用来进行网页风格设计的,对网页中的元素的属性进行设置,每个主题中可以包含多个css和skin文件。两种设置的组合构成一种皮肤。

css主要设置网页元素的属性,控制网页外观,网页元素位置,外观以及创建特殊效果的能力。。

skin主要是设置网页中使用的控件的一些属性。

  • ASP.NET 2.0中如何在Visual Studio中实现主题的设置

添加主题文件

添加新建项中的外观文件(.skin)文件和样式表(.css文件)

设置在.skin文件中设置我们所需要的控件的属性。(通俗讲就是总动套用格式或者自己设定自己喜欢的控件样式,保存为模版,作为一个皮肤)下面以Gridview为例:

为了简便起见我们在页面上添加一个Gridview控件,自动套用格式,打开源码把控件的源码剪切到.skin文件中。(去掉控件的ID,注意如果网页中有两个存在两个相同的控件,设置skinId,通俗讲每个控件准备多种衣服)。其他控件操作相同。

代码展示:

利用css样式设置元素属性代码展示

  • 到这里一个主题,一种皮肤已经设置好了(可以类似设置多种主题,所谓的皮肤),如何预先设置好的皮肤应用到网页当中去?

通过设置网页上的theme属性,选择主题,运行即可。操作如下

  • 到这里简单的主题皮肤的设置就基本完成了,通常我们根据自己的喜好实现换肤,下面看一下我们如何实现主题间的切换:

原理很简单:通过按钮的Click时间切换网页的方式,实现换肤,也就是同一个网页使用不同的主题表现出来,通过网页地址的切换来实现此功能。

代码如下:

  • 主题间的切换就算完成了,不过值得我们注意的有几下几点:

1.每个外观文件中的控件结构(控件种类和每种控件的数量保持一致)尽量保持一致,尤其是SkinId的控件(SkinId要保持相同)。

2.每个样式表文件中的元素结构尽量保持一致。

3.可以通过设置控件的EnableTheming属性来控制某个控件是否需要应用设置。

时间: 2025-01-19 07:15:33

Asp.net 主题 【2】的相关文章

Asp.net 主题

设定主题: 右击网站,选择添加ASP.NET文件夹,选择主题.系统默认将文件夹命名为App_Themes,我们在这个文件夹下添加外观文件,在.skin后缀的文件中自定义我们想要的主题. 例如: <%-- 2.默认外观.未定义SkinId.在同一主题中每个控件类型只允许有一个默认的控件外观.--%> <asp:Imagerunat="server"ImageUrl="~/images/image1.jpg"/> <asp:Buttonru

Asp.net 主题 【1】

页面中默认的显示样式太朴素,一页一页的设置控件的显示样式效率又太低,主题和皮肤则提供了一种高效的设计方案. 一.添加主题 二.添加皮肤文件(.skin): 在皮肤文件中添加如下代码 <asp:TreeView runat="server" ShowLines="True" ExpandDepth="0">         <NodeStyle Font-Size="12px" ForeColor="

Asp.net主题(theme)和皮肤(skin)的使用

asp.net 的服务器端控件提供了多种样式的设计,如果对每个控件都单独设置,是比较繁琐的事情,所以微软也提供了针对这些服务器端控件的样式管理,其实也可以通过 css来控制部分服务器端控件的样式,比如textbox,如果用普css就是对input进行样式控制,但对于gridview或者日历控件等,css 文件无法灵活的控制,这就需要微软专门为服务器端控件提供的主题和皮肤. 主题和皮肤的使用方法:  1.新建外观文件(*.skin),然后在文件里设定服务器端控件的样式 2.在aspx页面的Page

ASP.NET(转自wiki)

ASP.NET是由微软在.NET Framework框架中所提供,开发Web应用程序的类库,封装在System.Web.dll文件中,显露出System.Web名字空间,并提供ASP.NET网页处理.扩充以及HTTP通道的应用程序与通信处理等工作,以及Web Service的基础架构.ASP.NET是ASP技术的后继者,但它的发展性要比ASP技术要强大许多. ASP.NET可以运行在安装了.NET Framework的IIS服务器上,若要在非微软的平台上运行,则需要使用Mono平台[2],ASP

ASP.NET应用程序和ASP.NET网站所共有的文件: App_Browsers 等

App_Browsers 包含 ASP.NET 用于标识个别浏览器并确定其功能的浏览器定义 (.browser) 文件.有关更多信息,请参见浏览器定义文件架构(browsers 元素)和如何:在 ASP.NET 网页中检测浏览器类型. App_Data 包含应用程序数据文件,包括 MDF 文件.XML 文件和其他数据存储文件.ASP.NET 2.0 使用 App_Data 文件夹来存储应用程序的本地数据库,该数据库可用于维护成员资格和角色信息.有关更多信息,请参见成员资格简介和了解角色管理. A

MVC框架 - 高级示例

在第一个MVC教程章中,我们学会了如何在MVC控制器和视图进行交互.在本教程中,我们将向前更进一步,学习如何使用模型创建高级应用程序来创建,编辑,删除用户,在我们的应用程序中查看列表. 下面是用来创建高级MVC应用程序的步骤 第1步:选择 File->New->Project->ASP.NET MVC Web应用. 并命名为:AdvancedMVCApplication. 单击确定.在接下来的窗口中,选择模板作为互联网应用程序和视图引擎为Razor.注意,我们这个时候使用的是模板,而不是

SaaS系列介绍之十五: SaaS知识重用

1 建立并积累自己的开发体系 遵行业界的规定又有自己的特色是我们所追求的目标.成功的软件公司都有丰富而可复用的代码组件,几行代码在单个系统里可能无足轻重,但一旦可在大量的系统中可重复使用那就是价值不菲了.做单个项目不一定获利,但用前面的项目经验与代码改造成新项目的成本就少多了.所以,软件业一定要建立起自己的知识库并不断地积累,那将是取之不尽的财富. 2 建立可重用性的知识库 l 充分利用开发模板 利用我们自己开发的模板组装我们一般的页面,极大的减少了页面设计代码和开发代码,提高开发效率. 此模板

软工学习记4

随着学习的进程越走越远,我们的团队也更加确定.在人员分工.开发项目方面都做出了明确的规划.有了个目标,我们便不是那么迷茫,困惑着去学习,学习了这么久到底能干什么?这个问题很关键.我和我的队友们也达成了共识,决定尝试着去做一下一个基ASP动态网页开发技术的二手书贩卖系统.我们的分工也十分明确. 牟得力主要负责总体的规划,也就是我们的小领导.钱政捷主要负责数据库的建立和对接,杨子琪版式设计后期处理美化,我呢,就是开发ASP网页主题的构建咯. 对于一群对编程并不太擅长的学渣来说,一个有着太复杂功能的系

大家好

http://www.yugaopian.com/people/259723 http://www.yugaopian.com/people/259744 http://www.yugaopian.com/people/259783 http://www.yugaopian.com/people/259824 http://www.yugaopian.com/people/259839 http://www.yugaopian.com/people/259933 http://www.yugao