br>[0055] 以及主题设置模块4,用于根据对应的CSS文件名将所选择的主题应用于界面。
[0056] 主题选择模块2,主题关联模块3,以及主题设置模块4均采用脚本语言实现，例 如JavaScript。JavaScript-种直译式脚本语言，内置支持类型。它的解释器被称为 JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言。
[0057] 第二实施例
[0058]如图1、图2本实施例其他部分与上一实施例相同，包括主题库模块1、主题选择模 块2,主题关联模块3,以及主题设置模块4。
[0059] 如图1、图2主题选择模块2进一步包括选择按钮21、恢复按钮22以及主题缩略 图A、B。图2为界面10主题的调整系统第二实施例中界面实例示意图。为了表达方便，图 2中省略了其他与本发明无关的网页或者应用程序的内容。此外，选择按钮21和恢复按钮 22在界面10上具体显示的字的内容（例如图中的"选择主题"、"恢复主题"）可随意设置， 无论为何种内容（包括图片）均不影响本发明的实现并包括在本发明的保护范围中。选择 按钮21和恢复按钮22表达其功能。主题缩略图的数量不限，有多少主题，就有对应的多少 主题缩略图（以下实施例相同）。图2中以两个主题缩略图A、B为例，对应两个主题。
[0060] 选择按钮21由点击或触摸触发并显示可选择的主题。显示可选择的主题即为显 示主题缩略图A、B。主题选择模块2响应点击或触摸某个主题缩略图A或B的事件，选择 需要应用的主题，并向主题关联模块3发送所选择的主题缩略图A或B相应的主题的id。
[0061] 恢复按钮22由点击或触摸触发并恢复默认主题。
[0062] 主题关联模块3接收主题选择模块2发来的主题的id，获取对应的CSS文件名。 主题设置模块4根据对应的CSS文件名链接到对应的CSS文件，将所选择的主题应用于界 面10〇
[0063] 如图3,本发明还提供一种界面主题的调整方法，包括以下步骤，
[0064]S1根据主题选择指令，选择对应的主题，每个主题由一个对应的CSS文件定义并 具有唯一id;
[0065] S2将所选择的主题和与之对应CSS文件形成关联，获取对应的CSS文件名；
[0066]S3根据对应的CSS文件名将所选择的主题应用于界面。
[0067] 第三实施例
[0068] 下面，通过一个采用JavaScript脚本实现的本发明的实施例，说明本发明的优选 方法：
[0069] 首先CSS文件定义三种用户界面10的主题，对应的三个CSS文件名称分别 default, css、blue, css和white. css〇
[0070] default, css相应的主题为默认主题，内容为
[0071]body{
[0072]background:#fff；
[0073] }
[0074] 其定义了默认主题的背景为空白。
[0075]blue,css相应的主题id为blue，内容为：
[0076]
[0077] 其定义了blue主题的背景为jpg格式的图片"images/1.jpg"，以及该背景显示位 置为"font-size: 20px"，字体颜色为"blue"即蓝色。
[0078]white,css相应的主题id为blue，内容为：
[0079]
[0080] 其定义了white主题的背景为jpg格式的图片"images/2.jpg"，以及设置字体大 小为"font_size:20px"，字体颜色为"white"即白色。
[0081] CSS可定义的内容包括背景图片、颜色、字体、文字大小等等，凡是CSS支持的内 容，均可定义。本实施例中为了简便表达仅仅定义了背景图片和字体大小，仅为示例，不可 理解为限制。
[0082] 者应用程序在刚刚打开时，界面10使用默认主题。默认主题由上述名称为 default,css的CSS文件定义。如图4所示，该主题背景为空白。为了表达方便，图4中省 略了其他与本发明无关的网页或者应用程序的内容（以下图也是如此。）。
[0083]脚本引用该default,css具体内容为：〈linkhref='default,css'rel= "stylesheet"media= "screen"id='cssLinkId'>"，设置了一个id为"cssLinkld"，目的 是为了在后续中通过改变此id对应的引入的css文件来设置和改变界面10的主题。media ="screen〃表示显示的媒体为屏幕，rel= "stylesheet〃表示指定的是外部加载的样式 表。
[0084] 如图2,用户发出主题选择指令通过选择按钮21实现，点击或触摸选择按钮21由 触发并显示可选择的主题；显示可选择的主题为显示主题缩略图A、B。主题缩略图A对应 blue主题，主题缩略图B对应white主题。选择主题缩略图A或B则选择需要应用的主题。
[0085] 假设用户点击主题缩略图A，则响应对选择主题缩略图的点击或触摸事件，获取选 择需要应用的主题的id即bule，并根据该id获取对应的CSS文件的文件名blue,css。根 据对应的CSS文件名blue,css链接到对应的CSS文件，将所选择的主题bule应用于界面 10。此时的界面10如图5所示。同样的，如果用户点击缩略图B，则主题white应用于界面 10。
[0086] 在图5的基础上，当用户点击恢复按钮，将恢复默认主题，如图4所示。
[0087] 应当说明的是，上述实施例均可根据需要自由组合。以上所述仅是本发明的优选 实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提 下，还可以做出若干省略、改进和润饰，这些改进和润饰也应视为本发明的保护范围。
【主权项】
1. 一种界面主题的调整系统，其特征在于，包括： 主题库模块，包含至少一个CSS文件，每个所述CSS文件定义一种主题，所述主题具有 唯一 id ; 主题选择模块，接收主题选择指令，选择对应的主题； 主题关联模块，将所选择的主题和与之对应CSS文件形成关联，获取对应的CSS文件 名； 以及主题设置模块，用于根据所述对应的CSS文件名将所选择的主题应用于界面。2. 根据权利要求1所述的界面主题的调整系统，其特征在于，所述主题选择模块包括 至少一选择按钮，所述选择按钮由点击或触摸触发并显示可选择的主题。3. 根据权利要求2所述的界面主题的调整系统，其特征在于，所述主题选择模块还包 括主题缩略图显示模块，所述显示可选择的主题即为显示主题缩略图； 所述主题选择模块响应点击或触摸某个主题缩略图的事件，选择需要应用的主题，并 向所述主题关联模块发送所选择的主题缩略图相应的主题的id。4. 根据权利要求2所述的界面主题的调整系统，其特征在于，所述主题选择模块还包 括一恢复按钮，所述恢复按钮由点击或触摸触发并恢复默认主题。5. 根据权利要求3所述的界面主题的调整系统，其特征在于，所述主题关联模块接收 所述主题选择模块发来相应的主题的id。，获取对应的CSS文件名； 并且所述主题设置模块根据所述对应的CSS文件名链接到对应的CSS文件，将所选择 的主题应用于界面。6. -种界面主题的调整方法，其特征在于，包括以下步骤， Sl根据主题选择指令，选择对应的主题，每个所述主题由一个对应的CSS文件定义并 具有唯一 id ; S2将所选择的主题和与之对应CSS文件形成关联，获取对应的CSS文件名； S3根据所述对应的CSS文件名将所选择的主题应用于界面。7. 根据权利要求6所述的界面主题的调整方法，其特征在于，若未发出主题选择指令， 则界面使用默认主题，所述默认主题由一个对应的CSS文件定义。8. 根据权利要求6或7所述的界面主题的调整方法，其特征在于，发出主题选择指令通 过一选择按钮实现，所述选择按钮由点击或触摸触发并显示可选择的主题；所述显示可选 择的主题为显示主题缩略图，选择主题缩略图则选择需要应用的主题。9. 根据权利要求7所述的界面主题的调整方法，其特征在于，还包括一恢复步骤，所述 恢复步骤通过一恢复按钮实现，所述恢复按钮由点击或触摸触发并恢复默认主题。10. 根据权利要求8所述的界面主题的调整方法，其特征在于，所述步骤S2具体为，响 应对选择主题缩略图的点击或触摸事件，获取选择需要应用的主题的id，并根据该id获取 对应的CSS文件的文件名； 并且，步骤S3具体为根据所述对应的CSS文件名链接到对应的CSS文件，将所选择的 主题应用于界面。
【专利摘要】本发明提供一种界面主题的调整系统及其方法。一种界面主题的调整系统，包括：主题库模块，包含至少一个CSS文件，每个所述CSS文件定义一种主题，所述主题具有唯一id；主题选择模块，接收主题选择指令，选择对应的主题；主题关联模块，将所选择的主题和与之对应CSS文件形成关联，获取对应的CSS文件名；以及主题设置模块，用于根据所述对应的CSS文件名将所选择的主题应用于界面。本发明界面主题的调整系统及其方法，应用于网页或者应用程序，可以即时、动态改变界面的主题。
【IPC分类】G06F17/30
【公开号】CN105022841
【申请号】CN201510510538
【发明人】王畅
【申请人】上海斐讯数据通信技术有限公司
【公开日】2015年11月4日
【申请日】2015年8月19日