用户界面布局方法、装置及系统制造方法及图纸

技术编号:14494683 阅读:90 留言:0更新日期:2017-01-29 17:32
本发明专利技术提供一种用户界面布局方法、装置及系统,该方法包括:获取包含至少两个网页视图的布局信息;根据布局信息,生成包含至少两个网页视图的用户界面。本发明专利技术提供的用户界面布局方法、装置及系统,能够确保用户界面局部滚动的连贯、不卡顿,操作流畅,从而提高了用户界面的操作性。

【技术实现步骤摘要】

本专利技术涉及移动通信
,尤其涉及一种用户界面布局方法、装置及系统
技术介绍
随着智能移动终端的发展,移动应用的数量也越来越多,现阶段移动应用的开发主要分为原生(Native)应用程序(Application,简称APP)、网页(Web)APP和混合(Hybrid)APP三大类。NativeAPP是一种基于本地操作系统并使用原生程序编写运行的第三方应用程序,也称为本地APP。WebAPP是基于网页浏览器并使用网页开发语言编写运行的第三方应用程序。HybridAPP是介于NativeAPP和WebAPP两者之间的APP,同时使用网页开发语言和原生程序语言的第三方应用程序。由于HybridApp兼具了NativeApp的所有优势,也兼具了WebApp跨平台开发低成本的优势,因此,HybridApp是现阶段移动应用的开发最主要的应用程序。目前,HybridApp通常分为多视图(View)混合型、单View混合型和Web主体型三大类。多View混合型是本地视图(NativeView)和网页视图(WebView)分别在不同的页面(page)中展示,交替出现,其中,NativeView和WebView分别为加载显示网页的控制组件。NativeView和WebView之间相互独立,没有交互,多View混合型的移动应用的主体通常是NativeApp,WebApp只是起到补充作用,即在需要的时候,将WebView当成一个独立的View运行起来,在WebView内完成相关的展示操作。单View混合型是在同一个page内同时包括NativeView和WebView,NativeView和WebView互相是覆盖(层叠)关系,NativeView和WebView之间通常需要交互。Web主体型在一个page内只包括一个WebView,Web主体型移动应用的主体是WebView,主要以网页开发语言编写,穿插Native功能的HybridApp开发类型。由于Web主体型移动应用的主体是WebView,且可以穿插Native的功能,整体开发难度降低,并且基本可以实现跨平台。因此,Web主体型是现阶段HybridApp最主要的类型。然而,采用目前的Web主体型HybridApp,对于存在用户界面(UserInterface,简称UI)局部滚动等操作时,需要加载网页(Web)开发语言,使得UI局部滚动不连贯、卡顿,操作不流畅,从而降低了UI的操作性,影响了使用效果。
技术实现思路
本专利技术提供一种用户界面布局方法、装置及系统,能够确保UI局部滚动的连贯、不卡顿,操作流畅,从而提高了UI的操作性。本专利技术第一方面提供的用户界面布局方法,包括:获取包含至少两个网页视图的布局信息;根据所述布局信息,生成包含所述至少两个网页视图的UI。结合第一方面,在第一方面第一种可能的实现方式中,所述方法还包括:捕获所述UI动态变化信息;根据所述UI动态变化信息重新布局所述UI。结合第一方面,在第一方面第二种可能的实现方式中,当第一网页视图与第二网页视图通信时,所述方法还包括:调用所述第一网页视图中的用户代码;根据映射表查询到所述第二网页视图;其中,所述映射表中包含所述第一网页视图和所述第一网页视图相对应声明的远程调用函数;将所述用户代码传递到所述第二网页视图中;其中,所述第一网页视图是所述至少两个网页视图中任一个网页视图,所述第二网页视图是所述至少两个网页视图中与所述第一网页视图相对应的网页视图。结合第一方面第二种可能的实现方式,在第一方面第三种可能的实现方式中,当所述第一网页视图与所述第二网页视图通信时,所述方法还包括:调用所述第一网页视图中的DOM操作代码;根据所述映射表查询到所述第二网页视图;将所述DOM操作代码传递到所述第二网页视图中。结合第一方面第二种可能的实现方式和第一方面第三种可能的实现方式其中一种可能的实现方式,在第一方面第四种可能的实现方式中,所述方法还包括:获取所述至少两个网页视图的远程调用信息;其中,所述远程调用信息包括:所述至少两个网页视图信息和所述至少两个网页视图信息相对应声明的远程调用函数;根据所述远程调用信息,构造所述至少两个网页视图和所述至少两个网页视图相对应声明的远程调用函数的映射表。本专利技术第二方面提供的用户界面布局装置,包括:布局分析模块,用于从配置文件中获取包含至少两个网页视图的布局信息,根据所述布局信息,生成包含所述至少两个网页视图的UI。结合第二方面,在第二方面第一种可能的实现方式中,所述布局分析模块还用于捕获所述UI动态变化信息;根据所述UI动态变化信息重新布局所述UI。结合第二方面,在第二方面第二种可能的实现方式中,所述装置还包括:远程调用模块,用于当第一网页视图与第二网页视图通信时,调用所述第一网页视图中的用户代码,根据映射表查询到所述第二网页视图,并将所述用户代码传递到所述第二网页视图中;其中,所述映射表中包含所述第一网页视图和所述第一网页视图相对应声明的远程调用函数;所述第一网页视图是所述至少两个网页视图中任一个网页视图,所述第二网页视图是所述至少两个网页视图中与所述第一网页视图相对应的网页视图。结合第二方面第二种可能的实现方式,在第二方面第三种可能的实现方式中,所述远程调用模块还用于当所述第一网页视图与所述第二网页视图通信时,调用所述第一网页视图中的DOM操作代码,根据所述映射表查询到所述第二网页视图,并将所述DOM操作代码传递到所述第二网页视图中。结合第二方面第二种可能的实现方式和第二方面第三种可能的实现方式其中一种可能的实现方式,在第二方面第四种可能的实现方式中,所述远程调用模块还用于从所述配置文件中获取所述至少两个网页视图的远程调用信息,根据所述远程调用信息,构造所述至少两个网页视图和所述至少两个网页视图相对应声明的远程调用函数的映射表;其中,所述远程调用信息包括:所述至少两个网页视图信息和所述至少两个网页视图信息相对应声明的远程调用函数。本专利技术第三方面提供的用户界面布局系统,包括:服务端和网络端;所述服务端包括:布局分析模块;所述布局分析模块用于从配置文件中获取包含至少两个网页视图的布局信息,根据所述布局信息,生成包含所述至少两个网页视图的UI,并将所述布局信息发送到所述网络端;所述网络端包括:布局器;所述布局器,用于接收所述网络端发送的所述布局信息,根据所述布局信息在所述UI中布局所述至少两个网页视图。结合第三方面,在第三方面第一种可能的实现方式中,所述布局分析模块还用于捕获所述UI动态变化信息;根据所述UI动态变化信息重新布局所述UI。结合第三方面,在第三方面第二种可能的实现方式中,所述服务端还包括:远程调用模块,用于当第一网页视图与第二网页视图通信时,调用所述第一网页视图中的用户代码,根据映射表查询到所述第二网页视图,并将所述用户代码传递到所述第二网页视图中;其中,所述映射表中包含所述第一网页视图和所述第一网页视图相对应声明的远程调用函数;所述第一网页视图是所述至少两个网页视图中任一个网页视图,所述第二网页视图是所述至少两个网页视图中与所述第一网页视图相对应的网页视图;所述网络端还包括:第一调用接口模块,用于提供一个应用程序编程接口,使所述第一网本文档来自技高网
...
用户界面布局方法、装置及系统

