6.2在主题中添加皮肤

于 2011-05-10 09:09:17 发布
阅读量99 收藏
点赞数
分类专栏： ASP.NET 3.5 揭秘(卷1)学习笔记 文章标签： ASP.net ASP XHTML C C++
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wavaya/article/details/83918072
版权
在主题中添加皮肤

一个主题可以包含一个或多个皮肤文件。可以通过皮肤来修改所有具有皮肤效果的ASP.net控件的属性
在Web应用程序中所有的TextBox控件的背景设为黄色，dotted 为边框样式
Simple\TextBox.skin
<asp:TextBox BackColor="Yellow" BorderStyle="Dotted" Runat="Server"/>

建议：
皮肤文件名和待修改的控件名称一样，再加上皮肤的扩展名即可。


[code]
<%@ Page Language="C#" Theme="Simple" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">

</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox runat="server" />
</div>
</form>
</body>
</html>
[/code]

注意：
1)Page后加上Theme
<%@ Page Language="C#" Theme="Simple" %>
2)默认情况下，所有的控件都是可主题化的，但可以修改Themeable为False来禁用主题

1、创建命名皮肤
必填加红框
Simple2\TextBox.skin
[code]
<asp:TextBox SkinID="DashedTextBox" BorderStyle="Dashed" BorderWidth="5px" RunAt="Server"/>
<asp:TextBox BorderStyle="Double" BorderWidth="5px" Runat="Server"/>

[/code]

调用页面：
[code]
<%@ Page Language="C#" Theme="Simple2" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">

</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Show Named Skin</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="TextBox1" SkinID="DashedTextBox" runat="server"></asp:TextBox>
<br />
<br />
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
</div>
</form>
</body>
</html>
[/code]
结果：


2、Themes与StyleSheetThemes
当在页面中应用主题时，主题中的控件属性会重写页面中的已有控件属性。也就是说：皮肤文件中的属性会重写页面中的属性。

Simple3\Label.skin
<asp:Label BackColor="Orange" Runat="Server"/>

[code]
<%@ Page Language="C#" Theme="Simple3" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">

</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Show Skin Theme</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Label ID="Label1" runat="server" Text="What color background do I have?" BackColor="Red"></asp:Label>
</div>
</form>
</body>
</html>

[/code]
显示：

显示的是Skin中的

3、禁用主题
每个Asp.net控件都包含名为EnableTheming的属性
Simple4\Calendar.skin
[code]
<asp:Calendar
BackColor="White"
BorderColor="White"
BorderWidth="1px"
Font-Names="Verdana"
Font-Size="9pt"
ForeColor="Black"
NextPreFormat="FullMonth"
Width="400px"
Runat="Server">
<SelectedDayStyle BackColor="#333399" ForeColor="white"/>
<OtherMonthDayStyle ForeColor="#999999"/>
<TodayDayStyle BackColor="#CCCCCC"/>
<NextPrevStyle Font-Bold="True" Font-Size="8pt" ForeColor="#333333" VerticalAlign="Bottom"/>
<DayHeaderStyle Font-Bold="True" Font-Size="8pt"/>
<TitleStyle BackColor="White" BorderColor="Black" BorderWidth="4px" Font-Bold="True" Font-Size="12pt" ForeColor="#333399"/>
</asp:Calendar>

[/code]

ShowEnableTheming.aspx
[code]
<%@ Page Language="C#" Theme="Simple4" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">

</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Show EnableTheming</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Calendar ID="Calendar1" runat="server"></asp:Calendar>
<br />
<br />
<asp:Calendar ID="Calendar2" EnableTheming="false" runat="server"></asp:Calendar>
</div>
</form>
</body>
</html>
[/code]

4、在Web配置文件中注册主题
Web.Config
<configuration>
<system.web>
<pages theme="Site"/>
</system.web>
</configuration>

Web.Config
<configuration>
<system.web>
<pages styleSheetTheme="Site"/>
</system.web>
</configuration>

可以在页面中禁用主题
<%@ Page Language="c#" EnableTheming="false" %>

