[发明专利]界面切换的方法和装置

说明书

技术领域

本发明涉及界面切换技术领域，尤其涉及一种可通过配置更换HTML模板而实现交互界面布局模板整体切换的界面切换方法和装置。

背景技术

随着多媒体信息查询的与口俱增，人们越来越多地谈到触摸屏，公认地其具有坚固耐用、反应速度快、节省空间、易于交流等许多优点。利用这种技术，我们用户只要用手指轻轻地碰计算机显示屏上的图符或文字就能实现对主机操作，从而使人机交互更为直截了当，这种技术大大方便了那些不懂电脑操作的用户。

现有技术在触摸屏界面切换上的设计相对比较死板，具体表现为：

1、交互界面通常是采用原生编码来实现，而交互界面是最频繁改变的部分，直接导致了交互界面的开发响应慢、开发不够灵活的后果，使得交互界面不但开发效率低，而且开发周期长；

2、界面配置不够灵活，只能全局统一切换，不能为不同的模块单独配置可切换的界面，也不能使子模块自动继承父模块的界面切换配置；

3、界面切换通常是通过更换贴图资源来完成的，而这种界面切换的方式并未更改交互界面的布局，因此仅能说是一种换肤功能，并不是真正切换了交互界面，导致用户体验感差。

发明内容

本发明的目的为提供一种界面切换的方法和装置，可通过配置更换HTML模板，以实现交互界面布局模板的整体切换，不但开发灵活、周期短，而且操作方便，提升了用户体验感。

为实现上述发明目的，一方面，本发明实施例提供一种界面切换的方法，包括：

获取资源文件和界面配置文件；

渲染界面并填充资源文件内容，生成待切换界面；

接收切换指令，将选定的所述待切换界面切换为当前布局界面。

优选的，所述获取资源文件和界面配置文件后，还包括：将所述资源文件转换成其所在界面所需要的格式和类型。

优选的，所述渲染界面并填充资源文件内容，生成待切换界面包括：

用界面基础框架加载所述资源文件和界面配置文件；

解析所述界面配置文件，获取界面名称列表和每一界面所对应的界面存储路径；

动态加载所述界面存储路径下的布局定义和界面样式表；

将资源文件按布局定义填充到界面模板，再将填充后的界面模板按界面样式表进行修改，生成所述待切换界面。

优选的，所述获取界面名称列表和每一界面所对应的界面存储路径包括：

通过记录每级素材目录所配置的界面名称，判断当前目录是否已经配置所需界面名称，若有，则应用当前目录配置，若未配置，则以其父目录所配置的界面作为当前目录的配置，将界面配置转换为界面名称列表，并通过界面名称，计算出每一界面所对应的界面存储路径。

优选的，所述将资源文件按布局定义填充到界面模板包括：利用所述界面基础框架加载JavaScript脚本或CSS级联样式表，JavaScript脚本或CSS级联样式表将资源文件按布局定义填充到界面模板，渲染填充后的界面并建立界面交互。

优选的，所述动态加载界面路径下的的布局定义包含可填充变量的HTML片段。

优选的，所述界面基础框架加载JavaScript脚本或CSS级联样式表的方法为：

判断所输入的加载文件的文件类型是JavaScript脚本还是CSS级联样式表；

若是JavaScript脚本，则创建Script结点；若是CSS级联样式表，则创建link结点；

并将所述Script结点或所述link结点添加到head标签中；

判断加载JavaScript脚本或CSS级联样式表是否成功，若是，则调用加载成功的回调函数。

优选的，所述接收切换指令，将选定的所述待切换界面切换为当前界面包括：

将所述待切换界面隐藏在切换前的界面之下；

接收切换指令，通过动画过渡效果隐藏切换前界面，显示出所述待切换界面，销毁切换前界面。

为实现上述发明目的，另一方面，本发明实施例提供一种界面切换的装置，包括：

获取模块：用于获取资源文件和界面配置文件；

渲染及生成界面模块：用于渲染界面并填充资源文件内容，生成待切换界面；

切换模块：用于接收切换指令，将选定的所述待切换界面切换为当前布局界面。

优选的，所述获取模块包括转换单元：用于在获取资源文件和界面配置文件后，将所述资源文件转换成其所在界面所需要的格式和类型。

优选的，所述渲染及生成界面模块包括：