界面切换的方法和装置制造方法
【专利摘要】本发明提供一种界面切换的方法，包括获取资源文件和界面配置文件；渲染界面并填充资源文件内容，生成待切换界面；接收切换指令，将选定的所述待切换界面切换为当前布局界面。本发明的目的为提供一种界面切换的方法，可通过配置更换HTML模板，以实现交互界面布局模板的整体切换，不但开发灵活、周期短，而且操作方便，提升了用户体验感。
【专利说明】界面切换的方法和装置
【技术领域】
[0001] 本发明涉及界面切换【技术领域】，尤其涉及一种可通过配置更换HTML模板而实现 交互界面布局模板整体切换的界面切换方法和装置。
【背景技术】
[0002] 随着多媒体信息查询的与口俱增，人们越来越多地谈到触摸屏，公认地其具有坚 固耐用、反应速度快、节省空间、易于交流等许多优点。利用这种技术，我们用户只要用手指 轻轻地碰计算机显示屏上的图符或文字就能实现对主机操作，从而使人机交互更为直截了 当，这种技术大大方便了那些不懂电脑操作的用户。
[0003] 现有技术在触摸屏界面切换上的设计相对比较死板，具体表现为：
[0004] 1、交互界面通常是采用原生编码来实现，而交互界面是最频繁改变的部分，直接 导致了交互界面的开发响应慢、开发不够灵活的后果，使得交互界面不但开发效率低，而且 开发周期长；
[0005] 2、界面配置不够灵活，只能全局统一切换，不能为不同的模块单独配置可切换的 界面，也不能使子模块自动继承父模块的界面切换配置；
[0006] 3、界面切换通常是通过更换贴图资源来完成的，而这种界面切换的方式并未更改 交互界面的布局，因此仅能说是一种换肤功能，并不是真正切换了交互界面，导致用户体验 感差。
【发明内容】
[0007] 本发明的目的为提供一种界面切换的方法和装置，可通过配置更换HTML模板，以 实现交互界面布局模板的整体切换，不但开发灵活、周期短，而且操作方便，提升了用户体 验感。
[0008] 为实现上述发明目的，一方面，本发明实施例提供一种界面切换的方法，包括：
[0009] 获取资源文件和界面配置文件；
[0010] 渲染界面并填充资源文件内容，生成待切换界面；
[0011] 接收切换指令，将选定的所述待切换界面切换为当前布局界面。
[0012] 优选的，所述获取资源文件和界面配置文件后，还包括：将所述资源文件转换成其 所在界面所需要的格式和类型。
[0013] 优选的，所述渲染界面并填充资源文件内容，生成待切换界面包括：
[0014] 用界面基础框架加载所述资源文件和界面配置文件；
[0015] 解析所述界面配置文件,获取界面名称列表和每一界面所对应的界面存储路径；
[0016] 动态加载所述界面存储路径下的布局定义和界面样式表；
[0017] 将资源文件按布局定义填充到界面模板，再将填充后的界面模板按界面样式表进 行修改，生成所述待切换界面。
[0018] 优选的，所述获取界面名称列表和每一界面所对应的界面存储路径包括：
[0019] 通过记录每级素材目录所配置的界面名称，判断当前目录是否已经配置所需界面 名称，若有，则应用当前目录配置，若未配置，则以其父目录所配置的界面作为当前目录的 配置，将界面配置转换为界面名称列表，并通过界面名称，计算出每一界面所对应的界面存 储路径。
[0020] 优选的，所述将资源文件按布局定义填充到界面模板包括：利用所述界面基础框 架加载JavaScript脚本或CSS级联样式表，JavaScript脚本或CSS级联样式表将资源文 件按布局定义填充到界面模板，渲染填充后的界面并建立界面交互。
[0021] 优选的，所述动态加载界面路径下的的布局定义包含可填充变量的HTML片段。
[0022] 优选的，所述界面基础框架加载JavaScript脚本或CSS级联样式表的方法为：
[0023] 判断所输入的加载文件的文件类型是JavaScript脚本还是CSS级联样式表；
[0024] 若是JavaScript脚本，贝U仓ll建Script结点；若是CSS级联样式表，贝U仓ll建link结 占.
[0025] 并将所述Script结点或所述link结点添加到head标签中；
[0026] 判断加载JavaScript脚本或CSS级联样式表是否成功，若是，则调用加载成功的 回调函数。
[0027] 优选的，所述接收切换指令，将选定的所述待切换界面切换为当前界面包括：
[0028] 将所述待切换界面隐藏在切换前的界面之下；
[0029] 接收切换指令，通过动画过渡效果隐藏切换前界面，显示出所述待切换界面，销毁 切换前界面。
[0030] 为实现上述发明目的，另一方面，本发明实施例提供一种界面切换的装置，包括：
[0031] 获取模块：用于获取资源文件和界面配置文件；
[0032] 渲染及生成界面模块：用于渲染界面并填充资源文件内容，生成待切换界面；
[0033] 切换模块：用于接收切换指令，将选定的所述待切换界面切换为当前布局界面。
[0034] 优选的，所述获取模块包括转换单元：用于在获取资源文件和界面配置文件后，将 所述资源文件转换成其所在界面所需要的格式和类型。
[0035] 优选的，所述渲染及生成界面模块包括：
[0036] 第一加载单元，用于用界面基础框架加载所述资源文件和界面配置文件；
[0037] 解析单元，用于解析所述界面配置文件，获取界面名称列表和每一界面所对应的 界面存储路径；
[0038] 第二加载单元，用于动态加载所述界面存储路径下的布局定义和界面样式表；
[0039] 生成单元，用于将资源文件按布局定义填充到界面模板，再将填充后的界面模板 按界面样式表进行修改，生成所述待切换界面。
[0040] 优选的，所述解析模块通过以下方式获取界面名称列表和每一界面所对应的界面 存储路径：
[0041] 通过记录每级素材目录所配置的界面名称，判断当前目录是否已经配置所需界面 名称，若有，则应用当前目录配置，若未配置，则以其父目录所配置的界面作为当前目录的 配置，将界面配置转换为界面名称列表，并通过界面名称，计算出每一界面所对应的界面存 储路径。
[0042] 优选的，所述将资源文件按布局定义填充到界面模板包括：利用所述界面基础框 架加载JavaScript脚本或CSS级联样式表，JavaScript脚本或CSS级联样式表将资源文 件按布局定义填充到界面模板，渲染填充后的界面并建立界面交互。
[0043] 优选的，所述动态加载界面路径下的的布局定义包含可填充变量的HTML片段。
[0044] 优选的，所述界面基础框架加载JavaScript脚本或CSS级联样式表的方法为：
[0045] 判断所输入的加载文件的文件类型是JavaScript脚本还是CSS级联样式表；
[0046] 若是JavaScript脚本，则创建Script结点；若是CSS级联样式表，则创建link结 占.
[0047] 并将所述Script结点或所述link结点添加到head标签中；
[0048] 判断加载JavaScript脚本或CSS级联样式表是否成功，若是，则调用加载成功的 回调函数。
[0049] 优选的，所述切换模块包括：
[0050] 隐藏单元，用于将所述待切换界面隐藏在切换前的界面之下；
[0051] 切换单元，用于通过动画过渡效果隐藏切换前界面，显示出所述待切换界面，销毁 切换前界面。
[0052] 本发明所提供的界面切换的方法和装置，采用编写网页的方式开发用户交互界 面，并通过配置更换模板，以实现界面布局模板的整体切换。
[0053] 与现有技术相比，本发明具有以下有益效果：
[0054] 1)使用网页方式开发交互界面的开发速度快，开发灵活，有定制需求时响应快速， 开发周期短；而且大量现有的前端开源库与框架提供了更加快速简便的开发方式，大大提 高了开发效率；
[0055] 2)可方便为每个不同的模块配置使用不同的界面，子模块可自动继承父模块的界 面配置，也可单独配置，灵活易用；
[0056] 3)交互界面与内容分离，每种交互界面都可以拥有独特的布局、动画、交互行为， 布局和贴图资源、交互操作方式等可整体切换，能为相同的内容提供切换彻底不同的交互 界面。
[0057] 本发明的附加方面和优点将在下面的描述中部分给出，部分将从下面的描述中变 得明显，或通过本发明的实践了解到。
【专利附图】
【附图说明】
[0058] 本发明的上述和/或附加的方面和优点从结合下面附图对实施例的描述中将变 得明显和容易理解，其中 ：
[0059] 图1为本发明实施例界面切换的方法流程图；
[0060] 图2为本发明实施例后缀为.conf的目录配置文件的示意图；
[0061] 图3为本发明实施例加载JavaScript脚本或CSS级联样式表的流程图；
[0062] 图4为本发明实施例界面切换的装置结构示意图。
【具体实施方式】
[0063] 下面详细描述本发明的实施例，所述实施例的示例在附图中示出，其中自始至终 相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附 图描述的实施例是示例性的，仅用于解释本发明，而不能理解为对本发明的限制。
[0064] 这里需要说明的是，本发明实施例的界面切换的方法和装置主要应用于触摸屏 上，但在实际应用中，非触摸屏同样适用；且对于应用该方法和装置的操作系统也不做限 制，Windows操作系统、Linux类操作系统、Unix类操作系统、Mac操作系统均可适用；以下 实施例均以触摸屏程序在Windows操作系统下运行为例进行描述。
[0065] 实施例一
[0066] 图1为本发明实施例界面切换的方法流程图。如图1所示，本发明实施例界面切 换的方法包括：
[0067] 步骤S101、获取资源文件和界面配置文件，在这里，资源文件为素材目录的目录配 置文件。
[0068] 其中，素材目录包括若干用于展示交互界面的素材，在该本步骤S101之前，首先 需要对该些素材进行配置。具体地，素材在素材目录中可依照Windows文件管理的方式进 行存放，优选地，可通过编辑素材的文件名称，如"下划线_排序号"来对素材进行排序；且 该些素材至少可组成一个界面，基于素材在素材目录中的素材目录结构，可在目录中添加 后缀为.conf的目录配置文件，并要求该目录配置文件置于每个非默认配置的素材目录 下，如图2为本发明实施例后缀为.conf的目录配置文件的示意图所示；再者，可以在目录 配置文件中配置本素材目录中素材可构成的交互界面的界面名称，多个可切换的界面名称 用" I "隔开，其内容可表示为：Dmbtmpls:界面1|界面2 ;
[0069] 针对上述目录配置文件中的每一界面的每一部分，界面配置文件中配置有所需要 素材的格式及类型。
[0070] 通过按压触摸屏启动界面切换程序，进而获取素材目录的目录配置文件及界面配 置文件。
[0071] 然后，再通过匹配目录配置文件及界面配置文件，初始化素材目录中的素材，并生 成索引文件；
[0072] 其中，将目录配置文件和界面配置文件进行匹配，按照界面配置文件中配置的所 需要素材的格式及类型，将素材目录中需要转换的素材进行转换，如视频素材需要转换成 支持的格式，Word、PDF等素材需要转换为图片等；
[0073] 为后续加载素材生成对应的交互界面，需要在素材目录下生成后缀为.js的索引 文件，索引文件格式为JavaScript脚本，如其中包含了本素材目录的标题"title"、本素材 目录中素材可构成的交互界面的界面名称数组"Dmbtmpls〃、本素材目录根目录下的文件、 子目录的文件名、文件类型（为初始化素材后的文件类型）、完整路径等信息，示例如下：
[0074] stuffdata = { "title" :n 首页"， "Dmbtmpls":r界面 Γ,"界面 2"]， "Objects": [{ "Text":"素材显示名称"， "IconPath":"素材图标路径"， "Path":"素材文件路径"， "StuffType":素材文件类型 }] }
[0075] 步骤S102、渲染界面并填充资源文件内容，生成待切换界面。具体的，通过以下方 式实现：
[0076] 用界面基础框架加载所述资源文件和界面配置文件；
[0077] 解析所述界面配置文件,获取界面名称列表和每一界面所对应的界面存储路径； 在这里，界面名称列表可以包括可切换的各个界面的名称，所述界面存储路径可由界面名 称运算得到；
[0078] 动态加载所述界面存储路径下的布局定义和界面样式表；具体的，界面样式表可 以包括界面样式定义和动画定义的CSS级联样式表；
[0079] 将资源文件按布局定义填充到界面模板，再将填充后的界面模板按界面样式表进 行修改，生成所述待切换界面。
[0080] 优选的，所述获取界面名称列表和每一界面所对应的界面存储路径包括：
[0081] 通过记录每级素材目录所配置的界面名称，判断当前目录是否已经配置所需界面 名称，若有，则应用当前目录配置，若未配置，则以其父目录所配置的界面作为当前目录的 配置，将界面配置转换为界面名称列表，并通过界面名称，计算出每一界面所对应的界面存 储路径。
[0082] 其中，本发明实施例的界面切换程序中可嵌有浏览器内核，用作交互界面的渲染， 因此交互界面可以用HTML语言与CSS级联样式表进行编写，即交互界面可用开发网页的方 式完成；
[0083] 在界面切换程序运行的过程中，需加载交互界面的索引文件。其中，目录配置文件 中各交互界面每部分所需要的初始化后的素材，均可根据索引文件索引找到；具体地，生成 待切换界面可包括以下步骤：
[0084] 1)预设一 HTML页面入口，该HTML页面入口包含前端开源库和界面模版框架等信 息，且该HTML页面入口自身并不会在交互界面上输出任何内容；
[0085] 2)解析索引文件和界面配置文件，利用索引文件和界面配置文件的内在关联性， 可获取索引文件中的界面名称列表"Dmbtmpls"和界面配置文件中的每一界面名称所对应 的界面存储路径；
[0086] 3)动态加载每一界面目录路径下的HTML模版、CSS级联样式表和JavaScript脚 本，生成相对应的界面模版；
[0087] 其中，本发明实施例动态加载每一界面目录路径下的HTML模版、CSS级联样式表 和JavaScript脚本，以生成相对应的界面模版的过程，即界面切换程序自动生成交互界面 代码的过程；
[0088] 具体地，每个交互界面均由三部分构成：HTML模版、CSS级联样式表和JavaScript 脚本，且每部分也均为模版样式设计，例如：
[0089] HTML模板，本发明实施例可通过实现一简单的HTML模板引擎，来对HTML模板中形 如{$variable}的变量替换为传入HTML模板的对象的对应属性。每个交互界面均包含多 个子HTML模板片段，来组成最终的交互界面代码。该部分本质上可为包含子HTML模板片 段的JavaScript脚本代码，因此可以用加载JavaScript脚本的方式来对该部分进行加载， 示例如下：
[0090] tcmplatc= j mian:'\ <div class="dmb-slidcshow-conlaincr">\ <div class="dmb-slidcshow-wrap"> {$ilcms! </div>\ <ciiv class="dmb-siidcshow-back"><i ciass="la ra-arrow-left"></i></div>\ <div class="dmb-stylc-changcr"></div>\ </div>\ f 9 <di v data-src=" j $path! "></di v>\ };
[0091] JavaScript脚本，交互界面的JavaScript脚本部分用于HTML模板的渲染逻辑与 交互。该部分代码需要定义一个style对象，加载该部分代码后会调用其中的show方法并 传入当前目录、全局常量、共用库对象以对素材目录内容结合HTML模板进行渲染，并且添 加界面上的交互逻辑；移除当前界面时会调用其中的destroy方法，以完成一些清理工作 等，示例如下：
[0092] slylc={ show: function (dir, Const, Style, CallExtcrnal, $ ){ $(pid).appcnd(Stylc.renderTcmlatc('main!, { navs :navTpls, imagcSlidc: ipl, thumbS! idc: thumbTpl }))}， dcstory: (unction (CONST, Style, CallExtcrna, $){ CallExtcrnaLstopPlayO }}
[0093] CSS级联样式表，与网页开发相同，用于控制界面的布局和样式，其中还包括一些 界面动画效果。
[0094] 进一步地，如图3为本发明实施例加载JavaScript脚本或CSS级联样式表的流程 图所示，在生成后缀为.html的交互界面代码的过程中，加载JavaScript脚本或CSS级联 样式表的步骤如下：
[0095] 步骤S301、输入需要加载的JavaScript脚本路径或CSS级联样式表路径；
[0096] 步骤S302、判断所输入的加载文件的文件类型，若是JavaScript脚本，则执行步 骤S303 ;若是CSS级联样式表类型，则执行步骤S304 ;
[0097] 步骤S303、创建Script结点；且跳转执行步骤S305 ;
[0098] 步骤S304、创建link结点；
[0099] 步骤S305、将Script结点或link结点添加到head标签中；
[0100] 步骤S306、判断加载JavaScript脚本或CSS级联样式表是否成功，若是，则执行步 骤S307 ;若否，则执行步骤S308 ;
[0101] 步骤S307、调用加载成功的回调函数；
[0102] 步骤S308、移除交互界面时移除对应的结点。
[0103] 优选地，由于浏览器内核出于对安全性的考虑，不允许使用JavaScript脚本进行 跨域的内容访问，因此本发明实施例优选地采用加载JavaScript脚本代码片段的方式，使 本地数据和/或外网数据与界面模版动态加载。
[0104] 4)将资源文件按布局定义填充到界面模板，再将填充后的界面模板按界面样式表 进行修改，生成所述待切换界面。
[0105] 其中，可通过界面切换程序中所嵌有的浏览器内核，使界面切换程序自动生成交 互界面代码（即界面模版），根据其所加载的CSS级联样式表所定义的相关规则在触摸屏上 展现出来，以生成待切换界面。
[0106] 步骤S103、接收切换指令，将选定的所述待切换界面切换为当前布局界面。
[0107] 一般情况下，一个素材目录会因为对应几个交互界面，而包含有几个交互界面所 需要的素材。因此如果配置了多个交互界面的名称，则该素材目录可有多套界面可供切换， 可通过以下步骤实现在加载同一素材目录后，切换选定的待切换界面为当前布局界面：
[0108] 在触摸屏幕上提供切换交互界面风格的按钮；
[0109] 根据素材目录的索引文件的界面名称数组"Dmbtmpls〃获取到的界面名称，得到 各个界面目录的路径；
[0110] 触摸此按钮后，弹出切换交互界面风格的窗口；
[0111] 窗口中通过显示各个素材目录下的待切换界面缩略图，允许用户点击某一待切换 界面来切换到对应界面以作为当前布局界面；
[0112] 进一步地，当需要再切换界面时，可重新加载用户选择的新界面风格的HTML模 版、CSS级联样式表和JavaScript脚本；并如前述切换素材目录相同的方式，重新对当前素 材目录进行渲染，以实现切换多种交互界面的功能。由于每个交互界面均独立编写，因此可 以彻底得切换界面的布局，而不仅是更换图片资源。
[0113] 进一步地，为在用户操作过程中，界面切换时能有平滑的动态效果，让用户感觉不 到素材目录加载与交互界面的渲染过程。本发明作了如下改进：
[0114] 将所述待切换界面隐藏在切换前的界面之下；
[0115] 接收切换指令，通过动画过渡效果隐藏切换前界面，显示出所述待切换界面，销毁 切换前界面。
[0116] 在具体的实施方式中，在用户进行了触摸操作、加载另一个素材目录时，可采用以 下步骤实现：
[0117] 旧层（当前布局界面）的下层加入一新层（即未经渲染的待切换界面），因此新层 会被当当前布局界面的层遮盖住；
[0118] 如前述S102中1)_4)的界面渲染步骤，加载用户请求素材目录的索引文件；
[0119] 加载界面的HTML模版、CSS级联样式表和JavaScript脚本；
[0120] 将新加载的素材目录界面渲染到上述新层中，由于不会出现界面刷新的情况，因 此新界面（待切换界面）的渲染过程不会影响到用户；
[0121] 渲染结束后，使用CSS级联样式表所定义的相关规则动画移去旧层，新界面（待切 换界面）展现在用户面前；
[0122] 最后删除旧层（当前布局界面）。
[0123] 本发明实施例所提供的界面切换的方法，采用编写网页的方式开发用户交互界 面，并通过配置更换HTML模板，以实现界面布局模板的整体切换。与现有技术相比，本发明 实施例具有以下有益效果：
[0124] 1)使用网页方式开发交互界面的开发速度快，开发灵活，有定制需求时响应快速， 开发周期短；而且大量现有的前端开源库与框架提供了更加快速简便的开发方式，大大提 高了开发效率；
[0125] 2)可方便为每个不同的模块配置使用不同的界面，子模块可自动继承父模块的界 面配置，也可单独配置，灵活易用；
[0126] 3)交互界面与内容分离，每种交互界面都可以拥有独特的布局、动画、交互行为， 布局和贴图资源、交互操作方式等可整体切换，能为相同的内容提供切换彻底不同的交互 界面。
[0127] 实施例二
[0128] 这里需要说明的是，本发明实施例界面切换的装置，为根据实施例一中界面切换 的方法所生成，其执行方式与实施例一的方法完全相同，相对应模块、单兀的执行过程和执 行步骤在本实施例中将不再赘述。
[0129] 图4为本发明实施例界面切换的装置结构示意图。如图4所示，本发明实施例界 面切换的装置包括获取模块401、渲染及生成界面模块402和切换模块403,其中，
[0130] 获取模块401 :用于获取资源文件和界面配置文件；
[0131] 渲染及生成界面模块402 :用于渲染界面并填充资源文件内容，生成待切换界面；
[0132] 切换模块403 :用于接收切换指令，将选定的所述待切换界面切换为当前布局界 面。
[0133] 具体的，所述获取模块401包括转换单元：用于在获取资源文件和界面配置文件 后，将所述资源文件转换成其所在界面所需要的格式和类型。
[0134] 所述渲染及生成界面模块402包括：第一加载单元4021、解析单元402、第二加载 单元4023以及生成单元4024。其中，第一加载单元4021，用于用界面基础框架加载所述 资源文件和界面配置文件；解析单元4022,用于解析所述界面配置文件，获取界面名称列 表和每一界面所对应的界面存储路径；第二加载单元4023,用于动态加载所述界面存储路 径下的布局定义和界面样式表；生成单元4024,用于将资源文件按布局定义填充到界面模 板，再将填充后的界面模板按界面样式表进行修改，生成所述待切换界面。
[0135] 所述切换模块403包括：隐藏单元4031和切换单元4032。其中，隐藏单元4031， 用于将所述待切换界面隐藏在切换前的界面之下；切换单元4032,用于通过动画过渡效果 隐藏切换前界面，显示出所述待切换界面，销毁切换前界面。
[0136] 进一步的，所述解析模块4022通过以下方式获取界面名称列表和每一界面所对 应的界面存储路径：通过记录每级素材目录所配置的界面名称，判断当前目录是否已经配 置所需界面名称，若有，则应用当前目录配置，若未配置，则以其父目录所配置的界面作为 当前目录的配置，将界面配置转换为界面名称列表，并通过界面名称，计算出每一界面所对 应的界面存储路径。
[0137] 具体的，所述将资源文件按布局定义填充到界面模板包括：利用所述界面基础框 架加载JavaScript脚本或CSS级联样式表，JavaScript脚本或CSS级联样式表将资源文 件按布局定义填充到界面模板，渲染填充后的界面并建立界面交互。
[0138] 在另一方式中，所述动态加载界面路径下的的布局定义还包含可填充变量的HTML 片段。
[0139] 优选的，所述界面基础框架加载JavaScript脚本或CSS级联样式表的方法为：
[0140] 判断所输入的加载文件的文件类型是JavaScript脚本还是CSS级联样式表；
[0141] 若是JavaScript脚本，则创建Script结点；若是CSS级联样式表，则创建link结 占.
[0142] 并将所述Script结点或所述link结点添加到head标签中；
[0143] 判断加载JavaScript脚本或CSS级联样式表是否成功，若是，则调用加载成功的 回调函数。
[0144] 本发明实施例所提供的界面切换的装置，采用编写网页的方式开发用户交互界 面，并通过配置更换HTML模板，以实现界面布局模板的整体切换。
[0145] 与现有技术相比，本发明实施例具有以下有益效果：
[0146] 1)使用网页方式开发交互界面的开发速度快，开发灵活，有定制需求时响应快速， 开发周期短；而且大量现有的前端开源库与框架提供了更加快速简便的开发方式，大大提 高了开发效率；
[0147] 2)可方便为每个不同的模块配置使用不同的界面，子模块可自动继承父模块的界 面配置，也可单独配置，灵活易用；
[0148] 3)交互界面与内容分离，每种交互界面都可以拥有独特的布局、动画、交互行为， 布局和贴图资源、交互操作方式等可整体切换，能为相同的内容提供切换彻底不同的交互 界面。
[0149] 在本发明的描述中，需要说明的是，除非另有明确的规定和限定，术语"安装"、"相 连"、"连接"应做广义理解，例如，可以是固定连接，也可以是可拆卸连接，或一体地连接；可 以是直接相连，也可以通过中间媒介间接相连，可以是两个元件内部的连通。对于本领域的 普通技术人员而言，可以具体情况理解上述术语在本发明中的具体含义。
[0150] 在本说明书的描述中，参考术语"一个实施例"、"一些实施例"、"示意性实施例"、 "示例"、"具体示例"、或"一些示例"等的描述意指结合该实施例或示例描述的具体特征、结 构、材料或者特点包含于本发明的至少一个实施例或示例中。在本说明书中，对上述术语的 示意性表述不一定指的是相同的实施例或示例。而且，描述的具体特征、结构、材料或者特 点可以在任何的一个或多个实施例或示例中以合适的方式结合。
[0151] 对于前述的各方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但 是本领域技术人员应该知悉，本发明并不受所描述的动作顺序的限制，因为依据本发明，某 些步骤可以采用其他顺序或者同时进行。
[0152] 本领域内的技术人员应明白，本发明实施例的实施例可提供为方法、装置、或计算 机程序产品。因此，本发明实施例可采用完全硬件实施例、完全软件实施例、或结合软件和 硬件方面的实施例的形式。而且，本发明实施例可采用在一个或多个其中包含有计算机可 用程序代码的计算机可用存储介质（包括但不限于磁盘存储器、CD-ROM、光学存储器等）上 实施的计算机程序产品的形式。
[0153] 本发明实施例是参照根据本发明实施例的方法、终端设备（系统）、和计算机程序 产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框 图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提 供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理 终端设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理终端设备的处 理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多 个方框中指定的功能的装置。
[0154] 这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理终端设备 以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包 括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方 框或多个方框中指定的功能。
[0155] 这些计算机程序指令也可装载到计算机或其他可编程数据处理终端设备上，使得 在计算机或其他可编程终端设备上执行一系列操作步骤以产生计算机实现的处理，从而在 计算机或其他可编程终端设备上执行的指令提供用于实现在流程图一个流程或多个流程 和/或方框图一个方框或多个方框中指定的功能的步骤。
[0156] 尽管已描述了本发明实施例的优选实施例，但本领域内的技术人员一旦得知了基 本创造性概念，则可对这些实施例做出另外的变更和修改。所以，所附权利要求意欲解释为 包括优选实施例以及落入本发明实施例范围的所有变更和修改。
[0157] 最后，还需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将 一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作 之间存在任何这种实际的关系或者顺序。而且，术语"包括"、"包含"或者其任何其他变体意 在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者终端设备不仅包 括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品 或者终端设备所固有的要素。在没有更多限制的情况下，由语句"包括一个……"限定的要 素，并不排除在包括所述要素的过程、方法、物品或者终端设备中还存在另外的相同要素。
[0158] 以上所述仅为本发明的实施例，并非因此限制本发明的专利保护范围，凡是利用 本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关 的【技术领域】，均同理包括在本发明的专利保护范围内。
【权利要求】
1. 一种界面切换的方法，其特征在于，包括： 获取资源文件和界面配置文件； 渲染界面并填充资源文件内容，生成待切换界面； 接收切换指令，将选定的所述待切换界面切换为当前布局界面。
2. 根据权利要求1所述界面切换的方法，其特征在于，所述获取资源文件和界面配置 文件后，还包括： 将所述资源文件转换成其所在界面所需要的格式和类型。
3. 根据权利要求1所述界面切换的方法，其特征在于，所述渲染界面并填充资源文件 内容，生成待切换界面包括： 用界面基础框架加载所述资源文件和界面配置文件； 解析所述界面配置文件，获取界面名称列表和每一界面所对应的界面存储路径； 动态加载所述界面存储路径下的布局定义和界面样式表； 将资源文件按布局定义填充到界面模板，再将填充后的界面模板按界面样式表进行修 改，生成所述待切换界面。
4. 根据权利要求3所述界面切换的方法，其特征在于，所述将资源文件按布局定义 填充到界面模板包括：利用所述界面基础框架加载JavaScript脚本或CSS级联样式表， JavaScript脚本或CSS级联样式表将资源文件按布局定义填充到界面模板，渲染填充后的 界面并建立界面受互。
5. 根据权利要求3所述界面切换的方法，其特征在于，所述动态加载界面路径下的的 布局定义包含可填充变量的HTML片段。
6. 根据权利要求4所述界面切换的方法，其特征在于，所述界面基础框架加载 JavaScript脚本或CSS级联样式表的方法为： 判断所输入的加载文件的文件类型是JavaScript脚本还是CSS级联样式表； 若是JavaScript脚本，贝U仓ll建Script结点；若是CSS级联样式表，贝U仓ll建link结点； 并将所述Script结点或所述link结点添加到head标签中； 判断加载JavaScript脚本或CSS级联样式表是否成功，若是，则调用加载成功的回调 函数。
7. 根据权利要求1所述界面切换的方法，其特征在于，所述接收切换指令，将选定的所 述待切换界面切换为当前界面包括： 将所述待切换界面隐藏在切换前的界面之下； 接收切换指令，通过动画过渡效果隐藏切换前界面，显示出所述待切换界面，销毁切换 前界面。
8. -种界面切换的装置，其特征在于，包括： 获取模块：用于获取资源文件和界面配置文件； 渲染及生成界面模块：用于渲染界面并填充资源文件内容，生成待切换界面； 切换模块：用于接收切换指令，将选定的所述待切换界面切换为当前布局界面。
9. 根据权利要求8所述界面切换的装置，其特征在于，所述获取模块包括转换单元：用 于在获取资源文件和界面配置文件后，将所述资源文件转换成其所在界面所需要的格式和 类型。
10. 根据权利要求8所述界面切换的装置，其特征在于，所述渲染及生成界面模块包 括： 第一加载单元，用于用界面基础框架加载所述资源文件和界面配置文件； 解析单元，用于解析所述界面配置文件，获取界面名称列表和每一界面所对应的界面 存储路径； 第二加载单元，用于动态加载所述界面存储路径下的布局定义和界面样式表； 生成单元，用于将资源文件按布局定义填充到界面模板，再将填充后的界面模板按界 面样式表进行修改，生成所述待切换界面。
11. 根据权利要求10所述界面切换的装置，其特征在于，所述将资源文件按布局定义 填充到界面模板包括：利用所述界面基础框架加载JavaScript脚本或CSS级联样式表， JavaScript脚本或CSS级联样式表将资源文件按布局定义填充到界面模板，渲染填充后的 界面并建立界面受互。
12. 根据权利要求10所述界面切换的装置，其特征在于，所述动态加载界面路径下的 的布局定义包含可填充变量的HTML片段。
13. 根据权利要求11所述界面切换的方法，其特征在于，所述界面基础框架加载 JavaScript脚本或CSS级联样式表的方法为： 判断所输入的加载文件的文件类型是JavaScript脚本还是CSS级联样式表； 若是JavaScript脚本，贝U仓ll建Script结点；若是CSS级联样式表，贝U仓ll建link结点； 并将所述Script结点或所述link结点添加到head标签中； 判断加载JavaScript脚本或CSS级联样式表是否成功，若是，则调用加载成功的回调 函数。
14. 根据权利要求8所述界面切换的方法，其特征在于，所述切换模块包括： 隐藏单元，用于将所述待切换界面隐藏在切换前的界面之下； 切换单元，用于通过动画过渡效果隐藏切换前界面，显示出所述待切换界面，销毁切换 前界面。
【文档编号】G06F9/445GK104267968SQ201410548446
【公开日】2015年1月7日 申请日期:2014年10月16日 优先权日:2014年10月16日
【发明者】陈伟力, 游磊青, 黄印国, 陈立情 申请人:福建星网视易信息系统有限公司