2011-4-28 14:20 danny
娃娃鸭
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
extjs6.2 SDK下载
02-25
8. **主题与皮肤**：EXTJS支持自定义主题，6.2可能会提供新的预设主题或改进现有主题的定制选项。 9. **国际化支持**：EXTJS通常支持多语言，6.2可能增加了更多语言的支持或改进了本地化流程。 10. **兼容性**：...
利用CSkin组件设计漂亮的WinForm登录界面
涛神-Dev 的博客
04-21 3万+
众所周知，WinForm具有快速开发的优点，但是美观方面一直被人诟病，一般美化都是采用第三方的组件来满足美化效果，这里我也利用Cskin组件来设计一个具有一定美感的登录界面， CSkin下载 CSkin的使用你可以自行查看下载后的文档或者另行百度，这里就不介绍了， 关于CSkin的美化登录界面简单介绍，主要是利用背景图片结合CSkin界面和控件的效果来实现的,如果你中别人的登录界面，你也可以截取别人的登录界面，然后用自己的控件覆盖人家的登录输入位置，覆盖别人的logo或者系统名称等，这也是一种技巧。
Extjs6.2最新文档
12-18
6. **主题和皮肤**：6.2版本可能增加了新的预设主题或提供了更灵活的主题定制选项，让开发者能够更方便地调整应用的外观。 7. **图表和图形**：ExtJS的图表组件强大且多样化，6.2可能扩展了更多的图表类型，增强了...
ewebeditor 6.2 .net后台 新增白色界面
05-13
在6.2版本中，开发者针对.NET环境对原有的ASP版本进行了移植，并且增加了一个新的白色界面设计，以满足更多用户对于界面美观和简洁的需求。 在ASP版本的基础上创建.NET后台，意味着开发团队将原有的ASP代码进行了...
substance 6.2
03-23
在这个目录下，我们可以找到Substance库的实现代码，包括各种组件皮肤和主题的实现。 4. **lib**：这是一个库文件夹，通常存放项目的外部依赖。这里可能包含了Substance运行所必需的JAR文件和其他第三方库，如Java ...
suipack 6.2 for delphi full source
10-31
2. **皮肤应用**：在项目中引入SUIPack的单元文件，然后在需要皮肤化的控件上设置`TSPXXX`类型的控件（如`TSPButton`代替`TButton`），并调整属性以应用皮肤。 3. **皮肤选择与切换**：通过Skins目录中的皮肤文件，...
ASP.NET 控件的使用
04-02
6.2 在主题中添加皮肤 183 6.2.1 创建命名皮肤 184 6.2.2 Themes与StyleSheetThemes 185 6.2.3 禁用主题 187 6.2.4 在Web配置文件中注册主题 188 6.3 在主题中添加CSS 189 6.3.1 在主题中添加多个CSS 192 6.3.2 使用...
Developing themes and skins in IBM WebSphere Portal 6.0.X
03-11
通过阅读本文档，读者将能够理解新版主题与皮肤中新增的功能，如主题扩展和主题策略等，并了解如何整合构成完整主题的各个文件，以及这些文件如何用于控制门户外观和感觉的各个方面。 #### 二、主题与皮肤基础 **...
flex3的cookbook书籍完整版dpf（包含目录）
07-14
3.4 节在容器中动态添加和移除子组件 3.5 节对容器使用基于约束的布局 3.6 节在容器内为子组件设置最大、最小尺寸 3.7 节为容器指定行和列的约束 3.8 节使用约束条件为文本创建排版流程(Layout Flows) 3.9 节在容器...
DevExpress.XtraNavBar.dll
05-05
7. **皮肤和主题**：DevExpress控件库支持多种预设皮肤和自定义主题，帮助开发者快速打造出一致且吸引人的用户界面。 DevExpress.XtraNavBar.v6.2.dll是该控件的特定版本，版本号6.2表明这是DevExpress在某一时期的...
ASP.NET3.5典型模块开发源代码
05-15
11.3.2　在项目中添加“AspJpeg”组件　137 11.3.3　使用“AspNetImage”组件生成缩略图的范例　137 11.3.4　使用“AspNetImage”组件生成缩略图文字水印的范例　138 11.4　小结　139 第12章　防盗链模块　140 12.1...
Android高级编程.pdf
07-17
目录 ······ 第1章 Android简介 1.1 一些背景信息 ...1.5.1 对包括摄像头、GPS和...11.4.2 使用主题来为应用程序添加皮肤 11.4.3 高级画布绘图 11.4.4 SurfaceView简介 11.4.5 创建交互式控件 11.5 小结
Maven权威指南 很精典的学习教程,比ＡＮＴ更好用
02-09
6.2. simple-parent 项目 6.3. simple-weather 模块 6.4. simple-webapp 模块 6.5. 构建这个多模块项目 6.6. 运行Web应用 7. 多模块企业级项目 7.1. 简介 7.1.1. 下载本章样例 7.1.2. 多模块企业级项目 ...
《Android高级编程》
12-22
《Android高级编程》首先简要介绍Android软件栈，接着陈述为手机创建稳定可靠、赏心悦目的应用...11.4.2 使用主题来为应用程序添加皮肤 11.4.3 高级画布绘图 11.4.4 SurfaceView简介 11.4.5 创建交互式控件 11.5 小结
adobe flex开发向导
06-29
- **类与对象**：深入学习面向对象编程的基础概念，如封装、继承、多态等，以及如何在 Flex 中实现这些概念。 **1.3 高级主题** - **异常处理**：学习如何使用 try-catch-finally 结构来处理运行时错误。 - **模块...
一款非常好的WPF编程宝典2010 源代码
04-14
9.2.5 在另外一个页面中宿主页面 212 9.2.6 在Web浏览器中宿主页面 213 9.3 页面历史 214 9.3.1 深入分析WPF中的URI 214 9.3.2 导航历史 215 9.3.3 维护自定义的属性 216 9.4 导航服务 217 9.4.1 通过编程...
winxp入门教程-老年人专用
03-25
- **传真服务的添加与设置**：在Windows XP中添加传真服务并进行必要的配置。 - **传真的接收与发送**：通过电脑发送或接收传真。 - **传真服务的设置与管理**：管理传真队列、配置传真机等。 #### 第6章：设置自己...
Android高级编程--源代码
02-06
11.4.2 使用主题来为应用程序添加皮肤 372 11.4.3 高级画布绘图 373 11.4.4 SurfaceView简介 389 11.4.5 创建交互式控件 392 11.5 小结 397 前言 　对移动开发人员来说，现在是一个令人心潮澎湃的时代。手机...
Hadoop 2.2.0集群在RHEL6.2虚拟环境中搭建与问题解决
本文是一篇关于在RHEL6.2系统环境下搭建Hadoop2.2.0集群的实战教程。作者在两台配置为4GB内存、酷睿双核的PC机上，通过VMware Workstation创建了四个1G内存、单核CPU和10GB硬盘的RHEL6.2虚拟机，总共耗时10小时完成...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值