`

6.2在主题中添加皮肤

阅读更多
在主题中添加皮肤

一个主题可以包含一个或多个皮肤文件。可以通过皮肤来修改所有具有皮肤效果的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

分享到:
评论

相关推荐

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

    extjs6.2 SDK下载

    8. **主题与皮肤**:EXTJS支持自定义主题,6.2可能会提供新的预设主题或改进现有主题的定制选项。 9. **国际化支持**:EXTJS通常支持多语言,6.2可能增加了更多语言的支持或改进了本地化流程。 10. **兼容性**:...

    Extjs6.2最新文档

    6. **主题和皮肤**:6.2版本可能增加了新的预设主题或提供了更灵活的主题定制选项,让开发者能够更方便地调整应用的外观。 7. **图表和图形**:ExtJS的图表组件强大且多样化,6.2可能扩展了更多的图表类型,增强了...

    suipack 6.2 for delphi full source

    2. **皮肤应用**:在项目中引入SUIPack的单元文件,然后在需要皮肤化的控件上设置`TSPXXX`类型的控件(如`TSPButton`代替`TButton`),并调整属性以应用皮肤。 3. **皮肤选择与切换**:通过Skins目录中的皮肤文件,...

    ewebeditor 6.2 .net后台 新增白色界面

    在6.2版本中,开发者针对.NET环境对原有的ASP版本进行了移植,并且增加了一个新的白色界面设计,以满足更多用户对于界面美观和简洁的需求。 在ASP版本的基础上创建.NET后台,意味着开发团队将原有的ASP代码进行了...

    substance 6.2

    在这个目录下,我们可以找到Substance库的实现代码,包括各种组件皮肤和主题的实现。 4. **lib**:这是一个库文件夹,通常存放项目的外部依赖。这里可能包含了Substance运行所必需的JAR文件和其他第三方库,如Java ...

    Developing themes and skins in IBM WebSphere Portal 6.0.X

    通过阅读本文档,读者将能够理解新版主题与皮肤中新增的功能,如主题扩展和主题策略等,并了解如何整合构成完整主题的各个文件,以及这些文件如何用于控制门户外观和感觉的各个方面。 #### 二、主题与皮肤基础 **...

    DevExpress.XtraNavBar.dll

    7. **皮肤和主题**:DevExpress控件库支持多种预设皮肤和自定义主题,帮助开发者快速打造出一致且吸引人的用户界面。 DevExpress.XtraNavBar.v6.2.dll是该控件的特定版本,版本号6.2表明这是DevExpress在某一时期的...

    flex3的cookbook书籍完整版dpf(包含目录)

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

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

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

    primefaces_user_guide_6_2

    此外,手册中还可能涵盖其他主题,比如如何使用组件皮肤来自定义组件外观,如何使用布局单位创建响应式设计等等。 PrimeFaces的每个组件都有自己的配置选项和事件处理器,开发者可以根据需要定制组件行为。手册提供...

    adobe flex开发向导

    - **类与对象**:深入学习面向对象编程的基础概念,如封装、继承、多态等,以及如何在 Flex 中实现这些概念。 **1.3 高级主题** - **异常处理**:学习如何使用 try-catch-finally 结构来处理运行时错误。 - **模块...

    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 小结

    winxp入门教程-老年人专用

    - **传真服务的添加与设置**:在Windows XP中添加传真服务并进行必要的配置。 - **传真的接收与发送**:通过电脑发送或接收传真。 - **传真服务的设置与管理**:管理传真队列、配置传真机等。 #### 第6章:设置自己...

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

Global site tag (gtag.js) - Google Analytics