界面主题的调整系统及其方法技术方案

本发明专利技术提供一种界面主题的调整系统及其方法。一种界面主题的调整系统，包括：主题库模块，包含至少一个CSS文件，每个所述CSS文件定义一种主题，所述主题具有唯一id；主题选择模块，接收主题选择指令，选择对应的主题；主题关联模块，将所选择的主题和与之对应CSS文件形成关联，获取对应的CSS文件名；以及主题设置模块，用于根据所述对应的CSS文件名将所选择的主题应用于界面。本发明专利技术界面主题的调整系统及其方法，应用于网页或者应用程序，可以即时、动态改变界面的主题。

【技术实现步骤摘要】

本专利技术涉及网页或者应用程序的界面管理，尤指可以运行脚本语言和CSS的设备 上网页或者应用程序界面管理。
技术介绍
通常情况下，一个网页或者应用程序（APP)的界面风格是单一的，即具有唯一性。 但是现实生活中，使用产品的用户是多种多样的，即使从单纯的审美角度来看，不同的用户 对美的感受也是不尽相同的，此时单一的界面主题往往不能够满足不同需求的用户。随着 信息技术的发展和人们对产品要求的提高，很多时候需要让用户可以选择自己喜欢的界面 主题，从而大大提高用户体验度，满足不同的用户需要。 中国专利CN2013100767A、B. 0公开了一种在界面中提供主题变体，在幻灯片文件 中存储主题变体系列标识符，该标识符允许对主题的后续标识，并允许演示程序随后标识 供在主题变体图库上显示的主题变体。标识文件结构，该文件结构允许向后兼容，以使得具 有主题变体的幻灯片的演示文件能够由不实现主题变体的较早版本的演示程序来打开。该 专利提出的界面主题改变技术需要与服务器通信，使用环境、流程和需要的设备都比较复 杂。 中国专利CN201210491396. 5公开了一种网页主题确定的方法，首先给出了基于 布局标签的网页HTML标签文档划分方法，接着提出了块的概念，并对划分后的语义块进行 位置编号，构造出带有编号的布局标签D0M树，最后基于网页块的位置进行主题的确定和 主题链接的提取；使用户能迅速获取主题信息，扩展了Web的可用性。该专利需要对网页 HTML标签划分块，然后构造带编号的D0M树，最后基于网页块的位置进行主题的确定和主 题链接的提取，操作比较复杂。【专利
技术实现思路
】 本专利技术目的是提供一种，应用于网页或者应用程 序，可以即时、动态改变界面的主题。为了实现本专利技术目的，采用以下技术方案：一种界面主题的调整系统，包括：主题库模块，包含至少一个CSS文件，每个所述CSS文件定义一种主题，所述主题 具有唯一id;主题选择模块，接收主题选择指令，选择对应的主题；主题关联模块，将所选择的主题和与之对应CSS文件形成关联，获取对应的CSS文 件名； 以及主题设置模块，用于根据所述对应的css文件名将所选择的主题应用于界 面。 本方案利用层叠样式表（通用名称CSS)，对主题进行定义，可定义的内容包括背 景图片、颜色、字体、文字大小等等，凡是CSS支持的内容，均可定义。通过对脚本语言接受 用户指令并进行主题切换，用户可以十分方便的对网页或者应用程序（包括电脑程序和手 机应用程序）选择主题。只要能够运行脚本语言和CSS的设备上，一切网页或应用程序均 可利用本专利技术界面主题的调整系统进行主题调整。 优选地，所述主题选择模块包括至少一选择按钮，所述选择按钮由点击或触摸触 发并显示可选择的主题。 本方案提供了主题选择的优选方式，选择按钮，用户直接点击即可，无需使用任何 计算机语言发出命令。 进一步优选地，所述主题选择模块还包括主题缩略图显示模块，所述显示可选择 的主题即为显示主题缩略图； 所述主题选择模块响应点击或触摸某个主题缩略图的事件，选择需要应用的主 题，并向所述主题关联模块发送所选择的主题缩略图相应的主题的id。 本方案提供了选择主题时的优选显示方式一一主题缩略图，其表现清楚直观，用 户查看方便。 进一步优选地，所述主题选择模块还包括一恢复按钮，所述恢复按钮由点击或触 摸触发并恢复默认主题。 本方案提供了恢复默认主题的实现方式，操作简单。 所述主题关联模块接收所述主题选择模块发来相应的主题的id，获取对应的CSS 文件名； 并且所述主题设置模块根据所述对应的CSS文件名链接到对应的CSS文件，将所 选择的主题应用于界面。 本专利技术还提供一种界面主题的调整方法，包括以下步骤， S1根据主题选择指令，选择对应的主题，每个所述主题由一个对应的CSS文件定 义并具有唯一id;S2将所选择的主题和与之对应CSS文件形成关联，获取对应的CSS文件名；S3根据所述对应的CSS文件名将所选择的主题应用于界面。 进一步优选地，若未发出主题选择指令，则界面使用默认主题，所述默认主题由一 个对应的CSS文件定义。事实上，使用本专利技术系统或方法的网页或者应用程序在刚刚打开 时，界面使用默认主题。 进一步优选地，发出主题选择指令通过一选择按钮实现，所述选择按钮由点击或 触摸触发并显示可选择的主题；所述显示可选择的主题为显示主题缩略图，选择主题缩略 图则选择需要应用的主题。 进一步优选地，还包括一恢复步骤，所述恢复步骤通过一恢复按钮实现，所述恢复 按钮由点击或触摸触发并恢复默认主题。 进一步优选地，所述步骤S2具体为，响应对选择主题缩略图的点击或触摸事件， 获取选择需要应用的主题的id，并根据该id获取对应的CSS文件的文件名； 并且，步骤S3具体为根据所述对应的CSS文件名链接到对应的CSS文件，将所选 择的主题应用于界面。 本专利技术至少具有以下有益效果之一： 1.利用脚本语言和CSS实现本专利技术的界面主题的调整系统，对主题的定义自由灵 活，实现方便简单。 2.用户利用本专利技术系统和方法即时、动态地改变界面的主题，操作方便快捷。 3.凡是能够运行脚本语言和CSS的设备上，一切网页或应用程序均可利用本专利技术 系统和方法进行主题调整，可以应用在各种电脑、手机、路由器、平板等等各种设备上，应用 面宽。 4.本专利技术通过增加缩略图和与之对应的CSS文件，并使用脚本语言增加缩略图和 CSS文件的关联，即可实现用户界面主题的扩展，具有很好的可扩展性。 5.本专利技术经实际测试使用，效果理想，功能稳定。【附图说明】 下面结合附图和【具体实施方式】对本专利技术作进一步详细说明： 图1为界面主题的调整系统第一实施例示意图； 图2为在选择主题时界面显示内容的示意图； 图3为界面主题的调整方法流程示意图； 图4为默认主题界面显示示意图； 图5为bule主题界面显示示意图。 图中： 100界面主题的调整系统10界面 1主题库模块2主题选择模块3主题关联模块4主题设置模块 21选择按钮22恢复按钮A、B主题缩略图【具体实施方式】 为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现 有技术描述中所需要使用的附图作简单地介绍，显而易见地，以下说明和附图对于本专利技术 是示例性的，并且不应被理解为限制本专利技术。以下说明描述了众多具体细节以方便对本发 明理解。然而，在某些实例中，熟知的或常规的细节并未说明，以满足说明书简洁的要求。CSS是一种用来表现HTML(标准通用标记语言的一个应用）或XML(标准通用标记 语言的一个子集）等文件样式的计算机语言。CSS是能够真正做到网页表现与内容分离的 一种样式设计语言。CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎 所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。 应用本专利技术的设备通常包括处理器，含单核处理器或多核处理器。处理器也可称 为一个或多个微处理器、中央处理单元（CPU)等等。更具体地，处理器可为复杂的指令集计 算（CISC)微处理器、精简指令集计算（RISC)微处理器、超长指令字（VLIW)微处理器、实现 其他指令集的处理器，或实现指令集组合的处理器。处理器还可为一个或多个专用处理器， 诸如专用集成电路（A本文档来自技高网...

【技术保护点】
一种界面主题的调整系统，其特征在于，包括：主题库模块，包含至少一个CSS文件，每个所述CSS文件定义一种主题，所述主题具有唯一id；主题选择模块，接收主题选择指令，选择对应的主题；主题关联模块，将所选择的主题和与之对应CSS文件形成关联，获取对应的CSS文件名；以及主题设置模块，用于根据所述对应的CSS文件名将所选择的主题应用于界面。

【技术特征摘要】

【专利技术属性】
技术研发人员：王畅，
申请(专利权)人：上海斐讯数据通信技术有限公司，
类型：发明
国别省市：上海;31