Processing

Please wait...

Settings

Settings

Goto Application

1. WO2020114210 - METHOD AND APPARATUS FOR PROCESSING INFORMATION IN VIEW, AND STORAGE MEDIUM

Document

说明书

发明名称 0001   0002   0003   0004   0005   0006   0007   0008   0009   0010   0011   0012   0013   0014   0015   0016   0017   0018   0019   0020   0021   0022   0023   0024   0025   0026   0027   0028   0029   0030   0031   0032   0033   0034   0035   0036   0037   0038   0039   0040   0041   0042   0043   0044   0045   0046   0047   0048   0049   0050   0051   0052   0053   0054   0055   0056   0057   0058   0059   0060   0061   0062   0063   0064   0065   0066   0067   0068   0069   0070   0071   0072   0073   0074   0075   0076   0077   0078   0079   0080   0081   0082   0083   0084   0085   0086   0087   0088   0089   0090   0091   0092   0093   0094   0095   0096   0097   0098   0099   0100   0101   0102   0103   0104   0105   0106   0107   0108   0109   0110   0111   0112   0113   0114   0115   0116   0117   0118   0119   0120   0121   0122   0123   0124   0125   0126   0127   0128   0129   0130   0131   0132   0133   0134   0135   0136   0137   0138   0139   0140   0141   0142   0143   0144   0145   0146  

权利要求书

1   2   3   4   5   6   7   8   9   10   11   12  

附图

1   2   3   4   5   6   7   8   9   10   11   12   13   14  

说明书

发明名称 : 视图中的信息处理方法、装置及存储介质

[0001]
本申请要求于2018年12月4日提交国家知识产权局、申请号为201811471442.9,申请名称为“视图中的信息处理方法、装置及存储介质”的中国专利申请的优先权,其全部内容通过引用结合在本申请中。

技术领域

[0002]
本申请涉及数据处理技术,尤其涉及一种视图中的信息处理方法、装置及存储介质。

背景技术

[0003]
应用程序的界面视图包括图像视图,图像视图中显示的图像区域存在为不规则区域的情况,也即图像视图中所显示的图像呈不规则形状,如何判断点击事件是否发生在不规则区域内是本领域研究的重点之一。
[0004]
发明内容
[0005]
本申请实施例提供一种视图中的信息处理方法、装置及存储介质,能够提高对图像视图中点击事件的处理准确度。
[0006]
本申请实施例提供一种视图中的信息处理方法,由电子设备执行,包括:
[0007]
接收到针对界面视图的点击事件;所述界面视图中包含有用于响应所述点击事件的图像区域;
[0008]
确定所述点击事件在界面视图中的点击位置;
[0009]
基于所述点击位置,获取所述点击位置对应的像素点的颜色信息;
[0010]
根据所获取的所述像素点的颜色信息,确定所述点击位置与所述图像区域的相对位置关系;
[0011]
基于所确定的所述相对位置关系,对所述点击事件进行处理。
[0012]
本申请实施例提供一种视图中的信息处理装置,包括:
[0013]
接收单元,用于接收到针对界面视图的点击事件;所述界面视图中包含有用于响应所述点击事件的图像区域;
[0014]
定位单元,用于确定所述点击事件在界面视图中的点击位置;
[0015]
获取单元,用于基于所述点击位置,获取所述点击位置对应的像素点的颜色信息;
[0016]
确定单元,用于根据所获取的所述像素点的颜色信息,确定所述点击位置与所述图像区域的相对位置关系;
[0017]
处理单元,用于基于所确定的所述相对位置关系,对所述点击事件进行处理。
[0018]
本申请实施例提供一种视图中的信息处理装置,包括:
[0019]
存储器,用于存储可执行指令;
[0020]
处理器,用于执行所述存储器中存储的可执行指令时,实现本申请实施例提供的所述视图中的信息处理方法。
[0021]
本申请实施例提供一种存储介质,其上存储有可执行指令,所述可执行指令用于引起存储器执行本申请实施例提供的所述视图中的信息处理方法。

附图说明

[0022]
图1是本申请实施例提供的视图中的信息处理装置的组成结构示意图;
[0023]
图2是本申请实施例提供的用户界面套件的结构示意图;
[0024]
图3是本申请实施例提供的界面视图中点击事件传递的示意图;
[0025]
图4是本申请实施例提供的界面视图中不规则图像区域的示意图;
[0026]
图5是本申请实施例提供的图像视图中点击事件处理的示意图;
[0027]
图6是本申请实施例提供的视图中的信息处理方法流程示意图;
[0028]
图7是本申请实施例提供的直播的界面视图的示意图;
[0029]
图8是本申请实施例提供的界面视图的不同图像填充方式的示意图;
[0030]
图9是本申请实施例提供的确定点击位置相对于图像区域的位置的示意图;
[0031]
图10为本申请实施例提供的视图中的信息处理方法的场景示意图;
[0032]
图11为本申请实施例提供的视图中的信息处理方法的场景示意图;
[0033]
图12为本申请实施例提供的视图中的信息处理方法流程示意图;
[0034]
图13为本申请实施例提供的图片视图初始化的流程示意图;
[0035]
图14为本申请实施例提供的视图中的信息处理装置的组成结构示意图。

具体实施方式