【技术保护点】
一种用户界面布局方法,其特征在于,包括:获取包含至少两个网页视图的布局信息;根据所述布局信息,生成包含所述至少两个网页视图的用户界面UI。

【技术特征摘要】
1.一种用户界面布局方法,其特征在于,包括:获取包含至少两个网页视图的布局信息;根据所述布局信息,生成包含所述至少两个网页视图的用户界面UI。2.根据权利要求1所述的用户界面布局方法,其特征在于,所述方法还包括:捕获所述UI动态变化信息;根据所述UI动态变化信息重新布局所述UI。3.根据权利要求1所述的用户界面布局方法,其特征在于,当第一网页视图与第二网页视图通信时,所述方法还包括:调用所述第一网页视图中的用户代码;根据映射表查询到所述第二网页视图;其中,所述映射表中包含所述第一网页视图和所述第一网页视图相对应声明的远程调用函数;将所述用户代码传递到所述第二网页视图中;其中,所述第一网页视图是所述至少两个网页视图中任一个网页视图,所述第二网页视图是所述至少两个网页视图中与所述第一网页视图相对应的网页视图。4.根据权利要求3所述的用户界面布局方法,其特征在于,当所述第一网页视图与所述第二网页视图通信时,所述方法还包括:调用所述第一网页视图中的文档对象模型DOM操作代码;根据所述映射表查询到所述第二网页视图;将所述DOM操作代码传递到所述第二网页视图中。5.根据权利要求3或4所述的用户界面布局方法,其特征在于,所述方法还包括:获取所述至少两个网页视图的远程调用信息;其中,所述远程调用信息包括:所述至少两个网页视图信息和所述至少两个网页视图信息相对应声明的远程调用函数;根据所述远程调用信息,构造所述至少两个网页视图和所述至少两个网页视图相对应声明的远程调用函数的映射表。6.一种用户界面布局装置,其特征在于,包括:布局分析模块,用于从配置文件中获取包含至少两个网页视图的布局信息,根据所述布局信息,生成包含所述至少两个网页视图的用户界面UI。7.根据权利要求6所述的用户界面布局装置,其特征在于,所述布局分析模块还用于捕获所述UI动态变化信息;根据所述UI动态变化信息重新布局所述UI。8.根据权利要求6所述的用户界面布局装置,其特征在于,所述装置还包括:远程调用模块,用于当第一网页视图与第二网页视图通信时,调用所述第一网页视图中的用户代码,根据映射表查询到所述第二网页视图,并将所述用户代码传递到所述第二网页视图中;其中,所述映射表中包含所述第一网页视图和所述第一网页视图相对应声明的远程调用函数;所述第一网页视图是所述至少两个网页视图中任一个网页视图,所述第二网页视图是所述至少两个网页视图中与所述第一网页视图相对应的网页视图。9.根据权利要求8所述的用户界面布局装置,其特征在于,所述远程调用模块还用于当所述第一网页视图与所述第二网页视图通信时,调用所述第一网页视图中的文档对象模型DOM操作代码,根据所述映射表查询到所述第二网页视图,并将所述DOM操作代码传递到所述第二网页视图中。10.根据权利要求8或9所述的用户界面布局装置,其特征在于,所述远程调用模块还用于从所述配置文件中获取所述至少两个网页视图...

【专利技术属性】
技术研发人员:黄蓉军郭新
申请(专利权)人:华为软件技术有限公司
类型:发明
国别省市:江苏;32

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1