ASP.NET中的Theme功能

最新推荐文章于 2024-07-18 22:29:08 发布
最新推荐文章于 2024-07-18 22:29:08 发布
阅读量650 收藏
点赞数
文章标签： asp.net textbox server button asp themes
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LazyLion2010/article/details/6030877
版权

目录

1 概述... 1

2 创建简单的Theme. 1

3 Theme的主要应用范围和限制... 2

4 默认Skin和命名Skin. 2

5 Theme的作用域... 2

6 Themes vs StyleSheetThemes. 3

7 Theme和CSS. 3

8 动态加载Theme. 3

9 在不同的作用域同时设置了Theme时的优先级... 3

10示例-创建简单的Theme. 4

 


正文

1 概述

● 为一组网站控件设定统一的外观

如所有TextBox控件的背景

● 不是CSS

CSS调整HTML标记的外观

Theme调整控件的外观

●     也不是Master Page

Master Page定义所有页面的排版

Master Page可以同Theme同时使用

2 创建简单的Theme

●     创建App_theme目录

●     为App_theme创建子目录

OrangeTheme

BlueTheme

●     为不同的Theme目录添加Skin文件

可以添加一个或多个

ASP.NET2.0将自动分析所有的文件

● 示例-创建简单的Theme

3 Theme的主要应用范围和限制

● 为网站控件设定统一的外观

● 可以指定如下属性（与外观相关的）

   ForeColor

   BackColor

   Text

● 不能指定如下属性（与外观无关的）

   AutoPostback

4 默认Skin和命名Skin

● 默认Skin

   为某一种控件指定缺省外观

● 命名Skin

   为控件指定多个外观  

<asp:TextBox <%--默认skin--%>

    BackColor="Blue"

    ForeColor="White"

    runat="server"/>

   

<asp:TextBox <%--命名skin--%>

    SkinID="BlueOrange"

    BackColor="Orange"

    ForeColor="DarkGreen"

    runat="server"/>

   

<asp:Button <%--默认skin--%>

    BackColor="Blue"

    ForeColor="White"

    Font-Bold="true"

    runat="server" />

5 Theme的作用域

● 控件

   SkinID

   默认Skin

● 页面

  <%@ Page Theme="OrangeTheme" %>

● 网站

<configuration>

  <system.web>

    <pages theme="OrangeTheme"/>

  </system.web>

</configuration>

6 Themes vs StyleSheetThemes

● Themes

   为某一种控件指定外观

   不可被重载

● StyleSheetThemes

   为某一种控件指定外观

   可以被重载

7 Theme和CSS

● Theme

   指定服务器端控件的外观

   是ASP.NET2.0的特性

●     CSS

指定HTML控件的外观

   是W3C标准

● 可以共同使用

8 动态加载Theme

根据条件采用不同的Theme

在Page_PreInit事件中处理

void Page_PreInit(object sender, EventArgs e)

{

    Page.Theme = "OrangeTheme";

}

9 在不同的作用域同时设置了Theme时的优先级

前4列表示对应的作用域是否设置了Theme

Web.config

Page(theme)

Page(StyleSheetTheme)

Control

优先级

否

是

否

是

Page(Theme)

否

否

是

是

Control

是

是

否

是

Page(theme)

是

否

是

是

Web.config

是

否

否

是

Web.config

 

10示例-创建简单的Theme

OrangeTheme（通过多个skin文件进行设置）

Button.skin

<asp:Button

    BackColor="Orange"

    ForeColor="DarkGreen"

    Font-Bold="true"

    runat="server" />

TextBox.skin

<asp:TextBox

    BackColor="Orange"

    ForeColor="DarkGreen"

    runat="server"/>

GridView.skin

<asp:GridView

        AutoGenerateColumns="false"

        CellPadding="5"

        Font-Names="Arial"

        runat="server">

<AlternatingRowStyle BackColor="Orange" />

<Columns>

<asp:BoundField

    HeaderText="ProcuctName"

    DataField="ProductName" />

<asp:BoundField

    HeaderText="Price"

    DataField="Price" />

</Columns>

</asp:GridView>

 

BlueTheme（通过一个skin文件进行设置）

<asp:TextBox

    BackColor="Blue"

    ForeColor="White"

    runat="server"/>

   

<asp:Button

    BackColor="Blue"

    ForeColor="White"

    Font-Bold="true"

    runat="server" />

   

<asp:GridView

        AutoGenerateColumns="false"

        CellPadding="5"

        Font-Names="Arial"

        runat="server">

<AlternatingRowStyle BackColor="LightBlue" />

<Columns>

<asp:BoundField

    HeaderText="ProcuctName"

    DataField="ProductName" />

<asp:BoundField

    HeaderText="Price"

    DataField="Price" />

</Columns>

</asp:GridView>

 

ASPX文件(可以在aspx文件中指定Theme)

<%@ Page Theme="OrangeTheme" Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

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

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>

</head>

<body>

    <form id="form1" runat="server">

    <div>

        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

        <asp:Button ID="Button1" runat="server" Text="Button" />

        <asp:GridView ID="GridView1" runat="server">

        </asp:GridView>

    </div>

    </form>

