043. asp.net主题之一初识主题和皮肤
主题由外观, 级联样式表(CSS), 图像和其它资源组成, 主题中至少包含外观. 他是在网站或Web服务器上的特殊目录中定义的:
外观:
外观文件是主题的核心内容, 用于定义页面中服务器控件的外观, 它包含各个控件(如Button, TextBox 或 Calendar控件)的属性设置. 控件外观设置类似于控件标记本身, 但只包含要作为主题的一部分来设置的属性. 例如, 下面的TextBox控件的外观代码:
<asp:TextBox runat="server" BackColor="PowderBlue" ForeColor="RoyalBlue" />
控件外观的设置与控件声明代码类似. 在控件外观设置中只能包含作为主题的属性定义. 上述代码中设置了TextBox控件的前景色和背景色属性. 如果将以上控件外观应用到单个web页面上, 那么页面内所有TextBox控件都将显示所设置的控件外观.
级联样式表:
主题还可以包含级联样式表(.css文件). 将.css文件放在主题目录中时, 样式表自动作为主题的一部分应用. 使用文件扩展名.css在主题文件夹中定义样式表. 主题中可以包含一个或多个级联样式表.
图像和其它资源:
主题还可以包含图像和其它资源, 如脚本文件或视频文件, 通常, 主题的资源文件与该主题的外观文件位于同一个文件夹中. 但也可以在Web应用程序中的其它地方. 例如主题目录下的某个子文件夹中的文件
============================================================================================
文件存储和组织方式
在Web应用程序中, 主题文件必须存储在根目录的App_Themes文件夹下(除全局主题之外), 开发人员可以手动或者使用VS工具创建该文件夹, 创建完成后, 如下图:
外观文件是主题的核心部分, 每个主题文件夹下都可以包含一个或多个外观文件, 如果主题较多, 页面内容复杂时, 外观文件的组织就会出现问题, 此时就需要开发人员在开发过程中, 根据实际情况对外观文件进行有效的管理. 通常根据SkinID. 控件类型 及文件 这三种方式组织:
三种常见的外观文件爱你的组织方式 |
|
根据SkinID |
在对控件外观设置时, 将具有相同的SkinID放在同一个外观文件中, 这种方式适合网站页面较多, 设置内容复杂的情况 |
根据控件类型 |
组织外观文件时, 以控件类型进行分类, 这种方式适用于页面包含控件较少的情况 |
根据文件 |
组织外观文件时, 以网站中的页面进行分类, 这种方式适用于网站的网页较少的情况 |
外观文件分为默认外观和已命名外观两种类型, 如果控件外观没有包含SkinID属性, 那么就是默认外观. 此时, 向页面应用主题, 默认外观自动应用于同一类型的所有控件. 已命名外观是设置了SkinID属性的控件外观, 已命名外观不会自动按类型应用于控件, 而应当通过设置控件的SkinID属性将已命名外观显示应用于控件. 通过创建已命名外观, 可以为应用程序中同一控件的不同实例, 设置不同的外观
创建一个简单的默认外观和命名外观实例:
1. 新建任意一个项目, 添加主题文件夹, 修改默认名称:
2. TextBoxSkin.skin文件代码如下:
- TextBox的默认外观—-这行是不能有的, 否则会报错
- <asp:TextBox runat="server" Text="文本框外观1" BackColor="#FFE0C0" BorderColor="#FFC080" Font-Size="12pt" ForeColor="#C04000" Width="149px"/>
- 带有SkinID属性的是命名外观—-这行是不能有的, 否则会报错
- <asp:TextBox SkinId="textboxSkin" runat="server" Text="文本框外观2" BackColor="#FFFFC0" BorderColor="Olive" BorderStyle="Dashed" Font-Size="15pt" Width="224px"/>
任何控件的ID属性都不可用在外观文件中出现, 如果向外观文件中添加了不能设置主题的属性, 将会发生错误.
3. Default.aspx调用代码如下:
- <table>
- <tr>
- <td style="width: 100px">
- 默认外观:</td>
- <td style="width: 247px">
- <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></td>
- </tr>
- <tr>
- <td style="width: 100px">
- 命名外观:</td>
- <td style="width: 247px">
- <asp:TextBox ID="TextBox2" runat="server" SkinID ="textboxSkin"> </asp:TextBox></td>
- </tr>
- </table>
4. 最终效果图:
043. asp.net主题之一初识主题和皮肤的更多相关文章
- 044. asp.net主题之二为主题添加CSS样式和动态加载主题
1. 新建任意一个网站, 默认主页为Default.aspx, 增加一个App_Themes目录, 用于存储主题, 添加一个MyTheme的主题, 在MyTheme主题下添加一个样式表文件, 默认名称 ...
- asp.net MVC 切换网站主题
首先要有一些定义后的CSS文件,本例是用Bootstrap作为前端框架,可以从http://bootswatch.com/网站上下载一些主题文件,也就是一些定义好的Bootstap.css的文件. 然 ...
- 2.4、Android Studio使用主题编辑器设计主题
Android Studio包含一个叫主题编辑器的可视的助手,可以提供以下功能: 1. 创建和更改你的app主题 2. 为不同的资源适应主题 3. 普通的UI颜色更改的实时显示 主题编辑器 这一节描述 ...
- [转]WordPress主题开发:主题初始化
本文转自:http://www.cnblogs.com/tinyphp/p/4391182.html 在最简单的情况下,一个WordPress主题由两个文件构成: index.php -------- ...
- WordPress主题开发:主题初始化
在最简单的情况下,一个WordPress主题由两个文件构成: index.php ------------------主模版 style.css -------------------主样式表(注意 ...
- vue,elementUI切换主题,自定义主题
本文介绍两种elementUI切换主题色的方法 项目示例:http://test.ofoyou.com/theme/ git代码:记得star哦,谢谢 1:官方提供的方法,直接修改scss文件达到修改 ...
- Asp.net主题(theme)和皮肤(skin)的使用
asp.net 的服务器端控件提供了多种样式的设计,如果对每个控件都单独设置,是比较繁琐的事情,所以微软也提供了针对这些服务器端控件的样式管理,其实也可以通过 css来控制部分服务器端控件的样式,比如 ...
- 打印 上一主题 下一主题 利用cURL实现单个文件分多段同时下载,支持断点续传(修订版)
利用cURL实现单个文件分多段同时下载,支持断点续传(修订版) [复制链接] 摘自 http://bbs.chinaunix.net/thread-917952-1-1.html 在ubuntu下 ...
- apollo1.7.1初探(二)使用apollo订阅主题,发布主题消息
一.MQTT协议配置 为了使用MQTT协议,首先使用MQTT3.1协议的客户端连接到Apollo正在监听端口.Apollo会做协议检测,而且自动识别MQTT连接,而且将连接作为MQTT协议处理. 你不 ...
随机推荐
- POJ 3683 Priest John's Busiest Day (2-SAT)
题意:有n对新人要在同一天结婚.结婚时间为Ti到Di,这里有时长为Si的一个仪式需要神父出席.神父可以在Ti-(Ti+Si)这段时间出席也可以在(Di-Si)-Si这段时间.问神父能否出席所有仪式,如 ...
- MySQL与Oracle的主要区别
Mysql与Oracle区别 1. Oracle是大型数据库而Mysql是中小型数据库,Oracle市场占有率达40%,Mysql只有20%左右,同时Mysql是开源的而Oracle价格非常高. 2. ...
- Three.js资源
学习教程:http://www.hewebgl.com/ 例子:http://threejs.org/
- NSDateFormatter遇到无法转换的问题
NSDateFormatter并不是万能的,并不是给出什么字符串都能转遍为NSDate类型,所转换的格式必须必须和你给出的格式想对应 比如说:NSString *dateStr = @"20 ...
- canvas转盘抽奖
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" ...
- ASP.net页面代码执行顺序
<%=TextBox1 .Text%> <asp:TextBox ID="TextBox1" runat="server">abc< ...
- C#在Dictionary中使用枚举作为键
Enum类型没有实现IEquatable接口,Dictionary中使用Enum作为键时,将发生装箱,使效率降低. 此时可用Dictionary中一个接收IEqualityComparer<T& ...
- Grunt入门教程
引入:grunt是一套前端自动化工具,一个基于nodeJs的命令行工具,一般用于: ① 压缩文件 ② 合并文件 ③ 简单语法检查 环境:grunt是基于nodejs运行的,所以需要有nodejs,在N ...
- Android中常见功能包描述(转)
在Android中,各种包写成android.*的方式,重要包的描述如下所示:android.app :提供高层的程序模型.提供基本的运行环境android.content:包含各种的对设备上的数据进 ...
- CloudStack中云主机的UTC时间转为本地时间
CloudStack项目中使用的时间是UTC时间,具体什么是UTC时间大家可以百度,但是我们需要的时间是正常的时间,所以在国泰君安开发测试云中,同步资源管理中虚拟机的同步管理,需要对虚拟机的时间格式化 ...