CN105955739A - 一种图形界面的处理方法、装置和系统 - Google Patents
一种图形界面的处理方法、装置和系统 Download PDFInfo
- Publication number
- CN105955739A CN105955739A CN201610281992.9A CN201610281992A CN105955739A CN 105955739 A CN105955739 A CN 105955739A CN 201610281992 A CN201610281992 A CN 201610281992A CN 105955739 A CN105955739 A CN 105955739A
- Authority
- CN
- China
- Prior art keywords
- layer
- graphical interface
- native
- network view
- processing request
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000003672 processing method Methods 0.000 title claims abstract description 16
- 238000012545 processing Methods 0.000 claims abstract description 139
- 238000000034 method Methods 0.000 claims description 28
- 238000013507 mapping Methods 0.000 claims description 22
- 238000009877 rendering Methods 0.000 claims description 8
- 238000010276 construction Methods 0.000 claims description 5
- 238000012423 maintenance Methods 0.000 abstract description 8
- 230000006870 function Effects 0.000 description 16
- 230000000694 effects Effects 0.000 description 15
- 230000006854 communication Effects 0.000 description 7
- 230000001960 triggered effect Effects 0.000 description 7
- 238000004891 communication Methods 0.000 description 6
- 238000013467 fragmentation Methods 0.000 description 6
- 238000006062 fragmentation reaction Methods 0.000 description 6
- 239000003086 colorant Substances 0.000 description 5
- 238000010586 diagram Methods 0.000 description 5
- 230000005540 biological transmission Effects 0.000 description 3
- 238000001514 detection method Methods 0.000 description 3
- 230000001133 acceleration Effects 0.000 description 2
- 238000011161 development Methods 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 230000005484 gravity Effects 0.000 description 2
- 238000007726 management method Methods 0.000 description 2
- 238000010295 mobile communication Methods 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 230000005236 sound signal Effects 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 238000007599 discharging Methods 0.000 description 1
- 230000002708 enhancing effect Effects 0.000 description 1
- 230000014509 gene expression Effects 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 230000007774 longterm Effects 0.000 description 1
- 238000012544 monitoring process Methods 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 238000010079 rubber tapping Methods 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 238000010897 surface acoustic wave method Methods 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/445—Program loading or initiating
- G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
- G06F9/44526—Plug-ins; Add-ons
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明实施例公开了一种图形界面的处理方法、装置和系统；本发明实施例在接收到图形界面处理请求时，可以根据该图形界面处理请求确定需要执行的事件内容和对象，然后，通过位于图形界面第一原生层和第二原生层之间新增的网络视图层，来加载该对象，并利用该加载的对象来执行事件内容，以响应该图形界面处理请求，从而实现对图形界面进行处理的目的。该方案实现和更新较为简单，可以大大提高其运维的便利性和灵活性。
Description
技术领域
本发明涉及通信技术领域，具体涉及一种图形界面的处理方法、装置和系统。
背景技术
图形界面，也称为图形化界面或图形用户接口(GUI，Graphical UserInterface)，指的是采用图形方式显示的计算机操作环境用户接口。与早期计算机使用的命令行界面相比，图形界面对于用户来说更为简便易用。现如今，图形界面已广泛地应用于移动通信产品、以及车载系统产品等领域。
为了增强图形界面的显示效果、以及操作功能，给用户提供更华丽的交互体验，现有提出本地应用(Native app，Native Application)技术，其中，NativeApp是一种基于智能手机本地操作系统(如iOS或安卓操作系统)并使用原生程式编写运行的第三方应用程序，也称为本地App。由于Native App位于平台层上方，所以相对于基于高端机的浏览器运行的网页应用(Web App)而言，向下访问和兼容的能力会比较好一些，比如，可以支持在线或离线，消息推送或本地资源访问，摄像拨号功能的调取，等等。但是由于设备碎片化，NativeApp的开发成本相对也会高很多，而且维持多个版本的更新升级、以及移植到不同平台也比较麻烦，所以，无法被广泛应用；也就是说，现有的Native app虽然在加载速度和性能方面表现较好，但是，实现和更新较为复杂，灵活性较差
发明内容
本发明实施例提供一种图形界面的处理方法、装置和系统，实现和更新较为简单，可以提高其运维的便利性和灵活性。
本发明实施例提供一种图形界面的处理方法，包括：
接收图形界面处理请求，所述图形界面处理请求指示需要处理的图形界面；
根据所述图形界面处理请求确定需要执行的事件内容和对象；
在预设的网络视图层中加载所述对象，所述网络视图层位于所述图形界面的第一原生层和第二原生层之间；
通过所述网络视图层中加载的对象执行所述事件内容，以响应所述图形界面处理请求。
相应的，本发明实施例还提供一种图形界面的处理装置，包括：
接收单元，用于接收图形界面处理请求，所述图形界面处理请求指示需要处理的图形界面；
确定单元，用于根据所述图形界面处理请求确定需要执行的事件内容和对象；
加载单元，用于在预设的网络视图层中加载所述对象，所述网络视图层位于所述图形界面的第一原生层和第二原生层之间；
处理单元，用于通过所述网络视图层中加载的对象执行所述事件内容，以响应所述图形界面处理请求。
此外，本发明实施例还提供一种图形界面的处理系统，包括本发明实施例所提供的任一种图形界面的处理装置。
本发明实施例在接收到图形界面处理请求时，可以根据该图形界面处理请求确定需要执行的事件内容和对象，然后，通过位于图形界面第一原生层和第二原生层之间新增的网络视图层，来加载该对象，并利用该加载的对象来执行事件内容，以响应该图形界面处理请求，从而实现对图形界面进行处理的目的。由于该方案不会涉及到设备碎片化，也无需进行版本更新升级(如果需要更新，只需对对象进行更新即可)，而且，还可以兼容多个平台，因此，相对于现有的Native App而言，实现和更新较为简单，可以大大提高其运维的便利性和灵活性。
附图说明
为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1a是本发明实施例提供的图形界面的处理方法的场景示意图；
图1b是本发明实施例提供的图形界面的处理方法的流程图；
图2a是本发明实施例提供的图形界面的处理方法中图形界面图层的示意图；
图2b是本发明实施例提供的图形界面的处理方法的另一流程图；
图2c是本发明实施例提供的图形界面的处理方法中图形界面的效果示意图；
图3a是本发明实施例提供的图形界面的处理装置的结构示意图；
图3b是本发明实施例提供的图形界面的处理装置的另一结构示意图；
图4是本发明实施例提供的终端的结构示意图。
具体实施方式
下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
本发明实施例提供一种图形界面的处理方法、装置和系统。
其中，该图形界面的处理系统可以包括本发明实施例所提供的任一种图形界面的处理装置，该图形界面的处理装置具体可以集成在终端，比如手机中。此外，该图形界面的处理系统还可以包括其他的设备，比如服务器等。
例如，以该图形界面的处理装置具体集成在终端中为例，参见图1a，可以在终端的图形界面，比如用户操作界面的第一原生层和第二原生层之间，增加一网络视图层，从而使得在终端接收到图形界面处理请求时，可以根据该图形界面处理请求确定需要执行的事件内容和对象，然后，在该预设的网络视图层中加载该对象，并通过该网络视图层中加载的对象执行该事件内容，以响应该图形界面处理请求。
其中，该事件内容和对象可以根据实际应用的需求而定，比如，如果事件内容为在该用户操作界面的第一原生层和第二原生层之间增加一动画，以突出产品氛围，则此时可以确定该“对象”为相应动画所属网页的链接地址，于是，可以从服务器中获取该链接地址所对应的网页内容，即动画内容，然后直接在该网络视图层中加载并显示该动画内容，从而实现在该用户操作界面上的动画效果。
以下分别进行详细说明。
实施例一、
本实施例将从图形界面的处理装置的角度进行描述，该图形界面的处理装置具体可以集成在终端等设备中，该终端具体可以为手机或平板电脑等设备。
一种图形界面的处理方法，包括：接收图形界面处理请求，该图形界面处理请求指示需要处理的图形界面；根据该图形界面处理请求确定需要执行的事件内容和对象；在预设的网络视图层中加载该对象，该网络视图层位于该图形界面的第一原生(native)层和第二原生层之间；通过该网络视图层中加载的对象执行该事件内容，以响应该图形界面处理请求。
如图1b所示，一种图形界面的处理方法，具体流程可以如下：
101、接收图形界面处理请求，该图形界面处理请求指示需要处理的图形界面。
其中，该图形界面指的是终端中的各种界面，比如，可以包括终端本地各级的用户操作界面、以及各种终端应用中的用户操作界面，等等。
其中，图形界面处理请求可以通过触发终端中预设触发键或输入框等触发接口来进行触发，比如，当用户点击或划过某个图标时，则触发生成该图形界面处理请求，此时，该图形界面的处理装置便可以对该图形界面处理请求进行接收，比如，通过预设的指令接收接口对该图形界面处理请求进行接收，等等。
102、根据该图形界面处理请求确定需要执行的事件内容和对象。
例如，可以根据该图形界面处理请求确定需要执行的事件内容，然后，根据该事件内容，通过查找预设映射表确定对应的对象。
其中，该映射表指的是可以反映事件内容和对象对应关系的数据结构，该数据结构具体可以体现为多种形式，比如数据库的形式，或者数据表的形式，等等。具体的，该映射表可以保存事件内容与对象的映射关系，或者，也可以保存事件内容标识与对象的映射关系，其中，根据映射表所保存内容的不同，步骤“根据该事件内容，通过查找预设映射表确定对应的对象”也会有所不同，例如，可以如下：
以该事件内容的标识，比如事件内容的编号或名称等为关键字，通过查找预设映射表确定对应的对象；或者，
也可以以该事件内容为关键字，通过查找预设映射表确定对应的对象，等等。
需说明的是，本发明实施例所说的事件，指的是可以被控件识别的操作，事件内容指的是该操作的具体内容，比如，事件内容可以是“在当前用户操作界面中增加下雪的效果”、或者“在当前用户操作界面中增加气泡的效果”、或者“在当前用户操作界面中增加一动画(比如一只会动的小猫咪)”等等。而对象则指的是该操作的具体内容所对应的可以进行加载的目标数据，比如链接地址或网页(比如h5页面)等。
103、在预设的网络视图层中加载该对象。
例如，具体可以根据该对象确定相应的链接地址，在预设的网络视图层中加载该链接地址，等等。
其中，该网络视图层指的是可以用于加载对象，比如h5页面的控件所在的层，也称为webview层。该网络视图层可以位于该图形界面的第一原生层和第二原生层之间。
所谓第一原生层和第二原生层，指的是图形界面原有的图层。由于图形界面一般可以包括两层，比如背景层和图标层等，而该背景层和图标层均属于原生(native)层，因此，为了描述方便，在本发明实施例中，将图形界面原有的图层称为第一原生层和第二原生层。
可选的，该网络视图层可以在图形界面创建的时候，由开发人员直接在第一原生层和第二原生层之间进行创建，也可以由系统在生成该图形界面的过程中，自行进行创建，即在步骤“接收图形界面处理请求”之前，该图形界面的处理方法还可以包括：
(1)获取原生图形界面，该原生图形界面包括第一原生层和第二原生层。
(2)对该原生图形界面进行渲染后，在该第一原生层和第二原生层之间构建网络视图层，得到图形界面，例如，具体可以如下：
获取图层添加指令；根据该图层添加指令在该第一原生层和第二原生层之间新增至少一层图层；将新增的图层的属性设置为网络视图。
可选的，为了提高其适用性和灵活性，根据各种场景的具体需求，还可以对该新增图层的属性作进一步设置，比如，将新增的图层的透明度设置为透明，等等。
104、通过该网络视图层中加载的对象执行该事件内容，以响应该图形界面处理请求。
例如，具体可以根据加载的链接地址从服务器中获取对应的网页内容，在预设的网络视图层中显示该网页内容，等等。
其中，该网页内容的格式可以包括超文本标记语言(HTML，HyperTextMarkup Language)、H4(HTML4)、H5(HTML5)、层叠样式(CSS，CascadingStyle Sheet)、javascript、jQuery、java、或者其他网页语言格式等。为了描述方便，在本发明实施例中，将均以H5为例进行说明。
可选的，为了提高操作的灵活性和功能的多样性，还可以在该图形界面上设置多个触发接口，以供用户对该加载的对象如H5作进一步操作，比如更换动画效果，增加挂件、或更换颜色等；即在步骤“在预设的网络视图层中显示该网页内容”之后，该图形界面的处理方法还可以包括：
接收用户操作请求；根据该用户操作请求获取相应的操作指令；根据该操作指令对所述页面内容进行操作，比如更换动画效果，增加挂件、或更换颜色等。
由上可知，本发明实施例在接收到图形界面处理请求时，可以根据该图形界面处理请求确定需要执行的事件内容和对象，然后，通过位于图形界面第一原生层和第二原生层之间新增的网络视图层，来加载该对象，并利用该加载的对象来执行事件内容，以响应该图形界面处理请求，从而实现对图形界面进行处理的目的。由于该方案不会涉及到设备碎片化，也无需进行版本更新升级(如果需要更新，只需对对象进行更新即可)，而且，还可以兼容多个平台，因此，相对于现有的Native App而言，实现和更新较为简单，可以大大提高其运维的便利性和灵活性。
实施例二、
根据实施例一所描述的方法，以下将举例作进一步详细说明。
在本实施例中，将以该图形界面的处理装置集成在终端，且该图形界面具体为用户操作界面为例进行说明。
首先，可以在用户操作界面的第一原生层和第二原生层之间创建一网络视图层，具体可以如下：
获取原生用户操作界面，比如原生用户界面(UI，User Interface)控件，如图2a所示，该原生用户操作界面可以包括图标层和背景层(即第一原生层和第二原生层)，其中，该背景层和图标层均为原生(native)层；在对该原生用户操作界面进行渲染后，在该图标层和背景层(即第一原生层和第二原生层)之间构建网络视图层，比如构建webview控件，具体可参见图2a。
其次，在网络视图层，比如webview控件构建完毕后，便可以加载相应的对象，比如h5页面，可选的，为防止h5页面的内容突兀呈现，该h5页面可以通过css设置内容完全透明，然后，在资源加载完成后再通过渐现方式对该页面内容进行展现，此外，还可以告知系统目前状态；此后，用户还可以通过操作原生控件触达该h5页面，并通过事件传递使其产生变化，比如进行更新、或进行其他的操作，比如对该h5页面所展示动画进行关闭、播放、暂停、快进快退等。
以下将基于该构建的网络视图层，对该图形界面的处理方法进行详细说明。
如2b所示，一种图形界面的处理方法，具体流程可以如下：
201、终端接收图形界面处理请求，该图形界面处理请求指示需要处理的图形界面。
在本实施例中，该需要处理的图形界面指的是用户操作界面。
其中，图形界面处理请求可以通过触发终端中预设触发键或输入框等触发接口来进行触发，比如，当用户点击或划过某个图标时，则触发生成该图形界面处理请求。
202、终端根据该图形界面处理请求确定需要执行的事件内容。
其中，事件，指的是可以被控件识别的操作；事件内容指的是该操作的具体内容，比如，事件内容可以是“在当前用户操作界面中增加下雪的效果”、或者“在当前用户操作界面中增加气泡的效果”、或者“在当前用户操作界面中增加一动画(比如一只会动的小猫咪)”等等。
203、终端根据该事件内容，通过查找预设映射表确定对应的对象。
其中，该映射表可以保存事件内容与对象的映射关系，或者，也可以保存事件内容标识与对象的映射关系。根据映射表所保存内容的不同，步骤203也会有所不同，例如，可以如下：
以该事件内容的标识，比如事件内容的编号或名称等为关键字，通过查找预设映射表确定对应的对象；或者，
也可以以该事件内容为关键字，通过查找预设映射表确定对应的对象，等等。
比如，如果该事件内容为“在当前用户操作界面中增加下雪的效果”，其标识为“001”，则此时，可以在映射表中查找“001”对应的H5页面的链接地址，比如统一资源定位符(URL，Uniform Resoure Locator)。
又比如，如果该事件内容为“在当前用户操作界面中增加气泡的效果”，其标识为“002”，则此时，可以在映射表中查找“002”对应的H5页面的链接地址，比如URL，等等。
204、终端在网络视图层中加载该链接地址。
其中，该网络视图层位于图标层和背景层之间，具体可以为webview控件，比如，可以参见图2a。
205、终端根据加载的链接地址从服务器中获取对应的网页内容，在该网络视图层中显示该网页内容。
例如，以“下雪”为例，若该“下雪”的链接地址为“www.12345.com/snow.gif”则此时，可以根据加载的链接地址从服务器中获取对应的网页内容，然后在该网络视图层中显示该网页内容，比如显示“下雪”的动画场景，即在终端屏幕的界面上显示雪花飘落的动态图像，参见图2c。
其中，该网页内容的格式可以包括HTML、H4、H5、CSS、javascript、jQuery、java、或者其他网页语言格式等，在本实施例中，该网页内容主要可以用H5来实现。可选的，为防止该H5的内容突兀呈现，该H5还可以通过css设置内容完全透明，然后，资源加载完成后再通过渐现方式来展现“下雪”的动画。
可选的，此时还可以获取系统目前的状态信息，并显示该状态信息，以便用户可以及时获知系统目前的状态。
可选的，为了提高操作的灵活性和功能的多样性，还可以在该用户操作界面上设置多个触发接口，以供用户对该H5作进一步操作，比如更换动画效果，增加挂件、或更换颜色等，即还可以执行步骤206，如下：
206、终端接收用户操作请求。
例如，终端可以接收用户通过触发该用户操作界面上的原生控件，比如原图标层上的图标所触发的用户操作请求。
比如，参见图2c，在“个性装扮”所在的用户操作界面的图标层上包括有多个图标，如“气泡”、“字体”、“主题”、“表情”、“下雪”、“红包”、“铃声”和“背景”等，可以在这些图标上设置用于触发该H5(即网络视图层中所加载的网页内容)的接口，这样，当用户点击或划过相应的图标的时候，便可以触发相应的用户操作请求，比如，将当前的动画场景、字体、或背景进行更换，等等。
又比如，如果当前显示的是一个动画或小视频，则该操作请求还可以包括关闭、暂停、快进、快退或播放等操作。
207、终端根据该用户操作请求获取相应的操作指令，并根据该操作指令对该页面内容进行操作。
比如，若该用户操作请求为将当前的“下雪”的动画场景更换为“气泡”的动画场景，则此时，终端可以获取相应的操作指令，并根据该操作指令对该页面内容进行更新，使其变换为“气泡”的动画场景。
又比如，若该用户操作请求为将当前的“下雪”的动画场景进行关闭，则此时，终端可以获取相应的操作指令，并根据该操作指令对该页面内容进行关闭，等等。
由上可知，本发明实施例在接收到图形界面处理请求时，可以根据该图形界面处理请求确定需要执行的事件内容和对象，比如需要显示的网页内容，然后，通过位于图形界面第一原生层和第二原生层之间新增的网络视图层，来加载并显示相应的网页内容，从而实现增强原用户操作界面的显示效果和功能的目的。由于该方案不会涉及到设备碎片化，也无需进行版本更新升级(如果需要更新，只需对服务器中的网页内容进行更新即可)，而且，还可以兼容多个平台，因此，相对于现有的Native App而言，实现和更新较为简单，可以大大提高其运维的便利性和灵活性，大大降低开发和维护的成本；此外，由于不需要额外安装APP，比如Native App，因此，还可以节省终端的存储空间、以及中央处理器(CPU，Central Processing Unit)和内存资源。
实施例三、
为了更好地实施上述方法，本发明实施例还提供一种图形界面的处理装置，如图3a所示，该图形界面的处理装置可以包括接收单元301、确定单元302、加载单元303和处理单元304，如下：
(1)接收单元301；
接收单元301，用于接收图形界面处理请求，其中，图形界面处理请求指示需要处理的图形界面。
其中，该图形界面指的是终端中的各种界面，比如，可以包括终端本地各级的用户操作界面、以及各种终端应用中的用户操作界面，等等。
其中，图形界面处理请求可以通过触发终端中预设触发键或输入框等触发接口来进行触发，比如，当用户点击或划过某个图标时，则触发生成该图形界面处理请求，即：
接收单元301、具体用于接收用户通过触发接口触发的图形界面处理请求。
(2)确定单元302；
确定单元302，用于根据该图形界面处理请求确定需要执行的事件内容和对象。
例如，该确定单元302，具体可以用于根据该图形界面处理请求确定需要执行的事件内容；根据该事件内容，通过查找预设映射表确定对应的对象。
其中，该映射表指的是可以反映事件内容和对象对应关系的数据结构，该数据结构具体可以体现为多种形式，比如数据库的形式，或者数据表的形式，等等，详见前面实施例，在此不再赘述。
(3)加载单元303；
加载单元303，用于在预设的网络视图层中加载该对象。
例如，加载单元303，具体可以用于根据该对象确定相应的链接地址，在预设的网络视图层中加载该链接地址，等等。
其中，网络视图层位于该图形界面的第一原生层和第二原生层之间；该网络视图层可以在图形界面创建的时候，由开发人员直接在第一原生层和第二原生层之间进行创建，也可以由系统在生成该图形界面的过程中，自行进行创建，即如图3b所示，该图形界面的处理装置还可以包括还包括获取单元305和构建单元306，如下：
该获取单元305，用于获取原生图形界面，该原生图形界面包括第一原生层和第二原生层.
该构建单元306，用于对该原生图形界面进行渲染后，在该第一原生层和第二原生层之间构建网络视图层，得到图形界面；例如，具体可以如下：
该构建单元306，具体可以用于对该原生图形界面进行渲染后，获取图层添加指令；根据该图层添加指令在该第一原生层和第二原生层之间新增至少一层图层；将新增的图层的属性设置为网络视图，得到图形界面。
则此时，记载单元303，具体用于在构建单元306构建的网络视图层中加载该对象。
可选的，为了提高其适用性和灵活性，根据各种场景的具体需求，还可以对该新增图层的属性作进一步设置，比如，将新增的图层的透明度设置为透明，等等，即：
该构建单元306，还可以用于将新增的图层的透明度设置为透明。
(4)处理单元304；
处理单元304，用于通过该网络视图层中加载的对象执行该事件内容，以响应该图形界面处理请求。例如，可以如下：
该处理单元304，具体可以用于根据加载的链接地址从服务器中获取对应的网页内容；在预设的网络视图层中显示该网页内容，等等。
其中，该网页内容的格式可以包括HTML、H4、H5、CSS、javascript、jQuery、java、或者其他网页语言格式等。
可选的，为了提高操作的灵活性和功能的多样性，还可以在该图形界面上设置多个触发接口，以供用户对该加载的对象如H5作进一步操作，比如更换动画效果，增加挂件、或更换颜色等；即：
该处理单元304，还可以用于接收用户操作请求，根据该用户操作请求获取相应的操作指令；根据该操作指令对该页面内容进行操作，比如更换动画效果，增加挂件、或更换颜色等。
具体实施时，以上各个单元可以作为独立的实体来实现，也可以进行任意组合，作为同一或若干个实体来实现，以上各个单元的具体实施可参见前面的方法实施例，在此不再赘述。
该图形界面的处理装置具体可以集成在终端等设备中，该终端具体可以为手机或平板电脑等设备。
由上可知，本发明实施例的图形界面的处理装置在接收到图形界面处理请求时，可以由确定单元302根据该图形界面处理请求确定需要执行的事件内容和对象，然后，由加载单元303通过位于图形界面第一原生层和第二原生层之间新增的网络视图层，来加载该对象，并由处理单元304利用该加载的对象来执行事件内容，以响应该图形界面处理请求，从而实现对图形界面进行处理的目的。由于该方案不会涉及到设备碎片化，也无需进行版本更新升级(如果需要更新，只需对对象进行更新即可)，而且，还可以兼容多个平台，因此，相对于现有的Native App而言，实现和更新较为简单，可以大大提高其运维的便利性和灵活性。
实施例四、
相应的，本发明实施例还提供一种图形界面的处理系统，包括本发明实施例所提供的任一种图形界面的处理装置，具体可参见实施例三；其中，该图形界面的处理装置可以集成在终端等设备中，例如，具体可以如下：
终端，用于接收图形界面处理请求，该图形界面处理请求指示需要处理的图形界面；根据该图形界面处理请求确定需要执行的事件内容和对象；在预设的网络视图层中加载该对象，该网络视图层位于该图形界面的第一原生(native)层和第二原生层之间；通过该网络视图层中加载的对象执行该事件内容，以响应该图形界面处理请求。
例如，以该对象具体为链接地址为了，则此时，该终端具体可以用于在预设的网络视图层中加载该链接地址，比如，可以根据该链接地址从服务器中获取相应的网页内容，并在该网络视图层中显示该网页内容，等等，具体可参见前面的实施例，在此不再赘述。
此外，该图形界面的处理系统还可以包括其他的设备，比如服务器，如下：
服务器，用于保存网页内容，并向终端提供相应的网页内容。
以上各个设备的具体实施可参见前面的实施例，在此不再赘述。
由于该图形界面的处理系统可以包括本发明实施例所提供的任一种图形界面的处理装置，因此，可以实现本发明实施例所提供的任一种图形界面的处理装置所能实现的有益效果，具体可参见前面的实施例，在此不再赘述。
实施例五、
此外，本发明实施例还提供一种终端，如图4所示，该终端可以包括射频(RF，Radio Frequency)电路401、包括有一个或一个以上计算机可读存储介质的存储器402、输入单元403、显示单元404、传感器405、音频电路406、无线保真(WiFi，Wireless Fidelity)模块407、包括有一个或者一个以上处理核心的处理器408、以及电源409等部件。本领域技术人员可以理解，图4中示出的终端结构并不构成对终端的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。其中：
RF电路401可用于收发信息或通话过程中，信号的接收和发送，特别地，将基站的下行信息接收后，交由一个或者一个以上处理器408处理；另外，将涉及上行的数据发送给基站。通常，RF电路401包括但不限于天线、至少一个放大器、调谐器、一个或多个振荡器、用户身份模块(SIM，Subscriber IdentityModule)卡、收发信机、耦合器、低噪声放大器(LNA，Low Noise Amplifier)、双工器等。此外，RF电路401还可以通过无线通信与网络和其他设备通信。所述无线通信可以使用任一通信标准或协议，包括但不限于全球移动通讯系统(GSM，Global System of Mobile communication)、通用分组无线服务(GPRS，General Packet Radio Service)、码分多址(CDMA，Code Division MultipleAccess)、宽带码分多址(WCDMA，Wideband Code Division Multiple Access)、长期演进(LTE，Long Term Evolution)、电子邮件、短消息服务(SMS，ShortMessaging Service)等。
存储器402可用于存储软件程序以及模块，处理器408通过运行存储在存储器402的软件程序以及模块，从而执行各种功能应用以及数据处理。存储器402可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等；存储数据区可存储根据终端的使用所创建的数据(比如音频数据、电话本等)等。此外，存储器402可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。相应地，存储器402还可以包括存储器控制器，以提供处理器408和输入单元403对存储器402的访问。
输入单元403可用于接收输入的数字或字符信息，以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。具体地，在一个具体的实施例中，输入单元403可包括触敏表面以及其他输入设备。触敏表面，也称为触摸显示屏或者触控板，可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触敏表面上或在触敏表面附近的操作)，并根据预先设定的程式驱动相应的连接装置。可选的，触敏表面可包括触摸检测装置和触摸控制器两个部分。其中，触摸检测装置检测用户的触摸方位，并检测触摸操作带来的信号，将信号传送给触摸控制器；触摸控制器从触摸检测装置上接收触摸信息，并将它转换成触点坐标，再送给处理器408，并能接收处理器408发来的命令并加以执行。此外，可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触敏表面。除了触敏表面，输入单元403还可以包括其他输入设备。具体地，其他输入设备可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。
显示单元404可用于显示由用户输入的信息或提供给用户的信息以及终端的各种图形用户接口，这些图形用户接口可以由图形、文本、图标、视频和其任意组合来构成。显示单元404可包括显示面板，可选的，可以采用液晶显示器(LCD，Liquid Crystal Display)、有机发光二极管(OLED，OrganicLight-Emitting Diode)等形式来配置显示面板。进一步的，触敏表面可覆盖显示面板，当触敏表面检测到在其上或附近的触摸操作后，传送给处理器408以确定触摸事件的类型，随后处理器408根据触摸事件的类型在显示面板上提供相应的视觉输出。虽然在图4中，触敏表面与显示面板是作为两个独立的部件来实现输入和输入功能，但是在某些实施例中，可以将触敏表面与显示面板集成而实现输入和输出功能。
终端还可包括至少一种传感器405，比如光传感器、运动传感器以及其他传感器。具体地，光传感器可包括环境光传感器及接近传感器，其中，环境光传感器可根据环境光线的明暗来调节显示面板的亮度，接近传感器可在终端移动到耳边时，关闭显示面板和/或背光。作为运动传感器的一种，重力加速度传感器可检测各个方向上(一般为三轴)加速度的大小，静止时可检测出重力的大小及方向，可用于识别手机姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等；至于终端还可配置的陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器，在此不再赘述。
音频电路406、扬声器，传声器可提供用户与终端之间的音频接口。音频电路406可将接收到的音频数据转换后的电信号，传输到扬声器，由扬声器转换为声音信号输出；另一方面，传声器将收集的声音信号转换为电信号，由音频电路406接收后转换为音频数据，再将音频数据输出处理器408处理后，经RF电路401以发送给比如另一终端，或者将音频数据输出至存储器402以便进一步处理。音频电路406还可能包括耳塞插孔，以提供外设耳机与终端的通信。
WiFi属于短距离无线传输技术，终端通过WiFi模块407可以帮助用户收发电子邮件、浏览网页和访问流式媒体等，它为用户提供了无线的宽带互联网访问。虽然图4示出了WiFi模块407，但是可以理解的是，其并不属于终端的必须构成，完全可以根据需要在不改变发明的本质的范围内而省略。
处理器408是终端的控制中心，利用各种接口和线路连接整个手机的各个部分，通过运行或执行存储在存储器402内的软件程序和/或模块，以及调用存储在存储器402内的数据，执行终端的各种功能和处理数据，从而对手机进行整体监控。可选的，处理器408可包括一个或多个处理核心；优选的，处理器408可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作系统、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器408中。
终端还包括给各个部件供电的电源409(比如电池)，优选的，电源可以通过电源管理系统与处理器408逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。电源409还可以包括一个或一个以上的直流或交流电源、再充电系统、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。
尽管未示出，终端还可以包括摄像头、蓝牙模块等，在此不再赘述。具体在本实施例中，终端中的处理器408会按照如下的指令，将一个或一个以上的应用程序的进程对应的可执行文件加载到存储器402中，并由处理器408来运行存储在存储器402中的应用程序，从而实现各种功能：
接收图形界面处理请求，该图形界面处理请求指示需要处理的图形界面；根据该图形界面处理请求确定需要执行的事件内容和对象；在预设的网络视图层中加载该对象，该网络视图层位于该图形界面的第一原生(native)层和第二原生层之间；通过该网络视图层中加载的对象执行该事件内容，以响应该图形界面处理请求。
其中，该网络视图层可以在图形界面创建的时候，由开发人员直接在第一原生层和第二原生层之间进行创建，也可以由系统在生成该图形界面的过程中，自行进行创建，即该处理器408还可以执行如下操作：
获取原生图形界面，该原生图形界面包括第一原生层和第二原生层，对该原生图形界面进行渲染后，在该第一原生层和第二原生层之间构建网络视图层，得到图形界面，例如，具体可以如下：
获取图层添加指令；根据该图层添加指令在该第一原生层和第二原生层之间新增至少一层图层；将新增的图层的属性设置为网络视图。
上述操作具体可参见前面的方法实施例，在此不再赘述。
由上可知，本发明实施例的终端在接收到图形界面处理请求时，可以根据该图形界面处理请求确定需要执行的事件内容和对象，然后，通过位于图形界面第一原生层和第二原生层之间新增的网络视图层，来加载该对象，并利用该加载的对象来执行事件内容，以响应该图形界面处理请求，从而实现对图形界面进行处理的目的。由于该方案不会涉及到设备碎片化，也无需进行版本更新升级，而且，还可以兼容多个平台，因此，相对于现有的Native App而言，实现和更新较为简单，可以大大提高其运维的便利性和灵活性。
本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成，该程序可以存储于一计算机可读存储介质中，存储介质可以包括：只读存储器(ROM，Read Only Memory)、随机存取记忆体(RAM，Random Access Memory)、磁盘或光盘等。
以上对本发明实施例所提供的一种图形界面的处理方法、装置和系统进行了详细介绍，本文中应用了具体个例对本发明的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本发明的方法及其核心思想；同时，对于本领域的技术人员，依据本发明的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本发明的限制。
Claims (17)
1.一种图形界面的处理方法，其特征在于，包括：
接收图形界面处理请求，所述图形界面处理请求指示需要处理的图形界面；
根据所述图形界面处理请求确定需要执行的事件内容和对象；
在预设的网络视图层中加载所述对象，所述网络视图层位于所述图形界面的第一原生层和第二原生层之间；
通过所述网络视图层中加载的对象执行所述事件内容，以响应所述图形界面处理请求。
2.根据权利要求1所述的方法，其特征在于，所述接收图形界面处理请求之前，还包括：
获取原生图形界面，所述原生图形界面包括第一原生层和第二原生层；
对所述原生图形界面进行渲染后，在所述第一原生层和第二原生层之间构建网络视图层，得到图形界面。
3.根据权利要求2所述的方法，其特征在于，所述在所述第一原生层和第二原生层之间构建网络视图层，包括：
获取图层添加指令；
根据所述图层添加指令在所述第一原生层和第二原生层之间新增至少一层图层；
将新增的图层的属性设置为网络视图。
4.根据权利要求3所述的方法，其特征在于，还包括：
将新增的图层的透明度设置为透明。
5.根据权利要求1至4任一项所述的方法，其特征在于，所述根据所述图形界面处理请求确定需要执行的事件内容和对象，包括：
根据所述图形界面处理请求确定需要执行的事件内容；
根据所述事件内容，通过查找预设映射表确定对应的对象。
6.根据权利要求1至4任一项所述的方法，其特征在于，所述在预设的网络视图层中加载所述对象，包括：
根据所述对象确定相应的链接地址；
在预设的网络视图层中加载所述链接地址。
7.根据权利要求6所述的方法，其特征在于，所述通过所述网络视图层中加载的对象执行所述事件内容，包括：
根据加载的链接地址从服务器中获取对应的网页内容；
在预设的网络视图层中显示所述网页内容。
8.根据权利要求7所述的方法，其特征在于，所述在预设的网络视图层中显示所述网页内容之后，还包括：
接收用户操作请求；
根据所述用户操作请求获取相应的操作指令；
根据所述操作指令对所述页面内容进行操作。
9.一种图形界面的处理装置，其特征在于，包括：
接收单元，用于接收图形界面处理请求，所述图形界面处理请求指示需要处理的图形界面；
确定单元，用于根据所述图形界面处理请求确定需要执行的事件内容和对象；
加载单元，用于在预设的网络视图层中加载所述对象，所述网络视图层位于所述图形界面的第一原生层和第二原生层之间；
处理单元，用于通过所述网络视图层中加载的对象执行所述事件内容，以响应所述图形界面处理请求。
10.根据权利要求9所述的装置，其特征在于，还包括获取单元和构建单元；
所述获取单元，用于获取原生图形界面，所述原生图形界面包括第一原生层和第二原生层；
所述构建单元，用于对所述原生图形界面进行渲染后，在所述第一原生层和第二原生层之间构建网络视图层，得到图形界面。
11.根据权利要求10所述的装置，其特征在于，
所述构建单元，具体用于对所述原生图形界面进行渲染后，获取图层添加指令；根据所述图层添加指令在所述第一原生层和第二原生层之间新增至少一层图层；将新增的图层的属性设置为网络视图，得到图形界面。
12.根据权利要求11所述的装置，其特征在于，
所述构建单元，还用于将新增的图层的透明度设置为透明。
13.根据权利要求9至12任一项所述的装置，其特征在于，
所述确定单元，具体用于根据所述图形界面处理请求确定需要执行的事件内容；根据所述事件内容，通过查找预设映射表确定对应的对象。
14.根据权利要求9至12任一项所述的装置，其特征在于，
所述加载单元，具体用于根据所述对象确定相应的链接地址；在预设的网络视图层中加载所述链接地址。
15.根据权利要求14所述的装置，其特征在于，
所述处理单元，具体用于根据加载的链接地址从服务器中获取对应的网页内容；在预设的网络视图层中显示所述网页内容。
16.根据权利要求15所述的装置，其特征在于，
所述处理单元，还用于接收用户操作请求；根据所述用户操作请求获取相应的操作指令；根据所述操作指令对所述页面内容进行操作。
17.一种图形界面的处理系统，其特征在于，包括权利要求9至16任一项所述的图形界面的处理装置。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610281992.9A CN105955739A (zh) | 2016-04-29 | 2016-04-29 | 一种图形界面的处理方法、装置和系统 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610281992.9A CN105955739A (zh) | 2016-04-29 | 2016-04-29 | 一种图形界面的处理方法、装置和系统 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN105955739A true CN105955739A (zh) | 2016-09-21 |
Family
ID=56913388
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201610281992.9A Pending CN105955739A (zh) | 2016-04-29 | 2016-04-29 | 一种图形界面的处理方法、装置和系统 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN105955739A (zh) |
Cited By (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107038033A (zh) * | 2017-04-14 | 2017-08-11 | 成都奇鲁科技有限公司 | 桌面背景显示方法及装置 |
| CN107423060A (zh) * | 2017-07-07 | 2017-12-01 | 北京小米移动软件有限公司 | 动画效果的呈现方法、装置及终端 |
| CN107562852A (zh) * | 2017-08-28 | 2018-01-09 | 网易乐得科技有限公司 | 一种页面显示方法、介质、装置和计算设备 |
| CN108073649A (zh) * | 2016-11-15 | 2018-05-25 | 北京搜狗科技发展有限公司 | 一种信息处理方法和装置、一种用于信息处理的装置 |
| CN110072138A (zh) * | 2019-04-26 | 2019-07-30 | 广州酷狗计算机科技有限公司 | 视频播放方法、设备及计算机可读存储介质 |
| CN110830839A (zh) * | 2018-08-08 | 2020-02-21 | 腾讯科技（深圳）有限公司 | 多挂件展示方法、装置及存储介质 |
| CN111045758A (zh) * | 2018-10-12 | 2020-04-21 | 北京密境和风科技有限公司 | 视图处理方法、装置、电子设备及计算机存储介质 |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1980442A (zh) * | 2005-12-09 | 2007-06-13 | 三星电子株式会社 | 层结构提供方法、背景屏幕转换方法、和移动终端 |
| CN105278808A (zh) * | 2015-09-24 | 2016-01-27 | 上海智臻智能网络科技股份有限公司 | 用于经由人机交互界面推送页面的方法和装置 |
| CN105446585A (zh) * | 2014-08-29 | 2016-03-30 | 优视科技有限公司 | 一种安卓智能终端浏览器视频显示方法及装置 |
| CN105487905A (zh) * | 2015-11-27 | 2016-04-13 | 东软集团股份有限公司 | 一种混合应用的更新方法和装置 |
-
2016
- 2016-04-29 CN CN201610281992.9A patent/CN105955739A/zh active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1980442A (zh) * | 2005-12-09 | 2007-06-13 | 三星电子株式会社 | 层结构提供方法、背景屏幕转换方法、和移动终端 |
| CN105446585A (zh) * | 2014-08-29 | 2016-03-30 | 优视科技有限公司 | 一种安卓智能终端浏览器视频显示方法及装置 |
| CN105278808A (zh) * | 2015-09-24 | 2016-01-27 | 上海智臻智能网络科技股份有限公司 | 用于经由人机交互界面推送页面的方法和装置 |
| CN105487905A (zh) * | 2015-11-27 | 2016-04-13 | 东软集团股份有限公司 | 一种混合应用的更新方法和装置 |
Cited By (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108073649A (zh) * | 2016-11-15 | 2018-05-25 | 北京搜狗科技发展有限公司 | 一种信息处理方法和装置、一种用于信息处理的装置 |
| CN108073649B (zh) * | 2016-11-15 | 2022-02-25 | 北京搜狗科技发展有限公司 | 一种信息处理方法和装置、一种用于信息处理的装置 |
| CN107038033A (zh) * | 2017-04-14 | 2017-08-11 | 成都奇鲁科技有限公司 | 桌面背景显示方法及装置 |
| CN107423060A (zh) * | 2017-07-07 | 2017-12-01 | 北京小米移动软件有限公司 | 动画效果的呈现方法、装置及终端 |
| CN107562852A (zh) * | 2017-08-28 | 2018-01-09 | 网易乐得科技有限公司 | 一种页面显示方法、介质、装置和计算设备 |
| CN107562852B (zh) * | 2017-08-28 | 2020-12-25 | 网易乐得科技有限公司 | 在浏览器中进行页面显示方法、介质、装置和计算设备 |
| CN110830839A (zh) * | 2018-08-08 | 2020-02-21 | 腾讯科技（深圳）有限公司 | 多挂件展示方法、装置及存储介质 |
| CN111045758A (zh) * | 2018-10-12 | 2020-04-21 | 北京密境和风科技有限公司 | 视图处理方法、装置、电子设备及计算机存储介质 |
| CN110072138A (zh) * | 2019-04-26 | 2019-07-30 | 广州酷狗计算机科技有限公司 | 视频播放方法、设备及计算机可读存储介质 |
| CN110072138B (zh) * | 2019-04-26 | 2021-06-18 | 广州酷狗计算机科技有限公司 | 视频播放方法、设备及计算机可读存储介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN106775637B (zh) | 一种应用程序的页面显示方法和装置 | |
| US10334309B2 (en) | Bullet screen display method and apparatus | |
| US11798107B2 (en) | Scenario-based application recommendation method and apparatus | |
| CN110795666B (zh) | 一种网页生成方法、装置、终端及存储介质 | |
| CN109857403B (zh) | 一种页面更新、页面处理方法及装置 | |
| CN107247691B (zh) | 一种文本信息的显示方法、装置、移动终端及存储介质 | |
| CN105955739A (zh) | 一种图形界面的处理方法、装置和系统 | |
| US20150301991A1 (en) | Webapp startup method and device | |
| CN108039963B (zh) | 一种容器配置方法、装置及存储介质 | |
| WO2015096747A1 (zh) | 操作响应方法、客户端、浏览器及系统 | |
| CN108153778B (zh) | 网页保存方法、网页读取方法及装置 | |
| US20150091935A1 (en) | Method and device for browsing web under weak light with mobile terminal browser | |
| CN110020293B (zh) | 多媒体数据展示方法、装置及存储介质 | |
| CN107666406B (zh) | 智能卡片显示方法及装置 | |
| US20190213241A1 (en) | Web page display method and apparatus, mobile terminal, and storage medium | |
| EP2869604B1 (en) | Method, apparatus and device for processing a mobile terminal resource | |
| WO2015003636A1 (zh) | 一种页面元素的拦截方法和装置 | |
| US10298590B2 (en) | Application-based service providing method, apparatus, and system | |
| CN110489679B (zh) | 一种浏览器内核的处理方法、装置及存储介质 | |
| CN108182090B (zh) | 基于blink内核的Flash插件加载方法及装置 | |
| CN113313804A (zh) | 一种图像渲染方法、装置、电子设备和存储介质 | |
| CN106095423B (zh) | 提供浏览服务的方法、终端及服务器 | |
| CN108763544A (zh) | 一种显示方法及终端 | |
| CN105631059B (zh) | 数据处理方法、数据处理装置及数据处理系统 | |
| CN105094872B (zh) | 一种显示网页应用的方法和装置 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20160921 |