`

6.2在主题中添加皮肤

ASP.netASPXHTMLCC++ 
阅读更多
在主题中添加皮肤

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

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


<%@ 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>


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

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


调用页面： 
<%@ 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>

结果：


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

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

<%@ 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>

显示：

显示的是Skin中的

3、禁用主题
   每个Asp.net控件都包含名为EnableTheming的属性
  Simple4\Calendar.skin 
 <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>


ShowEnableTheming.aspx 
<%@ 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>


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

分享到：
| 6.1创建主题
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    ASP.NET 控件的使用

    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 使用...

    ASP.NET.4揭秘

    6.2 在主题中添加皮肤205 6.2.1 创建命名皮肤206 6.2.2 theme与stylesheetthemes208 6.2.3 禁用主题209 6.2.4 在web配置文件中注册主题211 6.3 在主题中添加css212 6.3.1 在主题中添加多个css215 6.3.2 使用css改变...

    flex3的cookbook书籍完整版dpf（包含目录）

    3.4 节在容器中动态添加和移除子组件 3.5 节对容器使用基于约束的布局 3.6 节在容器内为子组件设置最大、最小尺寸 3.7 节为容器指定行和列的约束 3.8 节使用约束条件为文本创建排版流程(Layout Flows) 3.9 节在容器...

    Maven权威指南 很精典的学习教程,比ＡＮＴ更好用

    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. 多模块企业级项目 ...

    ASP.NET3.5典型模块开发源代码

    11.3.2　在项目中添加“AspJpeg”组件　137 11.3.3　使用“AspNetImage”组件生成缩略图的范例　137 11.3.4　使用“AspNetImage”组件生成缩略图文字水印的范例　138 11.4　小结　139 第12章　防盗链模块　140 12.1...

    Android高级编程.pdf

    目录 ······ 第1章 Android简介 1.1 一些背景信息 ...1.5.1 对包括摄像头、GPS和...11.4.2 使用主题来为应用程序添加皮肤 11.4.3 高级画布绘图 11.4.4 SurfaceView简介 11.4.5 创建交互式控件 11.5 小结

    《Android高级编程》

    《Android高级编程》首先简要介绍Android软件栈，接着陈述为手机创建稳定可靠、赏心悦目的应用...11.4.2 使用主题来为应用程序添加皮肤 11.4.3 高级画布绘图 11.4.4 SurfaceView简介 11.4.5 创建交互式控件 11.5 小结

    ASP.NET教学讲义，完整章节

    6.5 皮肤和主题的概念 113 6.6 样式的应用 114 6.7 主题的构成与构建 115 6.8 设置站点级别的样式 116 6.9 站点导航 117 6.10 导航控件 118 第七章：ASP.NET的安全性 120 7.3安全性的概念 120 7.4 ASP.NET安全性的...

    Android高级编程--源代码

    11.4.2 使用主题来为应用程序添加皮肤 372 11.4.3 高级画布绘图 373 11.4.4 SurfaceView简介 389 11.4.5 创建交互式控件 392 11.5 小结 397 前言 　对移动开发人员来说，现在是一个令人心潮澎湃的时代。手机...

    一款非常好的WPF编程宝典2010 源代码

    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 通过编程...

    Apress.Pro.WPF.in.C.Sharp.2008.2nd.Edition.Feb.2008

    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 通过编程进行导航 ...

    WPF编程宝典 part1

    14.1.2 在元素中封装可视化对象 329 14.1.3 命中测试 332 14.1.4 复杂的命中测试 334 14.2 效果 338 14.2.1 BlurEffect类 338 14.2.2 DropShadowEffect类 339 14.2.3 ShaderEffect类 340 14.3 WriteableBitmap类 342...

    WPF编程宝典 part2

    14.1.2 在元素中封装可视化对象 329 14.1.3 命中测试 332 14.1.4 复杂的命中测试 334 14.2 效果 338 14.2.1 BlurEffect类 338 14.2.2 DropShadowEffect类 339 14.2.3 ShaderEffect类 340 14.3 WriteableBitmap类 342...

    asp.net教学讲义

    6.5 皮肤和主题的概念 104 6.6 样式的应用 105 6.6.1 对单独页面元素使用样式 105 6.6.2 将样式移动到样式表 105 6.6.3 样式表编辑 105 6.7 主题的构成与构建 106 6.8 设置站点级别的样式 107 6.9 站点导航 108 ...

    ASP.NET 3.5 开发大全word课件

    这是整部学习资料 由于太大第一章免费供应给大家 在我的上传资源中 如果觉得还不过希望大家给个好评 当然具体本书的作者就不深究了把！ 第1章 认识ASP.NET 3.5 1.1 什么是ASP.NET 1.1.1 .NET历史与展望 1.1.2 ASP...

    ASP.NET3.5从入门到精通

    目录 第一篇 .NET基础 第 1 章认识 ASP.NET 3.5 1.1 什么是ASP.NET 1.1.1 .NET 历史与展望 1.1.2 ASP.NET 与ASP ...18.5.1 在客户端添加WCF 服务 18.5.2 在客户端使用WCF 服务 18.6 小结 第 19 章 WPF...

    ASP.NET 3.5 开发大全11-15

    第12章 ASP.NET的皮肤、主题和母版页 12.1 皮肤和主题 12.1.1 CSS简介 12.1.2 CSS基础 12.1.3 CSS常用属性 12.1.4 将CSS应用在控件上 12.1.5 主题和皮肤 12.1.6 页面主题和全局主题 12.1.7 应用和禁用主题 12.1.8 用...

    ASP.NET 3.5 开发大全

    第12章 ASP.NET的皮肤、主题和母版页 12.1 皮肤和主题 12.1.1 CSS简介 12.1.2 CSS基础 12.1.3 CSS常用属性 12.1.4 将CSS应用在控件上 12.1.5 主题和皮肤 12.1.6 页面主题和全局主题 12.1.7 应用和禁用主题 12.1.8 用...

    ASP.NET 3.5 开发大全1-5

    第12章 ASP.NET的皮肤、主题和母版页 12.1 皮肤和主题 12.1.1 CSS简介 12.1.2 CSS基础 12.1.3 CSS常用属性 12.1.4 将CSS应用在控件上 12.1.5 主题和皮肤 12.1.6 页面主题和全局主题 12.1.7 应用和禁用主题 12.1.8 用...

    ASPNET35开发大全第一章

    第12章 ASP.NET的皮肤、主题和母版页 12.1 皮肤和主题 12.1.1 CSS简介 12.1.2 CSS基础 12.1.3 CSS常用属性 12.1.4 将CSS应用在控件上 12.1.5 主题和皮肤 12.1.6 页面主题和全局主题 12.1.7 应用和禁用主题 12.1.8 用...

Magicbox
Global site tag (gtag.js) - Google Analytics