书签 分享 收藏 举报 版权申诉 / 19

一种图形界面的处理方法、装置和系统.pdf

  • 上传人:a1
  • 文档编号:6200697
  • 上传时间:2019-05-20
  • 格式:PDF
  • 页数:19
  • 大小:1.30MB
  • 摘要
    申请专利号:

    CN201610281992.9

    申请日:

    2016.04.29

    公开号:

    CN105955739A

    公开日:

    2016.09.21

    当前法律状态:

    实审

    有效性:

    审中

    法律详情:

    实质审查的生效IPC(主分类):G06F 9/44申请日:20160429|||公开

    IPC分类号:

    G06F9/44; G06F9/445

    主分类号:

    G06F9/44

    申请人:

    腾讯科技(深圳)有限公司

    发明人:

    陈家龙; 林焕彬; 梁志杰

    地址:

    518000 广东省深圳市福田区振兴路赛格科技园2栋东403室

    优先权:

    专利代理机构:

    深圳翼盛智成知识产权事务所(普通合伙) 44300

    代理人:

    黄威

    PDF完整版下载: PDF下载
    内容摘要

    本发明实施例公开了一种图形界面的处理方法、装置和系统;本发明实施例在接收到图形界面处理请求时,可以根据该图形界面处理请求确定需要执行的事件内容和对象,然后,通过位于图形界面第一原生层和第二原生层之间新增的网络视图层,来加载该对象,并利用该加载的对象来执行事件内容,以响应该图形界面处理请求,从而实现对图形界面进行处理的目的。该方案实现和更新较为简单,可以大大提高其运维的便利性和灵活性。

    权利要求书

    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任一项
    所述的图形界面的处理装置。

    说明书

    一种图形界面的处理方法、装置和系统

    技术领域

    本发明涉及通信技术领域,具体涉及一种图形界面的处理方法、装置和系
    统。

    背景技术

    图形界面,也称为图形化界面或图形用户接口(GUI,Graphical User
    Interface),指的是采用图形方式显示的计算机操作环境用户接口。与早期计算
    机使用的命令行界面相比,图形界面对于用户来说更为简便易用。现如今,图
    形界面已广泛地应用于移动通信产品、以及车载系统产品等领域。

    为了增强图形界面的显示效果、以及操作功能,给用户提供更华丽的交互
    体验,现有提出本地应用(Native app,Native Application)技术,其中,Native
    App是一种基于智能手机本地操作系统(如iOS或安卓操作系统)并使用原生
    程式编写运行的第三方应用程序,也称为本地App。由于Native App位于平台
    层上方,所以相对于基于高端机的浏览器运行的网页应用(Web App)而言,
    向下访问和兼容的能力会比较好一些,比如,可以支持在线或离线,消息推送
    或本地资源访问,摄像拨号功能的调取,等等。但是由于设备碎片化,Native
    App的开发成本相对也会高很多,而且维持多个版本的更新升级、以及移植到
    不同平台也比较麻烦,所以,无法被广泛应用;也就是说,现有的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,HyperText
    Markup Language)、H4(HTML4)、H5(HTML5)、层叠样式(CSS,Cascading
    Style 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 Identity
    Module)卡、收发信机、耦合器、低噪声放大器(LNA,Low Noise Amplifier)、
    双工器等。此外,RF电路401还可以通过无线通信与网络和其他设备通信。
    所述无线通信可以使用任一通信标准或协议,包括但不限于全球移动通讯系统
    (GSM,Global System of Mobile communication)、通用分组无线服务(GPRS,
    General Packet Radio Service)、码分多址(CDMA,Code Division Multiple
    Access)、宽带码分多址(WCDMA,Wideband Code Division Multiple Access)、
    长期演进(LTE,Long Term Evolution)、电子邮件、短消息服务(SMS,Short
    Messaging Service)等。

    存储器402可用于存储软件程序以及模块,处理器408通过运行存储在存
    储器402的软件程序以及模块,从而执行各种功能应用以及数据处理。存储器
    402可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、
    至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等;存
    储数据区可存储根据终端的使用所创建的数据(比如音频数据、电话本等)等。
    此外,存储器402可以包括高速随机存取存储器,还可以包括非易失性存储器,
    例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。相应地,
    存储器402还可以包括存储器控制器,以提供处理器408和输入单元403对存
    储器402的访问。

    输入单元403可用于接收输入的数字或字符信息,以及产生与用户设置以
    及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。具体地,
    在一个具体的实施例中,输入单元403可包括触敏表面以及其他输入设备。触
    敏表面,也称为触摸显示屏或者触控板,可收集用户在其上或附近的触摸操作
    (比如用户使用手指、触笔等任何适合的物体或附件在触敏表面上或在触敏表
    面附近的操作),并根据预先设定的程式驱动相应的连接装置。可选的,触敏
    表面可包括触摸检测装置和触摸控制器两个部分。其中,触摸检测装置检测用
    户的触摸方位,并检测触摸操作带来的信号,将信号传送给触摸控制器;触摸
    控制器从触摸检测装置上接收触摸信息,并将它转换成触点坐标,再送给处理
    器408,并能接收处理器408发来的命令并加以执行。此外,可以采用电阻式、
    电容式、红外线以及表面声波等多种类型实现触敏表面。除了触敏表面,输入
    单元403还可以包括其他输入设备。具体地,其他输入设备可以包括但不限于
    物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作
    杆等中的一种或多种。

    显示单元404可用于显示由用户输入的信息或提供给用户的信息以及终
    端的各种图形用户接口,这些图形用户接口可以由图形、文本、图标、视频和
    其任意组合来构成。显示单元404可包括显示面板,可选的,可以采用液晶显
    示器(LCD,Liquid Crystal Display)、有机发光二极管(OLED,Organic
    Light-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)、磁盘或光盘等。

    以上对本发明实施例所提供的一种图形界面的处理方法、装置和系统进行
    了详细介绍,本文中应用了具体个例对本发明的原理及实施方式进行了阐述,
    以上实施例的说明只是用于帮助理解本发明的方法及其核心思想;同时,对于
    本领域的技术人员,依据本发明的思想,在具体实施方式及应用范围上均会有
    改变之处,综上所述,本说明书内容不应理解为对本发明的限制。

    关 键  词:
    一种 图形界面 处理 方法 装置 系统
      专利查询网所有文档均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
    0条评论

    还可以输入200字符

    暂无评论,赶快抢占沙发吧。

    关于本文
    本文标题:一种图形界面的处理方法、装置和系统.pdf
    链接地址:https://www.zhuanlichaxun.net/p-6200697.html
    关于我们 - 网站声明 - 网站地图 - 资源地图 - 友情链接 - 网站客服 - 联系我们

    copyright@ 2017-2018 zhuanlichaxun.net网站版权所有
    经营许可证编号:粤ICP备2021068784号-1