[0036]
为了使本申请的目的、技术方案和优点更加清楚,下面将结合附图对本申请作进一步地详细描述,所描述的实施例是本申请一部分实施例,而不是全部的实施例。根据本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例,都属于本申请保护的范围。
[0037]
需要说明的是,在本申请实施例中,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的方法或者装置不仅包括所明确提供的要素,而且还包括没有明确列出的其他要素,或者是还包括为实施方法或者装置所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括该要素的方法或者装置中还存在另外的相关要素(例如方法中的步骤或 者装置中的单元,这里的单元可以是部分电路、部分处理器、部分程序或软件等等)。
[0038]
例如,本申请实施例提供的方法包含了一系列的步骤,但是本申请实施例提供的方法不限于所提供的步骤,同样地,本申请实施例提供的装置包括了一系列单元,但是本申请实施例提供的装置不限于包括所明确提供的单元,还可以包括为获取相关信息、或基于信息进行处理时所需要设置的单元。
[0039]
相关技术中,当图像视图中所显示的图像呈不规则形状且图像视图接收到用户的点击事件时,为了便于判断点击事件是否发生在不规则区域内,通常将不规则区域近似为规则区域,然后再进行判断及相应的处理。然而,这种处理方式操作繁冗、且准确度不高。
[0040]
有鉴于此,本申请实施例提供一种视图中的信息处理方法、装置及存储介质,能够提高对图像视图中点击事件的处理准确度。在本申请实施例中,对点击位置与图像区域的相对位置关系的确定依据的是点击位置所对应的像素点的颜色信息,无需对图像区域的形状做任何的调整及改变,能够准确地判定点击位置与图像区域的相对位置关系;相比采用将不规则区域近似为规则区域的方式实现更为简便,具有较高的实用性。
[0041]
首先对实现本申请实施例的装置进行说明。本申请实施例提供的视图中的信息处理装置可以实施为硬件、软件或者软硬件结合的方式,下面说明本申请实施例提供的视图中的信息处理装置的各种示例性实施方式。
[0042]
对本申请实施例的视图中的信息处理装置的硬件结构做详细说明。图1为本申请实施例提供的视图中的信息处理装置100的硬件组成结构示意图,该视图中的信息处理装置可以为一具备数据处理能力的具有显 示装置的电子设备。可以理解,图1仅仅示出了视图中的信息处理装置的示例性结构而非全部结构,根据需要可以实施图1示出的部分结构或全部结构。本申请实施例提供的视图中的信息处理装置100包括:至少一个处理器110、存储器140、至少一个网络接口120和用户接口130。视图中的信息处理装置中的各个组件通过总线系统150耦合在一起。可理解,总线系统150用于实现这些组件之间的连接通信。总线系统150除包括数据总线之外,还包括电源总线、控制总线和状态信号总线。但是为了清楚说明起见,在图1中将各种总线都标为总线系统150。
[0043]
用户接口130可以包括显示器、键盘、鼠标、轨迹球、点击轮、按键、按钮、触感板或者触摸屏等。
[0044]
存储器140可以是易失性存储器或非易失性存储器,也可包括易失性和非易失性存储器两者。其中,非易失性存储器可以是只读存储器(ROM,Read Only Memory)、可编程只读存储器(PROM,Programmable Read-Only Memory)、可擦除可编程只读存储器(EPROM,Erasable Programmable Read-Only Memory)、闪存(Flash Memory)等。易失性存储器可以是随机存取存储器(RAM,Random Access Memory),其用作外部高速缓存。通过示例性但不是限制性说明,许多形式的RAM可用,例如静态随机存取存储器(SRAM,Static Random Access Memory)、同步静态随机存取存储器(SSRAM,Synchronous Static Random Access Memory)。本申请实施例描述的存储器140旨在包括这些和任意其它适合类型的存储器。
[0045]
处理器110可以是一种集成电路芯片,具有信号的处理能力,例如通用处理器、数字信号处理器(DSP,Digital Signal Processor),或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组 件等,其中,通用处理器可以是微处理器或者任何常规的处理器等。
[0046]
存储器140能够存储可执行指令1401以支持视图中的信息处理装置100的操作,这些可执行指令的示例包括:用于在视图中的信息处理装置100上操作的程序、插件和脚本等各种形式的软件模块,程序例如可以包括操作系统和应用程序,其中,操作系统包含各种系统程序,例如框架层、核心库层、驱动层等,用于实现各种基础业务以及处理基于硬件的任务。
[0047]
在对本申请实施例提供的视图中的信息处理方法进行说明之前,首先对本申请实施例中的界面视图进行说明。界面视图,是界面视图类的实例化(用类创建对象的过程,称之为实例化),定义了屏幕上的一个显示区域(如矩形区域),处理显示区域内的触摸事件,能够根据触摸事件显示/更新内容。
[0048]
应用程序的显示通过用户界面套件(UIKit)实现,用户界面套件通过对图形库如开放图形库(OpenGL)封装得到,接下来结合附图2说明用户界面套件的结构。
[0049]
参见图2,图2是本申请实施例提供的用户界面套件的结构示意图,根对象(NSObject)是应用程序代码结构的根类(根对象不继承于应用程序中的任何类)的实例化,基于根对象的继承关系顺序为:根对象、用户界面响应器(UIResponder)、用户界面视图控制器以及继承自界面视图的子视图,可以理解,在实际应用中,界面视图可以为如图像视图、滚动视图、按钮栏视图等。其中,图像视图(UIImageView)作为可视化控件继承于界面视图(UIView),用于显示各种格式的图像。每个视图都置于其父视图上并管理着自己的子视图,如果两个兄弟子视图重叠在一起,后来被加入的那个视图(或者说是排在子视图数组后面的那个 视图)出现在另一个视图的上层。
[0050]
接下来根据图2对界面视图作为父视图时所包括的子视图进行示例性说明,需要指出,图2示出的用户界面套件仅为示例,根据不同版本的用户界面套件、以及用户界面套件所适用的设备/操作系统,图2中所示出的继承关系以及视图存在可以轻易实施的差异,因此图2不应视为对本申请实施例所适用的用户界面套件的限制。
[0051]
1)窗口
[0052]
即用户界面窗口(UIWindow)对象,一个应用程序只有一个用户界面窗口对象,是所有视图的根容器,作为容器提供一个区域来显示界面视图,还可以与界面视图控制器(UIViewController)协同实现显示方向旋转的支持。
[0053]
2)显示信息的视图
[0054]
包括:图像视图,用于显示各种格式的图像;文本视图(UITextView),用于显示文本;标签视图(UILabel),用于显示各种标签;网络视图(UIWebView),用于显示网页内容;滚动视图(UIScrollView),用于以滚动的方式显示内容。
[0055]
3)各种栏样式
[0056]
用户界面导航栏(UINavigationBar),用于提供前进、后退等页面操作;用户界面按钮栏(UITabBar),用于显示各种功能的按钮;用户界面搜索栏(UISearchBar),用于提供搜索操作;用户界面工具栏(UIToolBar),用于提供用户界面的各种工具。
[0057]
至此已经说明了界面视图及其子视图的功能,界面视图是组成屏幕显示画面的基本元素,拥有位置属性以及一定尺寸的矩形,一般有背景色,但是无法移动;界面视图也可以包含字符串或者图片等内容。例如用户界面标签(UILabel)就是包含字符串的用户界面套件,而用户界面 图像视图(UIImageView)是包含图片的界面视图。
[0058]
接下来对界面视图中发生的点击事件的处理进行说明。图3为本申请实施例提供的界面视图中点击事件传递的示意图。参见图3,图3中编号1的矩形区域为界面视图1(根视图),作为可视化的父控件存在,编号2至4的矩形区域为继承自视图1的子视图(图中示例性的示出了视图2-1、2-2、3-1、3-2),其中,视图3-1为其所位于的视图2-1的子视图,视图4为视图3-1的子视图。当用户实施点击操作时,例如,用户点击了视图4所示区域,应用程序将点击事件传递给窗口,窗口会判断该点击事件是否在窗口自己身上,如果确定点击事件在窗口自己身上,即窗口能够接收该点击事件,为了寻找出来最合适的视图,窗口会从后往前遍历自己的子控件,后添加的视图在上面。首先,窗口将点击事件传递给根视图1,视图1根据自身的判断逻辑判断自身是否需要响应该点击事件,对于每一层视图都有其对应的判断逻辑,即每个视图层的判断逻辑相互独立,对于图3所示,当点击事件发生在视图4所示区域时,点击事件的传递顺序为视图1至视图2-1至视图3-1至视图4。
[0059]
接下来对本申请实施例提供的视图中的信息处理方法进行说明。发明人在研究过程中发现,一个界面视图如图像视图可以理解为一个按钮,对于发生在图像视图中的点击事件,在一些应用场景中,图像视图需要支持不规则区域的点击范围。图4是本申请实施例提供的界面视图中不规则图像区域的示意图。参见图4,按钮(即图像视图的显示区域)的区域是一个矩形,图像视图中显示有五角星图片,只有发生在五角星内的点击事件才可被认为是点击在这个按钮上。
[0060]
在一些实施例中,对界面视图中点击事件的处理的一种实现方式可 以参见图5,图5为本申请实施例提供的图像视图中点击事件处理的示意图,图像视图中显示的图片为编号501的不规则区域,当点击事件发生在不规则区域501内时,该图像视图才对该点击事件进行响应。当图像视图检测到用户的点击事件,将不规则图形501近似(逼近)为规则的圆形502,然后根据点击事件的位置信息,判断该点击事件是否发生在规则的圆形502中,也即将判断点击事件是否发生在不规则的区域501内,转换为判断点击事件是否发生在规则的圆形区域502内,进而对点击事件进行处理。然而,由于这种处理方式所依据的图形区域并非图像视图中原始的图像区域,无法与原始图形轮廓相吻合,会导致判断的准确度不高;而且,当用户对视图中的图片素材进行修改后,再次接收点击事件时,需要重新进行规则区域的生成,而规则区域的生成往往要用到较为复杂的数学几何,操作繁冗。
[0061]
图6为本申请实施例提供的视图中的信息处理方法的示例性流程的示意图,包括步骤101至步骤105,以下分别进行说明。
[0062]
步骤101:接收到针对界面视图的点击事件;界面视图中包含有用于响应点击事件的图像区域。
[0063]
本申请实施例中所述的界面视图以其作为根视图为例进行说明,并不限定其作为根视图的情况,例如,该界面视图也可以作为包含能够响应点击事件的图像区域的子视图存在。
[0064]
以应用场景为直播应用程序为例,图7为本申请实施例提供的直播的界面视图的一个示意图。参见图7,当前的界面视图对应的是直播的颜值配对页面,界面视图中包括有用于响应来自用户的点击事件的图片区域,即图7中所示的编号为701至704的边框所构成的区域,即包括“颜值达人”区域在内的四个边框所构成的不规则区域。当用户点击该 不规则区域时,点击事件发生在该不规则区域,界面视图控制器对点击事件进行响应,进行相应的页面跳转。
[0065]
步骤102:确定所述点击事件在界面视图中的点击位置。
[0066]
在实际实施时,当用户对当前的界面视图实施点击操作时,界面视图检测到点击事件,确定点击事件在界面视图中的位置。例如,界面视图在屏幕上的显示区域尺寸为320×480像素,当用户点击界面视图的中心位置时,检测到点击事件在界面视图中的点击位置为160×240像素。
[0067]
步骤103:基于所述点击位置,获取所述点击位置对应的像素点的颜色信息。
[0068]
在一实施例中,可通过如下方式获取点击位置对应的像素点的颜色信息:
[0069]
基于点击事件在界面视图中的点击位置,确定所述点击位置相对于界面视图中用于响应点击事件的图像区域的位置;根据该相对位置,确定对应所述相对位置的像素点位置;获取所述像素点位置所对应的像素点的颜色信息。
[0070]
其中,可通过如下方式确定点击位置相对于界面视图中用于响应点击事件的图像区域的位置:
[0071]
获取界面视图的图像填充方式;根据所述图像填充方式及所述点击位置,确定所述点击位置相对于所述图像区域的位置。
[0072]
这里,对界面视图的图像填充方式进行说明。
[0073]
需要指出,下文中关于方向性的描述,例如“上”、“下”“左”、“右”、“左部”、“右部”、“顶部”、“底部”、“垂直”与“水平”,均以面向电子设备屏幕的正视角度作为参照。
[0074]
在一实施例中,图像的填充方式可以理解为图像在界面视图中的位 置及大小。图像在界面视图中的大小涉及对图像的拉伸,图像在界面视图中的位置涉及图像的布局。其中,图像在界面视图中的大小指保持图像大小不变、对图像进行水平方向的拉伸或对图像进行垂直方向的拉伸。图像在界面视图中的位置是指以下关系中的一种或几种:图像位于界面视图所显示的区域的左部、图像位于界面视图所显示的区域的右部、图像位于界面视图所显示的区域的顶部、图像位于界面视图所显示的区域的底部、图像在界面视图中居中显示。
[0075]
其中,图像位于界面视图所显示的区域的左部指图像位于界面视图所显示的区域的左部并与其边缘接触;图像位于界面视图所显示的区域的右部指图像位于界面视图所显示的区域的右部并与其边缘接触;图像位于界面视图所显示的区域的顶部指图像位于界面视图所显示的区域的顶部并与其边缘接触;图像位于界面视图所显示的区域的底部指图像位于界面视图所显示的区域的底部并与其边缘接触;当图像在界面视图中居中显示时,图像可与界面视图所显示的区域的边缘接触或不接触。
[0076]
图8为本申请实施例提供的界面视图的不同图像填充方式的示意图。如图8(a)所示,图片(五角星)在水平方向上的尺寸与界面视图所显示的区域在水平方向上的尺寸相同,即对图片进行了水平方向的拉伸;同时,图片位于界面视图所显示的区域的顶部。如图8(b)所示,图片(五角星)的大小保持不变、图片在界面视图所显示的区域的左部和顶部显示。再如图8(h)所示,图片(五角星)的大小保持不变、图片在界面视图所显示的区域中居中显示并不与界面视图所显示区域的边缘接触。图8所示的其它图像填充方式在此就不一一赘述了。
[0077]
以图8(g)中的填充方式(称为填充方式1)及图9所示的填充方式(称为填充方式2)为例进行说明。对于填充方式1,图片(五角星)在垂直方向上的尺寸与界面视图所显示的区域在垂直方向上的尺寸相 同,且图片在界面视图中居中显示;对于填充方式2,图片(五角星)在垂直方向上的尺寸与界面视图所显示的区域在垂直方向上的尺寸相同,且图片在界面视图中靠右显示。
[0078]
基于上述对界面视图的图像填充方式的说明,接下来以图9中的填充方式2为例,对点击位置相对于界面视图中用于响应点击事件的图像区域的位置的确定过程进行说明。在一实施例中,可根据图像填充方式,将点击位置在电子设备的屏幕的坐标位置转换为点击位置相对于界面视图中用于响应点击事件的图像区域的坐标位置;参见图9,图9为本申请实施例提供的确定点击位置相对于该图像区域的位置的示意图,假设界面视图在屏幕上的显示区域尺寸为100×60像素,用户点击视图的中心位置时,检测到点击事件在界面视图中的点击位置为50×30像素,由于当前图像填充方式为填充方式2,五角星(即界面视图中用于响应点击事件的图像区域)在视图中呈现的尺寸为垂直及水平方向上为60,则点击位置相对于五角星的位置坐标为10×30像素。通过对相对位置的确定可判断出点击事件是否发生在视图的图片区域内(如图9所示的矩形区域)。然而,在一实施例中,图片区域包括能够响应点击事件的图像区域(如图9中所示的五角星图片)以及不能响应点击事件的区域(如图9中所示的五角星图片以外的区域)。如图7所示,通过上述判断方式,当用户点击屏幕中心区域时,可判断出点击事件处于图片区域内,然而由于只有编号为701至704的边框所构成的不规则区域部分能够响应点击事件,所以位于屏幕中心的点击事件并不能被当前的视图控件(根视图)所响应,事件会被传递到其子视图,即当前视图的下一层视图。
[0079]
继续对确定对应相对位置的像素点位置进行说明。
[0080]
在确定点击位置相对于界面视图中用于响应点击事件的图像区域 的位置之后,若点击位置处于图像区域,获取界面视图中图片(例如图9中的五角星图片)的原始像素信息(即原始尺寸信息),基于相对位置及图片的原始像素信息确定该相对位置对应的像素点位置。仍以图9所示示例进行说明,当确定点击位置相对于五角星的位置坐标为10×30像素时,若获取图片的原始像素信息为90×90,则可计算得到相对位置在图片上的像素点位置为(10×(90/60))×(30×(90/60)),即图片上对应坐标为15×45像素的位置。
[0081]
这里,预先存储了界面视图中所显示的图像的原始像素信息及对应每个像素点的颜色信息,当定位到某一像素点后,可通过查找存储的图片信息确定该像素点所对应的颜色信息。在一实施例中,这里的颜色信息可以为RGBA信息,当然并不限定其为RGBA,如可以为HSV值。其中,RGBA是代表Red(红色)、Green(绿色)、Blue(蓝色)和Alpha的色彩空间。HSV是根据颜色的直观特性创建的一种颜色空间,该空间中颜色的参数分别是:色调(Hue)、饱和度(Saturation)和明度(Value)。
[0082]
步骤104:根据所获取的所述像素点的颜色信息,确定所述点击位置与所述界面视图中用于响应点击事件的图像区域的相对位置关系。
[0083]
在一实施例中,可通过如下方式确定点击位置与界面视图中用于响应点击事件的图像区域的相对位置关系:
[0084]
计算获取的像素点的颜色信息与预设颜色的颜色信息的相似度;所述预设颜色不同于能够响应点击事件的图像区域的颜色;当计算得到的所述相似度达到相似度阈值时,确定所述点击位置处于所述图像区域之外;当计算得到的所述相似度未达到相似度阈值时,确定所述点击位置处于所述图像区域之内。
[0085]
这里,首先对点击事件的透传进行说明,若当前的视图控件确定无 需响应接收到的点击事件时,会透传(传递)该点击事件至自身的下一层视图,即子视图控件继续进行判断。而点击事件对应的像素点的颜色与设定的颜色的相似度达到设定的相似度阈值时,该点击事件便会被透传,这里所述的设定的颜色即为预设颜色。在一实施例中,预设颜色可设定为透明颜色,预设颜色的设定以区别于响应点击事件的图像区域的颜色为参考,在一实施例中,预设颜色可以为当前视图中所显示的除图像区域之外的区域的颜色,例如,响应点击事件的图像区域的颜色为黄色,预设颜色为白色。
[0086]
在一实施例中,可通过如下方式计算像素点的颜色信息与预设颜色的颜色信息的相似度:
[0087]
获取所述像素点对应的色调-饱和度-明度(HSV)值;计算所述像素点对应的HSV值与所述预设颜色对应的HSV值的相似度。
[0088]
这里,首先对像素点的HSV值的获取进行说明,由于预先存储了图像的颜色信息,若存储的图像的颜色信息为图像中各个像素点的RGBA信息,则可获取像素点对应的RGB值,将像素点的RGB值转换成对应的HSV值。若存储的图像的颜色信息是图像中各个像素点的HSV值,则可直接通过查找得到像素点对应的HSV值。
[0089]
接下来对相似度计算进行说明。在一实施例中,可通过计算像素点对应的HSV值与预设颜色对应的HSV值在HSV颜色空间中的距离得到相似度。
[0090]
在另一实施例中,还可通过如下方式计算像素点的颜色信息与预设颜色的颜色信息的相似度:
[0091]
获取像素点对应的RGBA值;计算像素点对应的RGBA值与预设颜色对应的RGBA值的相似度。例如:可首先判断像素点对应的Alpha值与预设颜色的Alpha值之差是否小于设定的阈值,当不小于设定的阈 值时,认为RGBA的相似度定不能达到设定的相似度阈值,当Alpha值之差小于设定的阈值时,进一步比较RGB的差值,当RGB的差值小于设定的阈值时认为相似度达到设定的相似度阈值,反之认为相似度未达到设定的相似度阈值。
[0092]
步骤105:基于所确定的所述相对位置关系,对所述点击事件进行处理。
[0093]
这里,在实际应用中,当确定点击位置的像素点颜色与预设颜色的相似度达到设定的相似度阈值时,确定点击位置未处于用于响应点击事件的图像区域中,便透传点击事件至下一层视图,即当前视图的子视图,由下一层视图依据自身的判断逻辑(如依据点击事件位置关系)继续进行是否响应点击事件的判断,直至确定能够响应点击事件的视图,或者,遍历图片视图底部所有的视图而没有找到可以响应点击事件的视图时,丢弃该点击事件并报错;当确定点击位置的像素点颜色与设定的预设颜色的相似度未达到设定的相似度阈值时,确定点击位置处于用于响应点击事件的图像区域中,视图控件对点击事件进行响应,如对应图7所述场景,进行相应的页面跳转。
[0094]
在一实施例中,本申请实施例提供的视图中的信息处理方法还可以实施为如下场景:图10为本申请实施例提供的视图中的信息处理方法的场景示意图,参见图10,帧动画的播放器的视图组件调用帧动画的播放方法进行界面更新,在帧动画播放过程中,每一帧动画作为一个视图存在,当用户实施点击操作时,视图控件接收到点击事件,通过获取点击位置的像素点的颜色信息,确定点击位置与视图中能够响应点击事件的图像区域(如图10中小机器人所对应区域1001)的相对位置关系,例如,预设颜色(区域1002对应的颜色)为透明颜色,将点击位置的 像素点的颜色信息与预设颜色对应的颜色信息进行相似度计算,当相似度达到相似度阈值时,可知点击位置位于小机器人之外,进行下一帧播放的同时透传该点击事件至下一帧动画,而当相似度未达到相似度阈值时,可知点击位置位于小机器人之内,对该点击事件进行响应,如跳转当前页面至其它页面。
[0095]
在一实施例中,本申请实施例提供的视图中的信息处理方法还可以实施为如下场景:图11为本申请实施例提供的视图中的信息处理方法的场景示意图,参见图11,视频播放器的视图组件调用透明通道视频播放的方法进行界面更新,在视频播放过程中,视频在用户界面之上,用户可以通过视频看到视频下面的用户界面所呈现的图标,当用户实施点击操作时,视图控件接收到点击事件,通过获取点击位置的像素点的颜色信息,确定点击位置与视图中能够响应点击事件的图像区域(如图11中小机器人所对应区域)的相对位置关系,例如,预设颜色为透明颜色,将点击位置的像素点的颜色信息与预设颜色对应的颜色信息进行相似度计算,当相似度达到相似度阈值时,可知点击位置位于小机器人之外,透传该点击事件至图标所对应的视图,而当相似度未达到相似度阈值时,可知点击位置位于小机器人之内,对该点击事件进行响应,如进行当前页面内容的放大处理。
[0096]
图12为本申请实施例提供的视图中的信息处理方法的示例性流程的示意图,参见图12,本申请实施例提供的视图中的信息处理方法包括:
[0097]
步骤201:获取视图的点击位置。
[0098]
在实际应用中,这里的视图可理解为图像视图,可进行图片显示,图片的显示区域用于响应作用于该显示区域的点击事件。当用户实施点击操作时,视图组件接收到点击事件,对该点击事件的位置(即点击位 置)进行定位,这里的点击位置指的是以视图界面为参照,点击事件相对于图像视图的位置。
[0099]
步骤202:根据图片填充方式和点击位置计算出点击位置的像素点位置坐标。
[0100]
这里的像素点位置坐标指的是点击位置相对于视图中图片的位置所对应的像素点坐标。在实际实施时,为了取得点击位置所在的像素点的颜色信息,需要进行点击位置相对视图的位置坐标到点击位置相对视图中显示的图片的位置坐标的转换,具体的坐标转换过程参见前述实施例,此处不做赘述。
[0101]
步骤203:根据计算得到的像素点位置,判断点击位置是否处于图片内,如果处于图片内,执行步骤204;否则,执行步骤210。
[0102]
步骤204:获取点击位置对应的图片上的像素点的RGBA信息,以及预设颜色的RGBA信息。
[0103]
这里,在实际应用中,预先存储了图片的颜色信息,如图片中每个像素点所对应的RGBA信息,在进行视图显示之前需要进行视图初始化,预先对视图的图片填充方式(图片在视图中被拉伸和布局的情况,如居中,被放大1.5倍)及预设颜色进行设置,如预设颜色为透明颜色。在一实施例中,进行图片视图初始化的过程如图13所示,图13所示为本申请实施例提供的图片视图初始化的流程示意图,参见图13,图片视图初始化包括如下步骤:
[0104]
步骤301:设置图片视图的图片填充方式。
[0105]
步骤302:设置预设颜色的颜色信息。
[0106]
这里预设颜色默认是透明颜色,其对应的颜色信息可以是预设颜色的RGBA信息。
[0107]
步骤303:设置图片视图的图片。
[0108]
步骤304:将图片视图的颜色信息以像素点的RGBA数组的方式进行存储。
[0109]
步骤205:判断点击位置对应的图片上的像素点的Alpha值与预设颜色的Alpha值的差值是否小于预设阈值,如果差值小于预设阈值,执行步骤206;否则,执行步骤210。
[0110]
步骤206:将点击位置对应的图片上的像素点的RGB值转换成对应的HSV值,并将预设颜色的RGB值转换成对应的HSV值。
[0111]
在实际应用中,RGB对颜色的表示虽然直接,但是R、G、B数值和色彩的三属性没有直接的联系,不能揭示色彩之间的关系,特别是在图片有损压缩的情况下,RGB值容易出现偏差,因此,将RGB转换为HSV值再进行相似度的比较更为准确。
[0112]
步骤207:计算点击位置对应的像素点的HSV值与预设颜色对应的HSV值在空间上的距离。
[0113]
这里,对于HSV空间上距离的计算可以为计算二者间的欧式距离。
[0114]
步骤208:判断计算得到的所述距离是否小于预设的距离阈值,如果不小于预设的距离阈值,执行步骤209;如果小于预设的距离阈值,执行步骤210。
[0115]
步骤209:对点击事件进行处理,执行步骤211。
[0116]
这里,当判断得到点击位置对应的像素点的HSV值与预设颜色对应的HSV值在空间上的距离不小于预设的距离阈值时,表明点击位置未落入预设颜色所对应的区域,即点击位置处于用于响应该点击事件的图片区域,则视图组件对该点击事件进行响应,如进行页面跳转。
[0117]
步骤210:透传点击事件至当前视图层的下一层视图。
[0118]
这里,当判断得到点击位置对应的像素点的HSV值与预设颜色对应的HSV值在空间上的距离小于预设的距离阈值时,表明点击位置落 入预设颜色所对应的区域,即点击位置未处于用于响应该点击事件的图片区域,则视图组件透传该点击事件至当前视图层的下一层视图进行处理。如对应图7来说,当用户点击的位置为人像区域时,由于点击事件未落入能够响应该点击事件的边框(编号701-704)内,因此透传该点击事件至下一层视图。对应图7,在一实施例中,所述下一层视图为用于显示人像所在图片的图片视图,该视图对点击事件进行响应,对人像所在图片进行放大后显示。
[0119]
应用本申请上述实施例,能够准确的对不规则的图像区域中的点击事件进行处理,实现简单,具备很高的实用性。
[0120]
步骤211:结束本次处理流程。
[0121]
继续说明本申请实施例提供的视图中的信息处理装置,作为本申请实施例提供的视图中的信息处理装置采用软硬件结合实施的示例,本申请实施例所提供的视图中的信息处理装置可以直接体现为由电子设备1400的处理器1410执行的不同形式的软件模块,软件模块可以位于存储介质中,存储介质位于存储器1440,处理器1410读取存储器1440中软件模块包括的可执行指令,结合必要的硬件(例如,包括处理器1410以及连接到总线1450的其他组件,如网络接口1420、用户接口1430等)完成本申请实施例提供的视图中的信息处理方法。参见图14,该装置包括:
[0122]
接收单元11,用于接收到针对界面视图的点击事件;所述界面视图中包含有用于响应所述点击事件的图像区域;
[0123]
定位单元12,用于确定所述点击事件在界面视图中的点击位置;
[0124]
获取单元13,用于基于所述点击位置,获取所述点击位置对应的像素点的颜色信息;
[0125]
确定单元14,用于根据所获取的所述像素点的颜色信息,确定所述点击位置与所述图像区域的相对位置关系;
[0126]
处理单元15,用于基于所确定的所述相对位置关系,对所述点击事件进行处理。
[0127]
在一实施例中,所述确定单元14,还用于计算所述像素点的颜色信息与预设颜色的颜色信息的相似度;所述预设颜色不同于所述图像区域的颜色;
[0128]
当计算得到的所述相似度达到相似度阈值时,确定所述点击位置处于所述图像区域之外;
[0129]
当计算得到的所述相似度未达到相似度阈值时,确定所述点击位置处于所述图像区域之内。
[0130]
在一实施例中,所述确定单元14,还用于获取所述像素点对应的色调-饱和度-明度HSV值;
[0131]
计算所述像素点对应的HSV值与所述预设颜色对应的HSV值的相似度。
[0132]
在一实施例中,所述确定单元14,还用于获取所述像素点对应的红绿蓝RGB值;
[0133]
将所获取的所述RGB值转换为对应的HSV值。
[0134]
在一实施例中,所述确定单元14,还用于计算所述像素点对应的HSV值与所述预设颜色对应的HSV值在HSV颜色空间中的距离;所述距离用于表征所述相似度。
[0135]
在一实施例中,所述确定单元14,还用于获取所述像素点对应的RGBA值;
[0136]
计算所述像素点对应的RGBA值与所述预设颜色对应的RGBA值的相似度。
[0137]
在一实施例中,所述处理单元15,还用于当所述点击位置处于所述图像区域之外时,透传所述点击事件至所述界面视图的子视图;
[0138]
当所述点击位置处于所述图像区域之内时,对所述点击事件进行响应。
[0139]
在一实施例中,所述获取单元13,用于基于所述点击位置,确定所述点击位置相对于所述图像区域的位置;
[0140]
根据所述相对于所述图像区域的位置,确定对应所述位置的像素点位置;
[0141]
获取所述像素点位置所对应的像素点的颜色信息。
[0142]
在一实施例中,所述获取单元13,还用于获取所述界面视图的图像填充方式;
[0143]
根据所述图像填充方式及所述点击位置,确定所述点击位置相对于所述图像区域的位置。
[0144]
本申请实施例还提供了一种存储介质,其上存储有可执行程序,所述可执行程序被处理器执行时,实现本申请实施例上述的视图中的信息处理方法。
[0145]
这里需要指出的是:以上涉及视图中的信息处理装置的描述,与上述视图中的信息处理方法描述是类似的,同方法的有益效果描述,不做赘述。对于本申请所述视图中的信息处理装置实施例中未披露的技术细节,请参照本申请方法实施例的描述。
[0146]
以上所述,仅为本申请的实施例而已,并非用于限定本申请的保护范围。凡在本申请的精神和范围之内所作的任何修改、等同替换和改进等,均包含在本申请的保护范围之内。

