CN116450276A - 事件响应方法、装置、电子设备及介质 - Google Patents
事件响应方法、装置、电子设备及介质 Download PDFInfo
- Publication number
- CN116450276A CN116450276A CN202310687058.7A CN202310687058A CN116450276A CN 116450276 A CN116450276 A CN 116450276A CN 202310687058 A CN202310687058 A CN 202310687058A CN 116450276 A CN116450276 A CN 116450276A
- Authority
- CN
- China
- Prior art keywords
- page
- view
- interaction event
- host
- event
- 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.)
- Granted
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; 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
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/40—Information retrieval; Database structures therefor; File system structures therefor of multimedia data, e.g. slideshows comprising image and additional audio data
- G06F16/44—Browsing; Visualisation therefor
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Multimedia (AREA)
- Data Mining & Analysis (AREA)
- Databases & Information Systems (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本公开实施例提供一种事件响应方法、装置、电子设备及介质。该方法包括:展示多媒体页面,多媒体页面包括多层级的视图,多层级的视图包括宿主页面视图和目标页面视图,目标页面视图位于宿主页面视图之上,且目标页面视图至少部分覆盖宿主页面视图;接收通过多媒体页面输入的页面交互事件;根据页面交互事件的位置特征,确定多层级的视图中用于响应页面交互事件的视图。该方法应用于在应用页面视图上新增页面视图的情形,在应用页面视图的业务与新增页面视图的业务解耦的情况下,也可以准确的处理交互事件。
Description
技术领域
本公开涉及计算机技术领域,具体而言,涉及一种事件响应方法、事件响应装置、电子设备以及计算机可读存储介质。
背景技术
相关技术中,用户交互行为依赖于页面视图的绑定,如果不同页面视图是相互绑定的,那么这些页面视图的业务是相互感知的,这样页面视图在接收到用户交互行为后,可以自身判断是否是响应者,进而处理用户交互行为。
但是,对于在应用页面视图上新增页面视图的情形,应用页面视图与新增页面视图相互不绑定,应用页面视图上的业务与新增页面视图上的业务相互不感知(即,应用页面视图上的业务与新增页面视图上的业务解耦),导致无法处理用户交互行为。
需要说明的是,在上述背景技术部分公开的信息仅用于加强对本公开的背景的理解,因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。
发明内容
本公开实施例提供一种事件响应方法、事件响应装置、电子设备以及计算机可读存储介质,以至少一定程度上解决相关技术的限制和缺陷而导致的一个或多个问题。
本公开实施例提供一种事件响应方法,包括:展示多媒体页面,所述多媒体页面包括多层级的视图,所述多层级的视图包括宿主页面视图和目标页面视图,所述目标页面视图位于所述宿主页面视图之上,且所述目标页面视图至少部分覆盖所述宿主页面视图;接收通过所述多媒体页面输入的页面交互事件;根据所述页面交互事件的位置特征,确定所述多层级的视图中用于响应所述页面交互事件的视图。
在本公开的一些示例性实施例中,所述根据所述页面交互事件的位置特征,确定所述多层级的视图中用于响应所述页面交互事件的视图,包括:基于所述位置特征确定所述页面交互事件的发生位置;若所述页面交互事件的发生位置位于所述目标页面视图与所述宿主页面视图的页面重叠范围内,则根据所述页面交互事件的位置特征,确定所述多层级的视图中用于响应所述页面交互事件的视图。
在本公开的一些示例性实施例中,在基于所述位置特征确定所述页面交互事件的发生位置之后,所述方法还包括:若所述页面交互事件的发生位置不位于所述目标页面视图与所述宿主页面视图的页面重叠范围内,则确定所述发生位置所属的页面视图;若所述发生位置所属的页面视图为所述目标页面视图,则确定由所述目标页面视图响应所述页面交互事件;若所述发生位置所属的页面视图为所述宿主页面视图,则确定由所述宿主页面视图响应所述页面交互事件。
在本公开的一些示例性实施例中,所述位置特征包括所述页面交互事件的发生位置的透明值;其中,所述根据所述页面交互事件的位置特征,确定所述多层级的视图中用于响应所述页面交互事件的视图,包括:获取所述发生位置的透明值;若所述发生位置的透明值大于预设透明阈值,则确定所述多层级的视图中用于响应所述页面交互事件的视图为所述宿主页面视图;若所述发生位置的透明值小于等于所述预设透明阈值,则确定所述多层级的视图中用于响应所述页面交互事件的视图为所述目标页面视图。
在本公开的一些示例性实施例中,所述宿主页面视图的层级高于所述目标页面视图的层级;其中,在接收通过所述多媒体页面输入的页面交互事件之后,所述方法还包括:将所述页面交互事件添加至事件队列,从所述事件队列中取出所述页面交互事件,将所述页面交互事件传递给所述宿主页面视图;若确定所述发生位置在所述宿主页面视图的页面范围内,则将所述页面交互事件传递给所述目标页面视图。
在本公开的一些示例性实施例中,所述若所述发生位置的透明值大于预设透明阈值,则确定所述多层级的视图中用于响应所述页面交互事件的视图为所述宿主页面视图,包括:若所述发生位置的透明值大于所述预设透明阈值,则将所述页面交互事件由所述目标页面视图透传至所述宿主页面视图,确定由所述宿主页面视图响应所述页面交互事件。
在本公开的一些示例性实施例中,所述宿主页面视图包括一个或多个子视图;其中,所述确定由所述宿主页面视图响应所述页面交互事件,包括:根据所述发生位置确定由目标子视图响应所述页面交互事件,所述目标子视图为所述一个或多个子视图中的视图,所述发生位置在所述目标子视图的页面范围内。
在本公开的一些示例性实施例中,所述获取所述发生位置的透明值,包括:获取所述发生位置的页面区域图像;将所述发生位置的页面区域图像转换为位图上下文;基于所述位图上下文,获取所述发生位置的透明值。
在本公开的一些示例性实施例中,所述方法还包括:获取所述宿主页面视图;对所述宿主页面视图进行外部视图的添加操作,将所述目标页面视图添加为所述宿主页面视图的子视图。
根据本公开实施例的另一方面,提供一种事件响应装置,包括:展示模块,用于展示多媒体页面,所述多媒体页面包括多层级的视图,所述多层级的视图包括宿主页面视图和目标页面视图,所述目标页面视图位于所述宿主页面视图之上,且所述目标页面视图至少部分覆盖所述宿主页面视图;接收模块,用于接收通过所述多媒体页面输入的页面交互事件;确定模块,用于根据所述页面交互事件的位置特征,确定所述多层级的视图中用于响应所述页面交互事件的视图。
在本公开的一些示例性实施例中,所述确定模块还用于:基于所述位置特征确定所述页面交互事件的发生位置;若所述页面交互事件的发生位置位于所述目标页面视图与所述宿主页面视图的页面重叠范围内,则根据所述页面交互事件的位置特征,确定所述多层级的视图中用于响应所述页面交互事件的视图。
在本公开的一些示例性实施例中,所述确定模块还用于:若所述页面交互事件的发生位置不位于所述目标页面视图与所述宿主页面视图的页面重叠范围内,则确定所述发生位置所属的页面视图;若所述发生位置所属的页面视图为所述目标页面视图,则确定由所述目标页面视图响应所述页面交互事件;若所述发生位置所属的页面视图为所述宿主页面视图,则确定由所述宿主页面视图响应所述页面交互事件。
在本公开的一些示例性实施例中,所述位置特征包括所述页面交互事件的发生位置的透明值;其中,所述确定模块还用于:获取所述发生位置的透明值;若所述发生位置的透明值大于预设透明阈值,则确定所述多层级的视图中用于响应所述页面交互事件的视图为所述宿主页面视图;若所述发生位置的透明值小于等于所述预设透明阈值,则确定所述多层级的视图中用于响应所述页面交互事件的视图为所述目标页面视图。
在本公开的一些示例性实施例中,所述宿主页面视图的层级高于所述目标页面视图的层级;其中,所述装置还包括事件传递模块,用于:将所述页面交互事件添加至事件队列,从所述事件队列中取出所述页面交互事件,将所述页面交互事件传递给所述宿主页面视图;若确定所述发生位置在所述宿主页面视图的页面范围内,则将所述页面交互事件传递给所述目标页面视图。
在本公开的一些示例性实施例中,所述事件传递模块还用于:若所述发生位置的透明值大于所述预设透明阈值,则将所述页面交互事件由所述目标页面视图透传至所述宿主页面视图;以及,所述确定模块还用于:确定由所述宿主页面视图响应所述页面交互事件。
在本公开的一些示例性实施例中,所述宿主页面视图包括一个或多个子视图;其中,所述确定模块还用于:根据所述发生位置确定由目标子视图响应所述页面交互事件,所述目标子视图为所述一个或多个子视图中的视图,所述发生位置在所述目标子视图的页面范围内。
在本公开的一些示例性实施例中,所述装置还包括获取模块,用于:获取所述发生位置的页面区域图像;将所述发生位置的页面区域图像转换为位图上下文;基于所述位图上下文,获取所述发生位置的透明值。
在本公开的一些示例性实施例中,所述装置还包括视图添加模块,用于:获取所述宿主页面视图;对所述宿主页面视图进行外部视图的添加操作,将所述目标页面视图添加为所述宿主页面视图的子视图。
本公开实施例提供一种电子设备,包括:处理器;用于存储处理器可执行指令的存储器;其中,处理器被配置为执行可执行指令,以实现如上述任一项的事件响应方法。
本公开实施例提供一种计算机可读存储介质,当计算机可读存储介质中的指令由电子设备的处理器执行时,使得电子设备能够执行如上述任一项的事件响应方法。
本公开实施例提供一种计算机程序产品,包括计算机程序,计算机程序被处理器执行时实现上述任一项的事件响应方法。
本公开实施例提供的事件响应方法,展示多媒体页面,该多媒体页面包括多层级的视图,该多层级的视图包括宿主页面视图和目标页面视图,目标页面视图位于宿主页面视图之上,且目标页面视图至少部分覆盖宿主页面视图,也即,目标页面视图为在宿主页面视图上新增的页面视图;接收该多媒体页面的页面交互事件,然后根据该页面交互事件的位置特征,确定由宿主页面视图或目标页面视图响应该页面交互事件。可见,本公开实施例提供的交互行为处理方案,能够应用于在应用页面视图上新增页面视图的情形,在这种情形下,无论应用页面视图与新增页面视图之间是否绑定,均可以准确的确定页面交互事件的响应页面,并对该页面交互事件进行响应,而无需将应用页面视图与新增页面视图进行绑定,做到应用页面视图的业务与新增页面视图的业务剥离,即在应用页面视图的业务与新增页面视图的业务解耦的情况下,也可以准确的处理交互事件。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本公开。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施例,并与说明书一起用于解释本公开的原理。显而易见地,下面描述中的附图仅仅是本公开的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1示出了在应用页面视图上新增全屏视图的示意图;
图2示出了可以应用本公开实施例的事件响应方法的示例性系统架构的示意图;
图3是根据一示例性实施例示出的一种事件响应方法的流程图;
图4是根据一示例性实施例示出的宿主页面视图与目标页面视图的层级关系示意图;
图5是根据一示例性实施例示出的根据页面交互事件的位置特征确定多层级的视图中用于响应页面交互事件的视图的示意图;
图6是根据一示例性实施例示出的传递页面交互事件的流程图;
图7是根据一示例性实施例示出的用户交互行为处理的示意图;
图8是根据一示例性实施例示出的一种事件响应装置的框图;
图9是根据一示例性实施例示出的适于用来实现本公开示例性实施例的电子设备的结构示意图。
具体实施方式
现在将参考附图更全面地描述示例实施例。然而,示例实施例能够以多种形式实施,且不应被理解为限于在此阐述的实施例;相反,提供这些实施例使得本公开将全面和完整,并将示例实施例的构思全面地传达给本领域的技术人员。在图中相同的附图标记表示相同或类似的部分,因而将省略对它们的重复描述。
本公开所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施方式中。在下面的描述中,提供许多具体细节从而给出对本公开的实施方式的充分理解。然而,本领域技术人员将意识到,可以实践本公开的技术方案而省略特定细节中的一个或更多,或者可以采用其它的方法、组元、装置、步骤等。在其它情况下,不详细示出或描述公知方法、装置、实现或者操作以避免模糊本公开的各方面。
附图仅为本公开的示意性图解,图中相同的附图标记表示相同或类似的部分,因而将省略对它们的重复描述。附图中所示的一些方框图不一定必须与物理或逻辑上独立的实体相对应。可以采用软件形式来实现这些功能实体,或在至少一个硬件模块或集成电路中实现这些功能实体,或在不同网络和/或处理器装置和/或微控制器装置中实现这些功能实体。
附图中所示的流程图仅是示例性说明,不是必须包括所有的内容和步骤,也不是必须按所描述的顺序执行。例如,有的步骤还可以分解,而有的步骤可以合并或部分合并,因此实际执行的顺序有可能根据实际情况改变。
本说明书中,用语“一个”、“一”、“该”、“所述”和“至少一个”用以表示存在至少一个要素/组成部分/等;用语“包含”、“包括”和“具有”用以表示开放式的包括在内的意思并且是指除了列出的要素/组成部分/等之外还可存在另外的要素/组成部分/等;用语“第一”、“第二”和“第三”等仅作为标记使用,不是对其对象的数量限制。
图1示出了在应用页面视图上新增页面视图的示意图。新增的页面视图可以理解为需要在应用的展示页面视图上设置的活动页面视图,该视图可以多种产品形态显示,如弹窗、飘屏、挂件等。
应用页面视图与新增页面视图属于不同的业务,即,该两个页面之间未设置关联关系(未绑定)。可选的,新增页面视图可以为全屏视图。
图1中包括应用页面视图101和新增页面视图102,并且新增页面视图102以弹窗形式显示。从图1可以看出,新增页面视图为全屏页面视图,覆盖在应用页面视图的上面。当用户对应用页面视图进行操作时,由于新增页面视图覆盖在应用页面视图的上面,并且应用页面视图与新增页面视图未绑定,因此新增页面视图会拦截应用页面视图的用户交互事件。显然,基于页面视图绑定的基础上响应用户交互事件的方法,无法解决在应用页面视图上新增页面视图的情形。所以,本公开实施例提供了一种事件响应方案,能够处理在应用页面视图上新增页面视图情形的交互行为。
图2示出了可以应用本公开实施例的事件响应方法的示例性系统架构的示意图。如图2所示,该系统架构可以包括服务器201、网络202和终端设备203。网络202用以在终端设备203和服务器201之间提供通信链路的介质。网络202可以包括各种连接类型,例如有线、无线通信链路或者光纤电缆等等。
服务器201可以是提供各种服务的服务器,例如对用户利用终端设备203所进行操作的装置提供支持的后台管理服务器。后台管理服务器可以对接收到的请求等数据进行分析等处理,并将处理结果反馈给终端设备203。
终端设备203可以是智能手机、平板电脑、笔记本电脑、台式计算机、智能音箱、可穿戴智能设备、虚拟现实设备、增强现实设备等,但并不局限于此。
本公开实施例中,终端设备203可以:展示多媒体页面,多媒体页面包括多层级的视图,多层级的视图包括宿主页面视图和目标页面视图,目标页面视图位于宿主页面视图之上,且目标页面视图至少部分覆盖宿主页面视图;接收通过多媒体页面输入的页面交互事件;根据页面交互事件的位置特征,确定多层级的视图中用于响应页面交互事件的视图。
应该理解,图2中的终端设备203和服务器201的数目仅仅是示意性的,服务器201可以是一个实体的服务器,还可以为多个服务器组成的服务器集群,还可以是云端服务器,根据实际需要,可以具有任意数目的终端设备、网络和服务器。
为了使本领域普通人员更好地理解本公开的技术方案,下面将结合附图及实施例对本公开示例实施例中的事件响应方法的各个步骤进行更详细的说明。
图3是根据一示例性实施例示出的一种事件响应方法的流程图,图3实施例提供的方法的执行主体可以是任意的电子设备,例如图2实施例中的终端设备203,但本公开并不限定于此。如图3所示,本公开实施例提供的事件响应方法可以包括以下步骤。
步骤S301:展示多媒体页面,其中,多媒体页面包括多层级的视图,多层级的视图包括宿主页面视图和目标页面视图,目标页面视图位于宿主页面视图之上,且目标页面视图至少部分覆盖宿主页面视图。
多媒体页面可以包括多个视图层级,每个视图层级用于加载不同页面视图。具体的,多媒体页面可以包括第一视图层级和第二视图层级,该第一视图层级上加载宿主页面视图,该第二视图层级上加载目标页面视图。目标页面视图位于宿主页面视图之上,并且目标页面视图至少部分覆盖宿主页面视图。
宿主页面视图可以理解为应用的展示页面视图,如某聊天应用的展示页面视图、某多媒体应用的展示页面视图、某电商平台的展示页面视图等。目标页面视图为覆盖在宿主页面视图上的视图,或者说目标页面视图为在宿主页面视图上新增的视图。通过在宿主页面视图上新增目标页面视图的方式,在目标页面视图上向用户展示产品/活动信息。
可选的,宿主页面视图与目标页面视图属于不同的业务,即,该两个页面之间未设置关联关系(未绑定)。
例如,宿主页面视图为某多媒体应用页面,用户可以通过该多媒体应用页面浏览其他用户发布的视频、图片等多媒体内容。目标页面视图为在多媒体应用页面上向用户展示的专属礼包活动,用户可以点击目标页面视图上展示的专属礼包,进而可以解锁新的用户权限。又如,宿主页面视图为某游戏A的页面,目标页面视图为在该游戏A的页面上向用户展示的另一游戏B的活动信息,用户可以点击目标页面视图上展示的游戏B的活动信息,参加游戏B的活动。
另外,如果目标页面视图全部覆盖在宿主页面视图,则可以理解为目标页面视图为覆盖在宿主页面视图上的全屏视图。
在本公开实施例中,事件响应方法还可以包括:获取宿主页面视图;对宿主页面视图进行外部视图的添加操作,将目标页面视图添加为宿主页面视图的子视图。
宿主页面视图可以包括一个或多个子视图。在宿主页面视图上新增外部视图的过程中,将包括一个或多个子视图的宿主页面视图看做一个整体,根据堆栈信息获取宿主页面视图,然后通过这个宿主页面视图进行外部视图的添加操作,以将宿主页面视图添加为宿主页面视图的子视图。
图4是根据一示例性实施例示出的宿主页面视图与目标页面视图的层级关系示意图。如图4所示,宿主页面视图410包括子视图411、子视图412和子视图413,对宿主页面视图进行外部视图添加操作得到目标页面视图420。可见,目标页面视图420可以看作为包括3个子视图的宿主页面视图410这个整体的子视图。
需要说明的是,若目标页面视图的数量为多个,则需要预先设置多个目标页面视图的层级关系,然后按照设置的层级关系依次将多个目标页面视图进行添加。例如,有第一目标页面视图和第二目标页面视图,且第一目标页面视图的层级高于第二目标页面视图,则对宿主页面视图进行外部视图的添加操作,先添加第一目标页面视图再添加第二目标页面视图。
步骤S302:接收通过多媒体页面输入的页面交互事件。
其中,页面交互事件为用户对多媒体页面进行点击、滚动或触摸等操作,根据该操作自动触发生成的对应于该操作的事件。
步骤S303:根据页面交互事件的位置特征,确定多层级的视图中用于响应页面交互事件的视图。
其中,页面交互事件的位置特征可以理解为事件发生位置的位置特征,事件发生位置是指用户对多媒体页面进行操作的位置。
在本步骤中,可以根据页面交互事件的发生位置的位置特征,确定由多层级的视图中的宿主页面视图或目标页面视图响应页面交互事件。
本公开实施例提供的事件响应方法,展示多媒体页面,该多媒体页面包括宿主页面视图和在宿主页面视图上新增的目标页面视图;接收通过多媒体页面输入的页面交互事件,根据该页面交互事件的位置特征,确定由宿主页面视图或目标页面视图响应该页面交互事件。可见,本公开实施例提供的交互行为处理方案能够应用于在应用页面视图上新增页面视图的情形,无论应用页面视图与新增页面视图之间是否绑定,均可以准确的确定页面交互事件的响应页面,并对该页面交互事件进行响应,而无需将应用页面视图与新增页面视图进行绑定,做到应用页面视图的业务与新增页面视图的业务剥离,即在应用页面视图的业务与新增页面视图的业务解耦的情况下,也可以准确的处理交互事件。
在本公开实施例中,根据页面交互事件的位置特征,确定多层级的视图中用于响应页面交互事件的视图,包括:基于位置特征确定页面交互事件的发生位置;若页面交互事件的发生位置位于目标页面视图与宿主页面视图的页面重叠范围内,则根据页面交互事件的位置特征,确定多层级的视图中用于响应页面交互事件的视图。
进一步的,若页面交互事件的发生位置不位于目标页面视图与宿主页面视图的页面重叠范围内,则确定发生位置所属的页面视图;若发生位置所属的页面视图为目标页面视图,则确定由目标页面视图响应页面交互事件;若发生位置所属的页面视图为宿主页面视图,则确定由宿主页面视图响应页面交互事件。
首先,确定页面交互事件的发生位置,即用户对多媒体页面进行操作的位置。然后,判断该发生位置是否在目标页面视图与宿主页面视图的页面重叠范围内。如果在页面重叠范围内,则需要进一步根据事件的位置特征,确定由目标页面视图或宿主页面视图响应页面交互事件。
如果该发生位置不在页面重叠范围内,则判断该发生位置在目标页面视图的页面范围内还是在宿主页面视图的页面范围内。如果该发生位置在目标页面视图的页面范围内,则说明该发生位置所属的页面视图为目标页面视图,此种情况下,确定由目标页面视图响应该页面交互事件。如果该发生位置在宿主页面视图的页面范围内,则说明该发生位置所属的页面视图为宿主页面视图,此种情况下,确定由宿主页面视图响应该页面交互事件。
图5是根据一示例性实施例示出的根据页面交互事件的位置特征确定多层级的视图中用于响应页面交互事件的视图的示意图。如图5所示,在宿主页面视图501上新增了目标页面视图502,并且宿主页面视图501与目标页面视图502部分重叠。如果页面交互事件的发生位置在宿主页面视图501与目标页面视图502的重叠范围内,如图5中的文本框503,则确定由宿主页面视图501或目标页面视图502响应该页面交互事件。
如果页面交互事件的发生位置不在宿主页面视图501与目标页面视图502的重叠范围内,且在发生位置宿主页面视图501的页面范围内,如图5中的关闭按钮504,则确定由宿主页面视图501响应该页面交互事件。
本公开实施例中,可以根据页面交互事件的发生位置确定用于响应该页面交互事件的视图,并且如果发生位置目标页面视图与宿主页面视图的页面重叠范围内,可以进一步根据发生位置的位置特征确定用于响应该页面交互事件的视图。
本公开实施例中,位置特征包括发生位置的透明值。以及,根据页面交互事件的位置特征,确定多层级的视图中用于响应页面交互事件的视图,包括:获取发生位置的透明值;若发生位置的透明值大于预设透明阈值,则确定多层级的视图中多媒体页面上用于响应页面交互事件的视图为宿主页面视图;若发生位置的透明值小于等于预设透明阈值,则确定多层级的视图中多媒体页面上用于响应页面交互事件的视图为目标页面视图。
透明值可以用Alpha值表示,Alpha值为1表示完全透明,Alpha值为0表示完全不透明。Alpha值为Alpha通道存储的一个值,其外在表现是透明度。Alpha 通道是为保存选择区域而专门设计的通道。在计算机图形学中,一个RGB颜色模型的真彩图形,用由红、绿、蓝三个色彩信息通道合成的,每个通道用了8位色彩深度,共计24位,包含了所有彩色信息。为实现图形的透明效果,采取在图形文件的处理与存储中附加上另一个8位信息的方法,这个附加的代表图形中各个素点透明度的通道信息就被叫做Alpha通道。
在本公开实施例中,获取发生位置的透明值,可以包括:获取发生位置的页面区域图像;将发生位置的页面区域图像转换为位图上下文;基于位图上下文,获取发生位置的透明值。
其中,位图上下文(Bitmap Graphics Context)可以用于将图像绘制到一个位图(Bitmap,又称点阵图像或栅格图像,由像素的单个点组成)对象中,能够存储图像信息和图像状态。
在本实施例中,获取发生位置的页面区域图像,然后将该页面区域图像转换为位图上下文。在转换为位图上下文的过程中,先创建位图上下文所要用的颜色空间;然后根据页面区域图像的内存的地址(即要渲染的绘制内存的地址)、创建的位图的宽度和高度、内存中像素的每个组件的位数(例如,对于32位像素格式和RGB颜色空间,该值设置为8)、位图的每一行在内存所占的比特数、位图上下文所要用的颜色空间、以及像素中Alpha通道信息,创建位图上下文。在创建得到位图上下为后,经过坐标的转换,最终通过弹出层组件来获取透明值。
本公开实施例中,利用了位图上下文能够存储图像信息和图像状态的特点,可以基于位图上下文获取发生位置的透明值,进而将发生位置的透明值与预设透明阈值进行比较,根据比较结果判断页面交互事件由哪个视图处理。
如果发生位置的透明值大于预设透明阈值,则说明发生位置的透明度较高,此种情况下,由宿主页面视图响应页面交互事件;如果发生位置的透明值小于等于预设透明阈值,则说明发生位置的不透明度较高,此种情况下,由目标页面视图响应页面交互事件。
另外,本公开实施例中,目标页面视图对应的业务可以根据业务自身情况设置透明阈值,实现不同的用户交互逻辑。
本公开实施例提供的事件响应方法,获取页面交互事件的发生位置的透明值,然后将发生位置的透明值与预设透明阈值进行比较,进而可以根据比较结果确定该页面交互事件是由目标页面视图(即新增的页面视图)还是由宿主页面视图(即应用页面视图)进行处理,提供了一种在应用页面视图上新增全屏视图情形的交互行为处理方案,无需将应用页面视图与新增页面视图进行绑定,实现应用页面视图的页面与新增页面视图的业务剥离。
在本公开实施例中,在接收通过多媒体页面输入的页面交互事件之后,可以基于事件传递机制传递该页面交互事件。事件传递为操作事件沿着响应者链条自上而下即从父视图至子视图进行传递,直至找到能够处理操作事件的子视图。其中,响应者链条为多个响应者对象连接起来的层次结构,响应者对象为能够接收并处理操作事件的对象。事件传递机制的本质是当一个事件产生之后,系统把这一个事件传递给一个具体的视图去处理的过程。事件传递流程为:
(1)用户对页面进行点击、滚动或触摸等操作产生事件,将该事件加入到一个由应用程序对象管理的事件队列中,会从消息队列里取事件分发下去,首先传给应用程序的窗口;
(2)在应用程序的窗口中就会调用hitTest:withEvent:方法去返回一个最终响应的视图;
(3)在hitTest:withEvent:方法中就会去调用pointInside: withEvent:去判断当前发生位置是否在应用程序的窗口范围内,如果是的话,就会去遍历它的子视图来查找最终响应的子视图;
(4)遍历的方式是使用倒序的方式来遍历子视图,也就是说最后添加的子视图会最先遍历,在每一个视图中都回去调用它的hitTest:withEvent:方法,可以理解为是一个递归调用;
(5)最终会返回一个响应视图,如果返回视图有值,那么这个视图就作为最终响应视图,结束整个事件传递;如果没有值,那么就会将应用程序的窗口作为响应者。
其中,事件传递机制的核心方法为hitTest方法和pointInside方法。hitTest方法的作用是寻找最适合的视图,需要的参数是事件的发生位置,返回值是最适合的视图。pointInside方法的作用是判断point(即事件的发生位置)在不在方法调用者上,并且point需要是方法调用者的坐标系。
本公开实施例中,在接收到用户通过多媒体页面输入的页面交互事件后,可以按照上述事件传递流程,将页面交互事件传递给合适的视图。图6是根据一示例性实施例示出的传递页面交互事件的流程图。如图6所示,可以按照如下步骤传递页面交互事件。
步骤S601,将页面交互事件添加至事件队列。
具体的,对页面交互事件进行打包处理得到事件对象,将事件对象添加至应用程序对象管理的事件队列中。
步骤S602,从事件队列中取出页面交互事件,将页面交互事件传递给宿主页面视图。
从事件队列中取出页面交互事件,将该页面交互事件分发至宿主页面所属的应用程序的窗口,应用程序的窗口调用hitTest:withEvent 方法在应用程序的视图的层次结构中找到宿主页面视图来处理该操作事件,即将页面交互事件传递给宿主页面视图。
步骤S603,若确定发生位置在宿主页面视图的页面范围内,则将页面交互事件传递给目标页面视图。
宿主页面视图调用hitTest:withEvent 方法返回响应视图。由于用户对多媒体页面进行点击、滚动或触摸等操作,那么发生位置在宿主页面视图的页面范围内,所以在hitTest:withEvent:方法中会去调用pointInside: withEvent:判断得到发生位置在宿主页面视图范围内,因此就会去遍历宿主页面视图的子视图来查找最终响应的子视图。也即,会判断宿主页面视图的子视图目标页面视图是否为响应视图,将页面交互事件传递给目标页面视图。
将页面交互事件传递给目标页面视图之后,可以判断发生位置是否在目标页面视图范围内。具体的,调用目标页面视图的hitTest:withEvent 方法判断目标页面视图是否为响应视图。如果发生位置在目标页面视图范围内,在hitTest:withEvent:方法中调用pointInside: withEvent:判断发生位置在目标页面视图范围内,并且目标页面视图为层级最低的视图,所以系统层会认为目标页面视图为响应视图。
本公开实施例中,由于宿主页面视图为全屏视图,因此页面交互事件的发生位置位于宿主页面视图范围内,然后将事件传递给目标页面视图,如果发生位置位于目标页面视图范围内,即发生位置位于目标页面视图与宿主页面视图的页面重叠范围内,并且目标页面视图为宿主页面视图的子视图,因此基于事件传递机制可以确定目标页面视图为响应视图。此时,如果确定由目标页面视图响应页面交互事件,那么无论用户操作页面重叠范围内的哪个位置,均会得到页面交互事件由目标页面视图响应。例如,宿主页面视图A上面覆盖了一个全屏页面视图B,这个B只展示了一个小区域的挂件,这时候用户点击了A的某个卡片,基于事件传递机制会确定由B响应用户点击行为,这明显与用户期望的由被点击的卡片对应的视图响应不符合。
为了避免上述情况,在确定目标页面视图为响应视图后,需要将发生位置的透明值与预设透明阈值进行比较,进而根据比较结果确定由哪个视图响应页面交互事件,本公开实施例中可以通过重写hitTest方法或pointInside方法实现。具体的,将获取发生位置的透明值、比较发生位置的透明值与预设透明阈值、以及根据比较结果确定由哪个视图响应页面交互事件,写入hitTest方法或pointInside方法中。如此,在确定目标页面视图为响应视图后,并不会直接由目标页面视图响应页面交互事件,而是获取发生位置的透明值,然后将发生位置的透明值与预设透明阈值进行比较,根据比较结果判断由哪个视图响应页面交互事件。
事件响应为操作事件沿着响应者链条自下而上即从子视图至父视图进行传递,直至该操作事件能够被处理。其中,响应者链条为多个响应者对象连接起来的层次结构,响应者对象为能够接收并处理操作事件的对象。事件响应流程为:
(1)如果当前视图是控制器视图,那么控制器就是上一个响应者,事件就传递给控制器;如果当前视图不是控制器的视图,那么父视图就是当前视图的上一个响应者,事件就传递给它的父视图;
(2)在视图层次结构的最顶级视图,如果也不能处理收到的事件或消息,则其将事件或消息传递给窗口对象进行处理;
(3)如果窗口对象也不处理,则其将事件或消息传递给应用程序对象;
(4) 如果应用程序对象也不能处理该事件或消息,则将其丢弃。
在本公开实施例中,若发生位置的透明值大于预设透明阈值,则确定多层级的视图中用于响应页面交互事件的视图为宿主页面视图,包括:若发生位置的透明值大于预设透明阈值,则将页面交互事件由目标页面视图透传至宿主页面视图,确定由宿主页面视图响应页面交互事件。
如果发生位置的透明值大于预设透明阈值,那么目标页面视图可以将页面交互事件透传至宿主页面视图,如此可以由宿主页面视图响应页面交互事件。其中,事件透传也可以写入hitTest方法或pointInside方法中。
本公开实施例中,如果发生位置的透明值大于预设透明阈值,则说明页面交互事件的发生位置的透明度较高,进而确定由宿主页面视图响应该页面交互事件,此时将页面交互事件由目标页面视图透传给宿主页面视图,进而后续可以通过宿主页面视图响应该页面交互事件。
进一步的,宿主页面视图包括一个或多个子视图;以及,确定由宿主页面视图响应页面交互事件,包括:根据发生位置确定由目标子视图响应页面交互事件,目标子视图为一个或多个子视图中的视图,发生位置在目标子视图的页面范围内。
在确定由宿主页面视图响应页面交互事件之后,可以根据发生位置和事件传递机制,从一个或多个子视图中确定响应视图。具体的,遍历宿主页面视图的子视图来查找最终响应的子视图。遍历的方式是使用倒序的方式来遍历子视图,也就是说最后添加的子视图会最先遍历。在遍历每一个子视图的过程中,调用该子视图的hitTest方法判断其是否为响应视图;在hitTest方法中调用pointInside方法去判断发生位置是否在该子视图范围内;如果是,就确定该子视图为响应视图,如果不是,就继续遍历下一个子视图,最终可以确定目标子视图,由该目标子视图响应页面交互事件。
需要说明的是,如果所有子视图均不为响应视图,则确定宿主页面视图为响应视图,有宿主页面视图响应页面交互事件。
本公开实施例中,如果发生位置的透明值大于预设透明阈值,则说明发生位置的透明度较高,此时确定由宿主页面视图响应页面交互事件,将页面交互事件透传至宿主页面视图,进一步的,宿主页面视图可以判断页面交互事件是有其包含的子视图响应,还是由宿主页面视图本身响应,适用于多种场景,能够准确的确定出最终响应页面交互事件的视图,使得对页面交互事件的响应能够满足用户的意愿。
为了便于理解,提供一个具体实施例说明本公开实施例的事件响应方法。图7是根据一示例性实施例示出的用户交互行为处理的示意图。图7中,宿主页面视图上新增了全屏的目标页面视图,预设透明阈值为0.5。
当用户点击底部弹窗701,检测到用户点击事件,确定用户点击的为底部弹窗位置,以及根据该底部弹窗位置和事件传递机制,确定目标页面视图为响应视图。然后,获取底部弹窗位置的Alpha值是0,那么用户点击的底部弹窗位置的透明值0小于预设透明阈值0.5,所以将用户点击事件交于目标页面视图的弹窗响应。
当用户点击顶部关闭按钮702,检测到用户点击事件,确定用户点击的为顶部关闭按钮位置,以及根据该顶部关闭按钮和事件传递机制,确定目标页面视图为响应视图。然后,获取顶部关闭按钮位置的Alpha值是1,那么用户点击的顶部关闭按钮位置的透明值1大于预设透明阈值0.5,所以将用户点击事件从目标页面视图透传给宿主页面视图,由宿主页面视图的关闭按钮处理,显示的页面将会关闭。
本公开实施例提供的事件响应方法,展示多媒体页面,该多媒体页面包括多层级的视图,该多层级的视图包括宿主页面视图和目标页面视图,目标页面视图位于宿主页面视图之上,且目标页面视图至少部分覆盖宿主页面视图,也即,目标页面视图为在宿主页面视图上新增的页面视图;接收该多媒体页面的页面交互事件,然后根据该页面交互事件的位置特征,确定由宿主页面视图或目标页面视图响应该页面交互事件。可见,本公开实施例提供了一种交互行为处理方案,能够应用于在应用页面视图上新增页面视图的情形,无需将应用页面视图与新增页面视图进行绑定,做到应用页面视图的业务与新增页面视图的业务剥离。
可以理解的是,本说明书中上述方法的各个实施例之间相同/相似的部分可互相参见,每个实施例重点说明的是与其他实施例的不同之处,相关之处参见其他方法实施例的说明即可。
图8是根据一示例性实施例示出的一种事件响应装置的框图。如图8所示,该事件响应装置800可以包括展示模块810、接收模块820和确定模块830。
其中,展示模块810可用于:展示多媒体页面,多媒体页面包括多层级的视图,多层级的视图包括宿主页面视图和目标页面视图,目标页面视图位于宿主页面视图之上,且目标页面视图至少部分覆盖宿主页面视图;接收模块820可用于:接收通过多媒体页面输入的页面交互事件;确定模块830可用于:根据页面交互事件的位置特征,确定多层级的视图中用于响应页面交互事件的视图。
在本公开的一些示例性实施例中,确定模块830还可用于:基于位置特征确定页面交互事件的发生位置;若页面交互事件的发生位置位于目标页面视图与宿主页面视图的页面重叠范围内,则根据页面交互事件的位置特征,确定多层级的视图中用于响应页面交互事件的视图。
在本公开的一些示例性实施例中,确定模块830还可用于:若页面交互事件的发生位置不位于目标页面视图与宿主页面视图的页面重叠范围内,则确定发生位置所属的页面视图;若发生位置所属的页面视图为目标页面视图,则确定由目标页面视图响应页面交互事件;若发生位置所属的页面视图为宿主页面视图,则确定由宿主页面视图响应页面交互事件。
在本公开的一些示例性实施例中,位置特征包括页面交互事件的发生位置的透明值;其中,确定模块830还可用于:获取发生位置的透明值;若发生位置的透明值大于预设透明阈值,则确定多层级的视图中用于响应页面交互事件的视图为宿主页面视图;若发生位置的透明值小于等于预设透明阈值,则确定多层级的视图中用于响应页面交互事件的视图为目标页面视图。
在本公开的一些示例性实施例中,宿主页面视图的层级高于目标页面视图的层级;其中,图8所示装置800还包括事件传递模块840,可用于:将页面交互事件添加至事件队列,从事件队列中取出页面交互事件,将页面交互事件传递给宿主页面视图;若确定发生位置在宿主页面视图的页面范围内,则将页面交互事件传递给目标页面视图。
在本公开的一些示例性实施例中,事件传递模块840还可用于:若发生位置的透明值大于预设透明阈值,则将页面交互事件由目标页面视图透传至宿主页面视图;以及,确定模块还用于:确定由宿主页面视图响应页面交互事件。
在本公开的一些示例性实施例中,宿主页面视图包括一个或多个子视图;其中,确定模块830还可用于:根据发生位置确定由目标子视图响应页面交互事件,目标子视图为一个或多个子视图中的视图,发生位置在目标子视图的页面范围内。
在本公开的一些示例性实施例中,图8所示装置800还包括获取模块850,可用于:获取发生位置的页面区域图像;将发生位置的页面区域图像转换为位图上下文;基于位图上下文,获取发生位置的透明值。
在本公开的一些示例性实施例中,图8所示装置800还包括视图添加模块860,可用于:获取宿主页面视图;对宿主页面视图进行外部视图的添加操作,将所述目标页面视图添加为所述宿主页面视图的子视图。
关于上述实施例中的装置,其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。
图9是根据一示例性实施例示出的适于用来实现本公开示例性实施例的电子设备的结构示意图。需要说明的是,图9示出的电子设备900仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
如图9所示,电子设备900以通用计算设备的形式表现。电子设备900的组件可以包括但不限于:上述至少一个处理单元910、上述至少一个存储单元920、连接不同系统组件(包括存储单元920和处理单元910)的总线930。
其中,所述存储单元存储有程序代码,所述程序代码可以被所述处理单元910执行,使得所述处理单元910执行本说明书上述“示例性方法”部分中描述的根据本发明各种示例性实施方式的步骤。例如,处理单元910可以执行如图3中所示的步骤S301,展示多媒体页面,其中,多媒体页面包括多层级的视图,多层级的视图包括宿主页面视图和目标页面视图,目标页面视图位于宿主页面视图之上,且目标页面视图至少部分覆盖宿主页面视图;步骤S302:接收通过多媒体页面输入的页面交互事件;步骤S303:根据页面交互事件的位置特征,确定多层级的视图中用于响应页面交互事件的视图。
存储单元920可以包括易失性存储单元形式的可读介质,例如随机存取存储单元(RAM)9201和/或高速缓存存储单元9202,还可以进一步包括只读存储单元(ROM)9203。
存储单元920还可以包括具有一组(至少一个)程序模块9205的程序/实用工具9204,这样的程序模块9205包括但不限于:操作系统、一个或者多个应用程序、其它程序模块以及程序数据,这些示例中的每一个或某种组合中可能包括网络环境的实现。
总线930可以为表示几类总线结构中的一种或多种,包括存储单元总线或者存储单元控制器、外围总线、图形加速端口、处理单元或者使用多种总线结构中的任意总线结构的局域总线。
电子设备900也可以与一个或多个外部设备960(例如键盘、指向设备、蓝牙设备等)通信,还可与一个或者多个使得用户能与该电子设备900交互的设备通信,和/或与使得该电子设备900能与一个或多个其它计算设备进行通信的任何设备(例如路由器、调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口950进行。并且,电子设备900还可以通过网络适配器940与一个或者多个网络(例如局域网(LAN),广域网(WAN)和/或公共网络,例如因特网)通信。如图所示,网络适配器940通过总线930与电子设备900的其它模块通信。应当明白,尽管图中未示出,可以结合电子设备900使用其它硬件和/或软件模块,包括但不限于:微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储系统等。
在本公开的示例性实施例中,还提供了一种计算机可读存储介质,其上存储有能够实现本说明书上述方法的程序产品。在一些可能的实施方式中,本发明的各个方面还可以实现为一种程序产品的形式,其包括程序代码,当所述程序产品在终端设备上运行时,所述程序代码用于使所述终端设备执行本说明书上述“示例性方法”部分中描述的根据本发明各种示例性实施方式的步骤。
根据本发明实施方式的用于实现上述方法的程序产品,其可以采用便携式紧凑盘只读存储器(CD-ROM)并包括程序代码,并可以在终端设备,例如个人电脑上运行。然而,本发明的程序产品不限于此,在本文件中,可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。
所述程序产品可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以为但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括:具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。
计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了可读程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。可读信号介质还可以是可读存储介质以外的任何可读介质,该可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。
可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于无线、有线、光缆、RF等等,或者上述的任意合适的组合。
可以以一种或多种程序设计语言的任意组合来编写用于执行本发明操作的程序代码,所述程序设计语言包括面向对象的程序设计语言—诸如Java、C++等,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中,远程计算设备可以通过任意种类的网络,包括局域网(LAN)或广域网(WAN),连接到用户计算设备,或者,可以连接到外部计算设备(例如利用因特网服务提供商来通过因特网连接)。
应当注意,尽管在上文详细描述中提及了用于动作执行的设备的若干模块或者单元,但是这种划分并非强制性的。实际上,根据本公开的实施方式,上文描述的两个或更多模块或者单元的特征和功能可以在一个模块或者单元中具体化。反之,上文描述的一个模块或者单元的特征和功能可以进一步划分为由多个模块或者单元来具体化。
此外,尽管在附图中以特定顺序描述了本公开中方法的各个步骤,但是,这并非要求或者暗示必须按照该特定顺序来执行这些步骤,或是必须执行全部所示的步骤才能实现期望的结果。附加的或备选的,可以省略某些步骤,将多个步骤合并为一个步骤执行,以及/或者将一个步骤分解为多个步骤执行等。
通过以上的实施方式的描述,本领域的技术人员易于理解,这里描述的示例实施方式可以通过软件实现,也可以通过软件结合必要的硬件的方式来实现。因此,根据本公开实施方式的技术方案可以以软件产品的形式体现出来,该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM,U盘,移动硬盘等)中或网络上,包括若干指令以使得一台计算设备(可以是个人计算机、服务器、移动终端、或者网络设备等)执行根据本公开实施方式的方法。
本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本公开的真正范围和精神由所附的权利要求指出。
应当理解的是,本公开并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。
Claims (12)
1.一种事件响应方法,其特征在于,包括:
展示多媒体页面,所述多媒体页面包括多层级的视图,所述多层级的视图包括宿主页面视图和目标页面视图,所述目标页面视图位于所述宿主页面视图之上,且所述目标页面视图至少部分覆盖所述宿主页面视图;
接收通过所述多媒体页面输入的页面交互事件;
根据所述页面交互事件的位置特征,确定所述多层级的视图中用于响应所述页面交互事件的视图。
2.根据权利要求1所述的方法,其特征在于,所述根据所述页面交互事件的位置特征,确定所述多层级的视图中用于响应所述页面交互事件的视图,包括:
基于所述位置特征确定所述页面交互事件的发生位置;
若所述页面交互事件的发生位置位于所述目标页面视图与所述宿主页面视图的页面重叠范围内,则根据所述页面交互事件的位置特征,确定所述多层级的视图中用于响应所述页面交互事件的视图。
3.根据权利要求2所述的方法,其特征在于,在基于所述位置特征确定所述页面交互事件的发生位置之后,所述方法还包括:
若所述页面交互事件的发生位置不位于所述目标页面视图与所述宿主页面视图的页面重叠范围内,则确定所述发生位置所属的页面视图;若所述发生位置所属的页面视图为所述目标页面视图,则确定由所述目标页面视图响应所述页面交互事件;
若所述发生位置所属的页面视图为所述宿主页面视图,则确定由所述宿主页面视图响应所述页面交互事件。
4.根据权利要求1或2所述的方法,其特征在于,所述位置特征包括所述页面交互事件的发生位置的透明值;
其中,所述根据所述页面交互事件的位置特征,确定所述多层级的视图中用于响应所述页面交互事件的视图,包括:
获取所述发生位置的透明值;
若所述发生位置的透明值大于预设透明阈值,则确定所述多层级的视图中用于响应所述页面交互事件的视图为所述宿主页面视图;
若所述发生位置的透明值小于等于所述预设透明阈值,则确定所述多层级的视图中用于响应所述页面交互事件的视图为所述目标页面视图。
5.根据权利要求4所述的方法,其特征在于,所述宿主页面视图的层级高于所述目标页面视图的层级;
其中,在接收通过所述多媒体页面输入的页面交互事件之后,所述方法还包括:
将所述页面交互事件添加至事件队列,从所述事件队列中取出所述页面交互事件,将所述页面交互事件传递给所述宿主页面视图;
若确定所述发生位置在所述宿主页面视图的页面范围内,则将所述页面交互事件传递给所述目标页面视图。
6.根据权利要求5所述的方法,其特征在于,所述若所述发生位置的透明值大于预设透明阈值,则确定所述多层级的视图中用于响应所述页面交互事件的视图为所述宿主页面视图,包括:
若所述发生位置的透明值大于所述预设透明阈值,则将所述页面交互事件由所述目标页面视图透传至所述宿主页面视图,确定由所述宿主页面视图响应所述页面交互事件。
7.根据权利要求6所述的方法,其特征在于,所述宿主页面视图包括一个或多个子视图;
其中,所述确定由所述宿主页面视图响应所述页面交互事件,包括:
根据所述发生位置确定由目标子视图响应所述页面交互事件,所述目标子视图为所述一个或多个子视图中的视图,所述发生位置在所述目标子视图的页面范围内。
8.根据权利要求4所述的方法,其特征在于,所述获取所述发生位置的透明值,包括:
获取所述发生位置的页面区域图像;
将所述发生位置的页面区域图像转换为位图上下文;
基于所述位图上下文,获取所述发生位置的透明值。
9.根据权利要求1所述的方法,其特征在于,所述方法还包括:
获取所述宿主页面视图;
对所述宿主页面视图进行外部视图的添加操作,将所述目标页面视图添加为所述宿主页面视图的子视图。
10.一种事件响应装置,其特征在于,包括:
展示模块,用于展示多媒体页面,所述多媒体页面包括多层级的视图,所述多层级的视图包括宿主页面视图和目标页面视图,所述目标页面视图位于所述宿主页面视图之上,且所述目标页面视图至少部分覆盖所述宿主页面视图;
接收模块,用于接收通过所述多媒体页面输入的页面交互事件;
确定模块,用于根据所述页面交互事件的位置特征,确定所述多层级的视图中用于响应所述页面交互事件的视图。
11.一种电子设备,其特征在于,包括:
处理器;
用于存储所述处理器可执行指令的存储器;
其中,所述处理器被配置为执行所述可执行指令,以实现如权利要求1至9中任一项所述的事件响应方法。
12.一种计算机可读存储介质,当所述计算机可读存储介质中的指令由电子设备的处理器执行时,使得所述电子设备能够执行如权利要求1至9中任一项所述的事件响应方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310687058.7A CN116450276B (zh) | 2023-06-09 | 2023-06-09 | 事件响应方法、装置、电子设备及介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310687058.7A CN116450276B (zh) | 2023-06-09 | 2023-06-09 | 事件响应方法、装置、电子设备及介质 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN116450276A true CN116450276A (zh) | 2023-07-18 |
| CN116450276B CN116450276B (zh) | 2023-10-13 |
Family
ID=87120495
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202310687058.7A Active CN116450276B (zh) | 2023-06-09 | 2023-06-09 | 事件响应方法、装置、电子设备及介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN116450276B (zh) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN119917692A (zh) * | 2024-12-31 | 2025-05-02 | 北京达佳互联信息技术有限公司 | 多层级页面展示方法、装置、设备、存储介质及程序产品 |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2018049907A1 (zh) * | 2016-09-19 | 2018-03-22 | 北京京东尚科信息技术有限公司 | 界面的信息显示方法和装置 |
| CN113407074A (zh) * | 2021-05-31 | 2021-09-17 | 深圳市科曼医疗设备有限公司 | 一种图形界面交互方法、交互装置及医疗设备 |
| CN113448573A (zh) * | 2021-06-30 | 2021-09-28 | 中国建设银行股份有限公司 | 一种基于图片像素围栏的点击交互方法和装置 |
| CN115640092A (zh) * | 2022-10-31 | 2023-01-24 | 维沃移动通信有限公司 | 界面显示方法、装置、电子设备和可读存储介质 |
-
2023
- 2023-06-09 CN CN202310687058.7A patent/CN116450276B/zh active Active
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2018049907A1 (zh) * | 2016-09-19 | 2018-03-22 | 北京京东尚科信息技术有限公司 | 界面的信息显示方法和装置 |
| CN113407074A (zh) * | 2021-05-31 | 2021-09-17 | 深圳市科曼医疗设备有限公司 | 一种图形界面交互方法、交互装置及医疗设备 |
| CN113448573A (zh) * | 2021-06-30 | 2021-09-28 | 中国建设银行股份有限公司 | 一种基于图片像素围栏的点击交互方法和装置 |
| CN115640092A (zh) * | 2022-10-31 | 2023-01-24 | 维沃移动通信有限公司 | 界面显示方法、装置、电子设备和可读存储介质 |
Non-Patent Citations (2)
| Title |
|---|
| YUCHEN JIN: "Go With the Flow: Effects of Transparency and User Control on Targeted Advertising Using Flow Charts", 《AVI \'16: PROCEEDINGS OF THE INTERNATIONAL WORKING CONFERENCE ON ADVANCED VISUAL INTERFACES》 * |
| 吕梦莎;吕彬;巫彤宁;: "手机新闻客户端不同页面设计下用户视觉浏览规律研究", 人类工效学, no. 05 * |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN119917692A (zh) * | 2024-12-31 | 2025-05-02 | 北京达佳互联信息技术有限公司 | 多层级页面展示方法、装置、设备、存储介质及程序产品 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN116450276B (zh) | 2023-10-13 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109766053B (zh) | 用户界面显示方法、装置、终端及存储介质 | |
| US7146573B2 (en) | Automatic window representation adjustment | |
| CN108415751B (zh) | 消息提醒方法、装置、设备及存储介质 | |
| US20030142141A1 (en) | Displaying specified resource usage | |
| CN108255923B (zh) | 图像展示方法、设备及电子设备 | |
| CN110309475B (zh) | 一种页面展现方法、装置、终端设备及存储介质 | |
| US12204602B2 (en) | Page display method and electronic device | |
| US20030142143A1 (en) | Varying heights of application images to convey application status | |
| CN106817618B (zh) | 弹窗显示方法及装置、包括该弹窗显示装置的电子设备 | |
| US12468879B2 (en) | Method, apparatus and electronic device for field merging | |
| CN111259381A (zh) | 页面交互方法、装置、计算机可读介质及电子设备 | |
| CN103870123A (zh) | 一种信息处理方法及电子设备 | |
| CN109885781A (zh) | 混合页面统一浏览方法、装置、设备和存储介质 | |
| CN114399437A (zh) | 一种图像处理方法、装置、电子设备及存储介质 | |
| CN116450276B (zh) | 事件响应方法、装置、电子设备及介质 | |
| WO2024067319A1 (en) | Method and system for creating stickers from user-generated content | |
| US20250028776A1 (en) | Page processing method and device | |
| CN108205456A (zh) | 一种跨进程的窗口渲染方法、设备及存储介质 | |
| CN111918102A (zh) | 弹幕管理方法、装置、设备及存储介质 | |
| CN111782108A (zh) | 游戏中的界面切换控制方法、装置、介质与设备 | |
| US20180121049A1 (en) | Terminal device and method for displaying image by same, and web server and method for providing web page by same | |
| US20230334740A1 (en) | Image display method, apparatus, and electronic device | |
| CN107562324A (zh) | 数据显示控制的方法和终端 | |
| CN109450993B (zh) | 用于呈现信息的方法和设备 | |
| US10768789B1 (en) | Dynamic rendering of interactive user experience cards |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |