应用界面实现方法和系统技术方案

本发明专利技术公开了一种应用界面实现方法和系统，所述系统包括：组件确定模块；组件生成模块；组件加载模块；操作事件完成模块；其中，所述组件确定模块还适于确定待实现的应用界面中包含的不可由网页组件模拟的界面组件；所述组件生成模块还适于采用终端本地提供的界面组件实现方式生成界面组件，并设置界面组件的操作事件；所述组件加载模块还适于使用应用中通用容器加载界面组件；所述操作事件完成模块还适于当界面组件的操作事件被触发时，直接调用终端的系统资源完成操作事件。本发明专利技术能够解决使用不同操作系统的终端中应用界面实现方式互不兼容的问题，通过本发明专利技术中技术方案实现的应用界面能够用于各种终端中，取得了显著降低开发成本的有益效果。

【技术实现步骤摘要】

本专利技术涉及电子信息
，具体涉及一种应用界面实现方法和系统。
技术介绍
现有技术中，终端上使用的操作系统多种多样，例如IOS (苹果终端的手机操作系统)，Android (安卓操作系统)，WP7 (微软终端操作系统)等。各个终端操作系统中都有自己的应用界面实现方式，如Android的Layout, xml, WP的xaml等。将终端按终端中所用操作系统进行分类，各种终端自身的应用界面实现方式互不兼容。因此，当在不同终端中加载应用时，需要针对每种终端单独开发对应于该终端的应用界面。由此，造成应用开发成本的显著增加。
技术实现思路
鉴于上述问题，提出了本专利技术以便提供一种应用界面实现方法和系统，以解决使用不同操作系统的终端中应用界面实现方式互不兼容的问题。依据本专利技术的一个方面，提供了一种应用界面实现方法，所述方法包括确定待实现的应用界面中包含的可由网页组件模拟的界面组件；通过超文本标记语言HTML和风格样式表CSS生成用于模拟所述界面组件的网页组件；使用应用的网页容器WebView加载所述网页组件，生成网页形式的应用界面；在操作文件中设置应用界面中网页组件的操作事件，当网页组件的操作事件被触发时，通过终端应用平台PhoneGap调用终端的系统资源完成所述操作事件；确定待实现的应用界面中包含的不可由网页组件模拟的界面组件；采用终端本地提供的界面组件实现方式生成所述界面组件，并设置所述界面组件的操作事件，使用应用中通用容器加载所述界面组件；当界面组件的操作事件被触发时，直接调用终端的系统资源完成所述操作事件。其中，所述使用应用的网页容器WebView加载所述网页组件具体包括当所述应用界面中不加载外部网页时，根据所述网页组件生成用于模拟应用界面的网页，使用所述WebView加载该生成的网页。其中，所述使用应用的网页容器WebView加载所述网页组件具体包括当所述应用界面中加载外部网页时,使用所述WebView加载所述外部网页,调动所述WebView的虚拟浏览器客户端WebViewClient的网页加载模块onPageFinished在所述外部网页中插入所述网页组件。其中，所述可由网页组件模拟的界面组件至少包括下列组件之一文本框、标签、按钮、表格、图片、菜单栏和进度条。依据本专利技术的一个方面，提供了一种应用界面实现系统，所述系统包括组件确定模块，适于确定待实现的应用界面中包含的可由网页组件模拟的界面组件；组件生成模块，适于通过超文本标记语言HTML和风格样式表CSS生成用于模拟所述界面组件的网页组件；组件加载模块，适于使用应用的网页容器WebView加载所述网页组件，生成网页形式的应用界面；操作事件完成模块，适于在操作文件中设置应用界面中网页组件的操作事件，当网页组件的操作事件被触发时，通过终端应用平台PhoneGap调用终端的系统资源完成所述操作事件；其中，所述组件确定模块，还适于确定待实现的应用界面中包含的不可由网页组件模拟的界面组件；所述组件生成模块，还适于采用终端本地提供的界面组件实现方式生成所述界面组件，并设置所述界面组件的操作事件；所述组件加载模块，还适于使用应用中通用容器加载所述界面组件；所述操作事件完成模块，还适于当界面组件的操作事件被触发时，直接调用终端的系统资源完成所述操作事件。其中，所述组件加载模块，具体适于当所述应用界面中不加载外部网页时，根据所述网页组件生成用于模拟应用界面的网页，使用所述WebView加载该生成的网页。其中，所述组件加载模块，具体适于当所述应用界面中加载外部网页时，使用所述WebView加载所述外部网页,调动所述WebView的虚拟浏览器客户端WebViewClient的网页加载模块onPageFinished在所述外部网页中插入所述网页组件。其中，所述可由网页组件模拟的界面组件至少包括下列组件之一文本框、标签、按钮、表格、图片、菜单栏和进度条。根据本专利技术提供的技术方案，其中，对于应用界面中可由网页组件模拟的界面组件，通过超文本标记语言HTML和风格样式表CSS生成用于模拟该界面组件的网页组件，使用应用的网页容器WebView加载生成的网页组件，并进一步生成网页形式的应用界面，然后在操作文件中设置应用界面中网页组件的操作事件，当网页组件的操作事件被触发时，通过终端应用平台PhoneGap调用终端的系统资源完成该操作事件。由于，各个终端的操作系统都支持WebView，因此通过HTML和CSS生成的网页组件可以被成功加载到使用各种终端中，而且通常使用的应用界面中的界面组件都可以由网页组件模拟，使得采用网页组件模拟界面组件来实现应用界面的技术方案能够被大多数应用支持。可见，本专利技术中技术方案能够解决使用不同操作系统的终端中应用界面实现方式互不兼容的问题，通过本专利技术中技术方案实现的应用界面能够用于各种终端中，取得了显著降低开发成本的有益效果。上述说明仅是本专利技术技术方案的概述，为了能够更清楚了解本专利技术的技术手段，而可依照说明书的内容予以实施，并且为了让本专利技术的上述和其它目的、特征和优点能够更明显易懂，以下特举本专利技术的具体实施方式。附图说明通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本专利技术的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中图1示出了根据本专利技术一个实施例的应用界面实现系统的结构图；图2示出了根据本专利技术一个实施例的用于模拟应用界面的网页的示意图；图3示出了根据本专利技术一个实施例的加载有外部网页的应用界面的示意图；以及图4示出了根据本专利技术一个实施例的实施例的应用界面实现方法的流程图。具体实施例方式下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。参见图1，示出了根据本专利技术一个实施例的应用界面实现系统的结构图。所述系统包括组件确定模块110、组件生成模块120、组件加载模块130和操作事件完成模块140。所述终端可以为任意终端设备，例如，个人计算机、手机等。优选地，所述终端为手机。组件确定模块110，适于确定待实现的应用界面中包含的可由网页组件模拟的界面组件。普通应用界面中的界面组件都可以由网页组件模拟。举例而言，可由网页组件模拟的界面组件包括下列组件文本框、标签、按钮、表格、图片、菜单栏和进度条。组件生成模块120，适于通过超文本标记语言HTML和风格样式表CSS生成用于模拟界面组件的网页组件。其中，使用HTML定义网页组件，使用CSS对网页组件的风格进行设置。例如，通过HTML定义了一个菜单栏，其中定义有菜单栏的标题，CSS则对菜单栏中标题的字体，菜单栏的大小、菜单栏背景的颜色等进行设置。又例如，通过HTML定义了一个按钮，其中定义按钮中显示的文字，CSS则对按钮中文字的字体，按钮的大小、颜色等进行设置。具体设置的内容依据要实现的界面组件的效果而定。由此生成用于模拟界面组件的网页组件。组件加载模块130，适于使用应用的网页容器WebView加载网本文档来自技高网...

【技术保护点】
一种应用界面实现方法，包括：确定待实现的应用界面中包含的可由网页组件模拟的界面组件；通过超文本标记语言HTML和风格样式表CSS生成用于模拟所述界面组件的网页组件；使用应用的网页容器WebView加载所述网页组件，生成网页形式的应用界面；在操作文件中设置应用界面中网页组件的操作事件，当网页组件的操作事件被触发时，通过终端应用平台PhoneGap调用终端的系统资源完成所述操作事件；确定待实现的应用界面中包含的不可由网页组件模拟的界面组件；采用终端本地提供的界面组件实现方式生成所述界面组件，并设置所述界面组件的操作事件，使用应用中通用容器加载所述界面组件；当界面组件的操作事件被触发时，直接调用终端的系统资源完成所述操作事件。

【技术特征摘要】

【专利技术属性】
技术研发人员：杨永乐，
申请(专利权)人：北京奇虎科技有限公司，奇智软件北京有限公司，
类型：发明
国别省市：