权利要求书

[权利要求 1]
一种视图中的信息处理方法,由电子设备执行,所述方法包括: 接收到针对界面视图的点击事件;所述界面视图中包含有用于响应所述点击事件的图像区域; 确定所述点击事件在所述界面视图中的点击位置; 基于所述点击事件在界面视图中的点击位置,获取所述点击位置对应的像素点的颜色信息; 根据所获取的所述像素点的颜色信息,确定所述点击位置与所述用于响应所述点击事件的图像区域的相对位置关系; 基于所确定的所述相对位置关系,对所述点击事件进行处理。
[权利要求 2]
如权利要求1所述的方法,所述根据所获取的所述像素点的颜色信息,确定所述点击位置与所述用于响应所述点击事件的图像区域的相对位置关系,包括: 计算所述像素点的颜色信息与预设颜色的颜色信息的相似度;所述预设颜色不同于所述图像区域的颜色; 当计算得到的所述相似度达到相似度阈值时,确定所述点击位置处于所述图像区域之外; 当计算得到的所述相似度未达到相似度阈值时,确定所述点击位置处于所述图像区域之内。
[权利要求 3]
如权利要求2所述的方法,所述计算所述像素点的颜色信息与预设颜色的颜色信息的相似度,包括: 获取所述像素点对应的色调-饱和度-明度HSV值; 计算所述像素点对应的HSV值与所述预设颜色对应的HSV值的相似度。
[权利要求 4]
如权利要求3所述的方法,所述获取所述像素点对应的色调-饱和度-明度HSV值,包括: 获取所述像素点对应的红绿蓝RGB值; 将所获取的所述RGB值转换为对应的HSV值。
[权利要求 5]
如权利要求3所述的方法,所述计算所述像素点对应的HSV值与所述预设颜色对应的HSV值的相似度,包括: 计算所述像素点对应的HSV值与所述预设颜色对应的HSV值在HSV颜色空间中的距离;所述距离用于表征所述相似度。
[权利要求 6]
如权利要求2所述的方法,所述计算所述像素点的颜色信息与预设颜色的颜色信息的相似度,包括: 获取所述像素点对应的红绿蓝AlphaRGBA值; 计算所述像素点对应的RGBA值与所述预设颜色对应的RGBA值的相似度。
[权利要求 7]
如权利要求1所述的方法,所述基于所确定的所述相对位置关系,对所述点击事件进行处理,包括: 当所述点击位置处于所述图像区域之外时,透传所述点击事件至所述界面视图的子视图; 当所述点击位置处于所述图像区域之内时,对所述点击事件进行响应。
[权利要求 8]
如权利要求1所述的方法,所述基于所述点击位置,获取所述点击位置对应的像素点的颜色信息,包括: 基于所述点击位置,确定所述点击位置相对于所述图像区域的位置; 根据所述相对于所述图像区域的位置,确定对应所述位置的像素点位置; 获取所述像素点位置所对应的像素点的颜色信息。
[权利要求 9]
如权利要求8所述的方法,所述基于所述点击位置,确定所述点击位置相对于所述图像区域的位置,包括: 获取所述界面视图的图像填充方式; 根据所述图像填充方式及所述点击位置,确定所述点击位置相对于所述图像区域的位置。
[权利要求 10]
一种视图中的信息处理装置,包括: 接收单元,用于接收到针对界面视图的点击事件;所述界面视图中包含有用于响应所述点击事件的图像区域; 定位单元,用于确定所述点击事件在界面视图中的点击位置; 获取单元,用于基于所述点击位置,获取所述点击位置对应的像素点的颜色信息; 确定单元,用于根据所获取的所述像素点的颜色信息,确定所述点击位置与所述用于响应所述点击事件的图像区域的相对位置关系; 处理单元,用于基于所确定的所述相对位置关系,对所述点击事件进行处理。
[权利要求 11]
一种视图信息处理装置,包括: 存储器,用于存储可执行指令; 处理器,用于执行所述存储器中存储的可执行指令时,实现权利要求1至9任一项所述的视图中的信息处理方法。
[权利要求 12]
一种存储介质,其上存储有可执行指令,所述可执行指令用于引起存储器执行权利要求1至9任一项所述的视图中的信息处理方法。

附图

[ 图 1]  
[ 图 2]  
[ 图 3]  
[ 图 4]  
[ 图 5]  
[ 图 6]  
[ 图 7]  
[ 图 8]  
[ 图 9]  
[ 图 10]  
[ 图 11]  
[ 图 12]  
[ 图 13]  
[ 图 14]