</body>

</html>

 

CS文件

protected void Page_Load(object sender, EventArgs e)

    {

        if (!IsPostBack)

        {

            DataTable source = GetData();

            GridView1.DataSource = source;

            GridView1.DataBind();

        }

    }

 

    private DataTable GetData()

    {

        DataTable dt = new DataTable();

        dt.TableName = "TestGridViewTheme";

        dt.Columns.Add("ProductName", typeof(string));

        dt.Columns.Add("Price", typeof(float));

        DataRow dr1 = dt.NewRow();

        dr1["ProductName"] = "自行车";

        dr1["Price"] = 1000;

        DataRow dr2 = dt.NewRow();

        dr2["ProductName"] = "摩托车";

        dr2["Price"] = 5000;

        DataRow dr3 = dt.NewRow();

        dr3["ProductName"] = "小轿车";

        dr3["Price"] = 200000;

        DataRow dr4 = dt.NewRow();

        dr4["ProductName"] = "赛车";

        dr4["Price"] = 3000000;

        dt.Rows.Add(dr1);

        dt.Rows.Add(dr2);

        dt.Rows.Add(dr3);

        dt.Rows.Add(dr4);

        return dt;

    }

 

LazyLion2010
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
asp.net新特性theme的使用和介绍!
澜澜
07-27 1626
应用主题的办法办法              1。全局主题：在Web.config中中添加节，这样在整个应用中都会自动应用名为ThemeName 的主题        2。页面主题：在ASPX文件顶部加入：，这样当前页面都会应用名为ThemeName 的主题，或者在ASPX_CS中加(Page_Load方法)入如下代码 Page. StyleSheetTheme = “ThemeName”
ASP.NET-使用主题
qq_34874791的博客
06-08 2407
1. 使用外观文件 （2）创建外观文件 在应用程序根目录下创建一个APP_Themes文件夹，并添加一个主题。在主题中添加外观文件，TextBoxSkin.skin; 在文件添加如下代码： 默认外观：              ForeColor="#C04000" Width="149px"/> 命名外观：              BorderStyle="Dashed"
ASP.NET 主题（Themes）FAQ( 转自善友)
yangqian1130的专栏
03-13 441
1、主题是什么   主题由一组元素组成：外观、级联样式表 (CSS)、图像和其他资源。主题将至少包含外观。主题是在网站或 Web 服务器上的特殊目录中定义的。主题是一组Web Control的属性设置的集合，提供一种简单的方法设置控件的样式属性。·         主题只在Web Control中有效·         母板页（Master Page）上不能设置主题，但是主题可
ASP.NET 主题（Themes）FAQ
mywebstudy的专栏
08-30 309
1、主题是什么    主题由一组元素组成：外观、级联样式表 (CSS)、图像和其他资源。主题将至少包含外观。主题是在网站或 Web 服务器上的特殊目录中定义的。主题是一组Web Control的属性设置的集合，提供一种简单的方法设置控件的样式属性。 ·         主题只
温故知新ASP.NET 2.0(C#)(2) - Themes(主题)
webabcd的专栏
02-13 367
[索引页][源码下载]温故知新ASP.NET 2.0(C#)(2) - Themes(主题)作者：webabcd介绍使用 ASP.NET 2.0 的“主题”功能，可以将样式和布局信息分解为单独的文件组，统称为“主题”。然后，主题可应用于任何站点，影响站点中页和控件的外观。这样，通过更改主题即可轻松地维护对站点的样式更改，而无需对站点各页进行编辑。还可与其
ASP.NET页面主题
t13701275189的博客
02-17 763
ASP.NET页面有两个设置主题的不同属性，Themes属性和StyleSheetTheme属性。这两个属性，都是用App_Theme定义的主题，但是StyleSheetTheme属性在页面开始的比较早，Themes属性在页面的生命周期中用的比较晚。 所以，StyleSheetTheme属性能被页面重写，而Theme又能重写这些属性。Theme定义的页面外观就不能再被重写了。 应用主题有三个选项：...
ASP.NET中Theme使用方式
Ivan Song的专栏
02-18 1662
Theme使用方式
ASP.NET源码——silverlight toolkit中的主题(theme)应用.zip
10-10
在这个压缩包中，"ASP.NET源码——silverlight toolkit中的主题(theme)应用.zip"包含了关于如何在ASP.NET中应用Silverlight Toolkit的主题的应用示例。 首先，我们要理解什么是Silverlight Toolkit。这是一个开源...
【ASP.NET编程知识】ASP.NET MVC Admin主页快速构建.docx
05-16
在互联网时代，资源共享是非常方便的，我们可以从网上下载一个 admin 模板，然后将其整合到我们的 ASP.NET MVC 项目中。这里我们选择了 AircraftAdmin 模板，它是一个清爽版的 Admin 模板，具有现代化的设计风格和...
EntLibForum 开源ASP.NET论坛系统
03-16
内容索引:.NET源码,论坛社区,EntLibForum　论坛系统是基于YAF开源论坛基础上进行汉化及改良的版本。...　EntLibForum开源论坛支持虚拟主机用户、更换或自定义模板Theme、最新FCKEditor编辑器、个性化论坛图标等等功能。
ASP.NET源码——母板页(MasterPage)中设置主题(附程序详解).zip
10-10
总结来说，ASP.NET的母板页和主题功能为开发者提供了强大的工具，可以方便地管理网站的全局样式和布局。通过理解并熟练运用这两个特性，你可以构建出专业且具有统一风格的网站，同时提高开发效率。
Asp.net主题（theme）和皮肤（skin）的使用
weixin_30832983的博客
05-13 345
Code asp.net的服务器端控件提供了多种样式的设计，如果对每个控件都单独设置，是比较繁琐的事情，所以微软也提供了针对这些服务器端控件的样式管理，其实也可以通过css来控制部分服务器端控件的样式，比如textbox，如果用普css就是对input进行样式控制，但对于gridview或者日历控件等，css文件无法灵活的控制，这就需要微软专门为服务器端控件提供的主题和皮肤。 主题和皮肤的...
ASP.NET中主题的创建和应用
张亚运的专栏
07-08 3680
1创建ASP.NET网站 模板->选择 添加ASP.NET文件夹 下面的属性
HarmonyOS NEXT零基础入门到实战-第一部分
sxwn123的专栏
07-18 961
/ console.log('收下', this.randomIndex, this.images[this.randomIndex].count).justifyContent(枚举FlexAlign.Start/Center/End/SpaceBetween/SpaceAround/SpaceEvenly).justifyContent(枚举FlexAlign.Start/Center/End/SpaceBetween/SpaceAround/SpaceEvenly)
b050闲置图书分享-springboot+vue+elementui.zip（可运行源码+sql文件+文档）
07-23
本次开发的闲置图书分享平台实现了收货地址管理、字典管理、公告管理、留言板管理、图书管理、图书收藏管理、图书评价管理、图书订单管理、用户管理、管理员管理等功能。系统用到了关系型数据库中王者MySql作为系统的数据库，有效的对数据进行安全的存储，有效的备份，对数据可靠性方面得到了保证。并且程序也具备程序需求的所有功能，使得操作性还是安全性都大大提高，让闲置图书分享平台更能从理念走到现实，确确实实的让人们提升信息处理效率。 管理图书的数据，此页面主要实现图书的增加、修改、删除、查看的功能。公告信息管理页面提供的功能操作有：新增公告，修改公告，删除公告操作。公告类型管理页面显示所有公告类型，在此页面既可以让管理员添加新的公告信息类型，也能对已有的公告类型信息执行编辑更新，失效的公告类型信息也能让管理员快速删除。
《大学生职业生涯规划与就业指导》大一阶段课程作业
最新发布
07-24
《大学生职业生涯规划与就业指导》大一阶段课程作业
开题报告潮汕特产直销系统 已通过开题答辩的.doc
07-23
随着互联网的高速发展，人们的生活方式发生了翻天覆地的变化，在过去，人们想要购买很远地方的东西会非常麻烦，因为是通信和交通都不是十分的方便，而现在网络购物成为了人们日常生活中不可或缺的一部分。在这样的背景下，互联网与传统行业的融合已经成为了一种不可阻挡的趋势。对于中国特色的潮汕特产来说，这一趋势也带来了巨大的变革和发展机遇[1]。
Python性能优化：掌握性能分析工具的实战指南
07-23
Python是一种广泛使用的高级编程语言，由Guido van Rossum于1989年底发明，第一个公开发行版发行于1991年。Python的设计哲学强调代码的可读性和简洁的语法（尤其是使用空格缩进来区分代码块，而不是使用大括号或关键词）。这使得Python被认为是一种易于学习的语言，同时具备强大的功能，适合初学者和经验丰富的程序员。 Python的主要特点包括： 1. **易于学习**：Python有相对较少的关键字，结构简单，和一个明确定义的语法。 2. **易于阅读**：Python代码定义的清晰度使得它像可执行伪代码。 3. **易于维护**：Python的成功在于它的源代码是相当容易维护的。 4. **广泛的标准库**：Python的标凑库很庞大，包含用于互联网通信、网络通信、数据压缩、加密、系统管理等的模块。 5. **跨平台**：Python可以在多种操作系统上运行，包括但不限于Windows、Mac OS X、Linux等。 6. **解释型语言**：Python是一种解释型语言，这意味着开发过程中没有编译步骤。 7. **动态类型系统**：Python不会在编写
Android学习系列之gradle实战
07-23
Android学习系列之gradle实战
ASP.NET2.0缓存功能增强：提高性能与可扩展性
此外，ASP.NET2.0还引入了Post-CacheSubstitution控件，这是一个非常实用的功能，它允许在已经缓存的页面中插入动态内容。这在需要部分更新缓存页面而无需重新加载整个页面的情况下特别有用，比如显示实时通知或个性...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值