CN111857857A - 界面展示方法、装置和设备 - Google Patents

界面展示方法、装置和设备 Download PDF

Info

Publication number
CN111857857A
CN111857857A CN201910335410.4A CN201910335410A CN111857857A CN 111857857 A CN111857857 A CN 111857857A CN 201910335410 A CN201910335410 A CN 201910335410A CN 111857857 A CN111857857 A CN 111857857A
Authority
CN
China
Prior art keywords
interface
layer
application program
interactive
behavior
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
Application number
CN201910335410.4A
Other languages
English (en)
Other versions
CN111857857B (zh
Inventor
李乔
孙然
刘太举
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Nail Holding Cayman Co ltd
Original Assignee
Nail Holding Cayman Co ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Nail Holding Cayman Co ltd filed Critical Nail Holding Cayman Co ltd
Priority to CN201910335410.4A priority Critical patent/CN111857857B/zh
Publication of CN111857857A publication Critical patent/CN111857857A/zh
Application granted granted Critical
Publication of CN111857857B publication Critical patent/CN111857857B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements 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/44Arrangements for executing specific programs
    • G06F9/445Program loading or initiating
    • G06F9/44521Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements 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/44Arrangements for executing specific programs
    • G06F9/445Program loading or initiating
    • G06F9/44568Immediately runnable code
    • G06F9/44578Preparing or optimising for loading

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明实施例提供一种界面展示方法、装置和设备,该方法包括:响应于应用程序的加载操作,展示第一图层,第一图层对应于此前成功加载的应用程序的第一界面;获取在第一图层上发生的交互行为;若应用程序的第二界面的加载状态符合设定条件,则展示第二界面,隐藏第一图层,将交互行为分发至第二界面,以使第二界面响应交互行为。从而,让用户在启动应用程序时便实时感知到了应用程序的界面,具有良好的界面友好性。而且用户还可以在图层上进行交互操作。

Description

界面展示方法、装置和设备
技术领域
本发明涉及互联网技术领域,尤其涉及一种界面展示方法、装置和设备。
背景技术
实际应用中,当启动一个应用程序时,受网络状态、终端设备的性能等因素的影响,一般会先显示一段时长的加载界面,之后才能显示应用程序的首页界面或上次退出时的界面。在一些实际应用场景中,该加载界面往往实现为:其上呈现有表明当前处于界面加载状态的动效的白屏界面,影响用户体验。
发明内容
本发明实施例提供一种界面展示方法、装置和设备,用以提高应用程序界面的展示友好性。
第一方面,本发明实施例提供一种界面展示方法,该方法包括:
响应于应用程序的加载操作,展示第一图层,所述第一图层对应于此前成功加载的所述应用程序的第一界面;
获取在所述第一图层上发生的交互行为;
若所述应用程序的第二界面的加载状态符合设定条件,则展示所述第二界面,隐藏所述第一图层;
将所述交互行为分发至所述第二界面,以使所述第二界面响应所述交互行为。
第二方面,本发明实施例提供一种界面展示装置,该装置包括:
显示模块,用于响应于应用程序的加载操作,展示第一图层,所述第一图层对应于此前成功加载的所述应用程序的第一界面;以及若所述应用程序的第二界面的加载状态符合设定条件,则展示所述第二界面,隐藏所述第一图层;
处理模块,用于确定所述应用程序的第二界面的加载状态是否符合所述设定条件,以及获取在所述第一图层上发生的交互行为,将所述交互行为分发至所述第二界面,以使所述第二界面响应所述交互行为。
第三方面,本发明实施例提供一种电子设备,包括:第一存储器、第一处理器;其中,所述第一存储器上存储有可执行代码,当所述可执行代码被所述第一处理器执行时,使所述第一处理器至少可以实现如第一方面所述的界面展示方法。
本发明实施例提供了一种非暂时性机器可读存储介质,所述非暂时性机器可读存储介质上存储有可执行代码,当所述可执行代码被电子设备的处理器执行时,使所述处理器至少可以实现如第一方面所述的界面展示方法。
第四方面,本发明实施例提供一种界面展示方法,该方法包括:
响应于应用程序的加载操作,展示第一图层,所述第一图层对应于此前成功加载的所述应用程序的第一界面;
若所述应用程序的第二界面的加载状态符合设定条件,则展示所述第二界面,隐藏所述第一图层。
第五方面,本发明实施例提供一种界面展示装置,该装置包括:
显示模块,用于响应于应用程序的加载操作,展示第一图层,所述第一图层对应于此前成功加载的所述应用程序的第一界面;以及若所述应用程序的第二界面的加载状态符合设定条件,则展示所述第二界面,隐藏所述第一图层;
处理模块,用于确定所述应用程序的第二界面的加载状态是否符合所述设定条件。
第六方面,本发明实施例提供一种电子设备,包括:第二存储器、第二处理器;其中,所述第二存储器上存储有可执行代码,当所述可执行代码被所述第二处理器执行时,使所述第二处理器至少可以实现如第四方面所述的界面展示方法。
本发明实施例提供了一种非暂时性机器可读存储介质,所述非暂时性机器可读存储介质上存储有可执行代码,当所述可执行代码被电子设备的处理器执行时,使所述处理器至少可以实现如第四方面所述的界面展示方法。
第七方面,本发明实施例提供一种界面展示方法,该方法包括:
若应用程序的第一界面已成功加载,则获取所述第一界面对应的第一图层;
在所述第一图层上注册交互行为;
存储注册有所述交互行为的第一图层。
第八方面,本发明实施例提供一种界面展示装置,该装置包括:
截图模块,用于若应用程序的第一界面已成功加载,则获取所述第一界面对应的第一图层;
注册模块,用于在所述第一图层上注册交互行为;
存储模块,用于存储注册有所述交互行为的第一图层。
第九方面,本发明实施例提供一种电子设备,包括:第三存储器、第三处理器;其中,所述第三存储器上存储有可执行代码,当所述可执行代码被所述第三处理器执行时,使所述第三处理器至少可以实现如第七方面所述的界面展示方法。
本发明实施例提供了一种非暂时性机器可读存储介质,所述非暂时性机器可读存储介质上存储有可执行代码,当所述可执行代码被电子设备的处理器执行时,使所述处理器至少可以实现如第七方面所述的界面展示方法。
在本发明实施例中,当用户打开某应用程序而触发对该应用程序的加载时,会马上在屏幕上展示第一图层,该第一图层对应于此前成功加载的该应用程序的界面。为描述方便,将之前成功加载出的该应用程序的界面(比如为首页界面或上次退出时的界面)称为第一界面。实际上,该第一图层可以是对此前成功加载出的应用程序的第一界面进行截图而获得的。在展示该第一图层的同时,加载该应用程序,将本次需要首先加载的该应用程序的界面称为第二界面(与第一界面相对应地,比如为首页界面或上次退出时的界面)。如果该应用程序的第二界面的加载状态符合设定条件,则展示已经加载出的第二界面,并隐藏第一图层。
基于此,以第一界面和第二界面为应用程序的首页界面为例,通过在应用程序被加载时,马上展示之前(比如上次)应用程序被成功加载后所展示的首页界面的截图,从用户视觉感知角度来说,相当于让用户在启动应用程序时便实时感知到了应用程序的首页界面,具有良好的界面友好性。等到本次应用程序的首页界面被真正加载出来后,可以切换至显示应用程序的真实的首页界面,如此实现了虚假的首页界面截图到真实的首页界面的切换。
另外,用户除了可以直接观看到第一图层上包含的内容外,还可以在第一图层上触发交互行为。从而,在捕捉到用户在第一图层上触发的交互行为时,在隐藏第一图层后,可以将该交互行为发送至第二界面,以使第二界面响应用户的交互行为,从而实现与用户的交互。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍,显而易见地,下面描述中的附图是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为一种传统地应用程序加载过程的界面状态变化示意图;
图2为本发明实施例提供的一种界面展示方法的流程图;
图3为本发明实施例提供的一种应用程序加载过程的界面状态变化示意图;
图4为本发明实施例提供的另一种界面展示方法的流程图;
图5为本发明实施例提供的又一种界面展示方法的流程图;
图6为本发明实施例提供的再一种界面展示方法的流程图;
图7为本发明实施例提供的一种对第一图层进行滑动操作的界面状态示意图;
图8为本发明实施例提供的再一种界面展示方法的流程图;
图9为本发明实施例提供的一种对第一图层进行点击操作的界面状态示意图;
图10为本发明实施例提供的再一种界面展示方法的流程图;
图11为本发明实施例提供的另一种对第一图层进行点击操作的界面状态示意图;
图12为本发明实施例提供的再一种界面展示方法的流程图;
图13为本发明实施例提供的一种界面展示装置的结构示意图;
图14为与图13所示实施例提供的界面展示装置对应的电子设备的结构示意图;
图15为本发明实施例提供的另一种界面展示装置的结构示意图;
图16为与图15所示实施例提供的界面展示装置对应的电子设备的结构示意图;
图17为本发明实施例提供的另一种界面展示装置的结构示意图;
图18为与图17所示实施例提供的界面展示装置对应的电子设备的结构示意图。
具体实施方式
为使本发明实施例的目的、技术方案和优点更加清楚,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
在本发明实施例中使用的术语是仅仅出于描述特定实施例的目的,而非旨在限制本发明。在本发明实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式,除非上下文清楚地表示其他含义,“多种”一般包含至少两种。
取决于语境,如在此所使用的词语“如果”、“若”可以被解释成为“在……时”或“当……时”或“响应于确定”或“响应于检测”。类似地,取决于语境,短语“如果确定”或“如果检测(陈述的条件或事件)”可以被解释成为“当确定时”或“响应于确定”或“当检测(陈述的条件或事件)时”或“响应于检测(陈述的条件或事件)”。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的商品或者系统不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种商品或者系统所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的商品或者系统中还存在另外的相同要素。
另外,下述各方法实施例中的步骤时序仅为一种举例,而非严格限定。
首先结合图1对传统地应用程序加载过程中的界面状态变化情况进行说明。当用户对终端设备中的某应用程序触发开启操作时,终端设备需要加载该应用程序的界面,该界面可以是应用程序的首页界面,也可以是上次退出该应用程序时的界面(为描述方便,下文描述为上次退出界面)。由于该加载过程收到终端设备的网络状况、性能等多种因素的影响,往往是不能实时完成加载的,为此,目前大多数的解决方案是:在用户对某应用程序触发开启操作时,如图1所示,首先,显示出一个加载界面,该加载界面可以如图1中所示,为一个白屏界面,其中渲染有表明当前正处于加载应用程序的状态的界面元素,比如图1中示意的图形;其次,等到应用程序的首页界面或上次退出界面加载完成,则切换至显示应用程序的首页界面或上次退出界面。以加载的对象为应用程序的首页界面为例,如图1中所示,加载出的首页界面中包括界面元素a、界面元素b、界面元素c、界面元素d、界面元素e、界面元素f、界面元素g、界面元素h等。
其中,在实际应用中,用户可以对终端设备的桌面上显示的某个应用程序的图标进行点击操作以开启该应用程序。或者,在某个应用程序中可以支持其他的第三方应用程序(俗称小程序),用户可以在某应用程序的相关界面中点击所支持的某个第三方应用程序的图标,以开启该第三方应用程序。响应于用户对应用程序的开启操作,触发对应用程序的加载过程。
另外,对于当前被用户开启的某应用程序来说,以加载应用程序的首页界面为例,该应用程序的首页界面加载完成,可以是指该首页界面中包含的全部界面元素都已经被渲染出来,或者,也可以是指该首页界面中包含的全部界面元素中已经被渲染出的界面元素已经达到一定比例,比如70%。上次退出界面的加载完成状态的含义与之一致。
由图1中所示意的应用程序的加载过程可知,如果由于终端设备侧的网络状况、设备性能等较差,导致需要很长的时间才能加载完应用程序的首页界面或上次退出界面,那么在该加载时间段内,用户只能看到无任何有意义的数据内容的加载界面,不能获得有价值的信息,界面友好性较差。
为此,本发明实施例提供了一种界面展示方法,应用于应用程序的加载过程中,用以克服上述界面友好性的问题。
图2为本发明实施例提供的一种界面展示方法的流程图,该界面展示方法可以由运行有某应用程序的电子设备中的操作系统来执行。如图2所示,该方法包括如下步骤:
201、响应于应用程序的加载操作,展示第一图层,第一图层对应于此前成功加载的该应用程序的第一界面。
可以理解的是,上述应用程序的加载操作,即可以理解为是用户打开应用程序的行为,因为响应于用户开启应用程序的行为,会触发加载应用程序的过程。
第一界面可以是应用程序的首页界面,也可以是上次退出界面。
本文中的“图层”也可以称为“快照层”,是对相应界面进行快照处理(例如截图)得到的。
值得注意的是,为便于描述,以下举例中以应用程序的首页界面为加载对象为例进行说明,加载上次退出界面的过程与之一致。
为更加直观地理解基于本实施例提供的界面展示方法,结合图3来说明应用程序的加载过程。
为便于描述,以用户上次和本次两次启动应用程序X为例来说。假设用户上次开启该应用程序X后,加载完成的该应用程序X的首页界面如图3中所示,其中包括界面元素a、界面元素b、界面元素c、界面元素d、界面元素e、界面元素f。将该首页界面作为第一界面,对该第一界面进行截图处理得到的图片,称为第一图层。
之后用户可以对该应用程序X进行正常的使用,在使用完后可以退出该应用程序X。
假设用户在退出应用程序X之后的某时刻又一次开启该应用程序X,则此时,如图3所示,在终端设备的屏幕上首先会展示对应于此前成功加载的该应用程序X的第一界面的第一图层。
在展示该第一图层的同时,正常地进行该应用程序X的首页界面的加载,将本次加载的该应用程序X的首页界面称为第二界面。实际应用中,第二界面与第一界面可能是相同的,当然,受应用程序X升级等影响,第二界面与第一界面也可能是不同的。
由此可知,自应用程序X被用户安装之后,除了首次加载该应用程序X时可能需要展示传统地如图1所示的加载界面外,之后加载该应用程序X时,都会立刻在终端设备的屏幕上显示出此前成功加载出的该应用程序X的首页界面的截图,相当于提前了应用程序X的首页界面的展示时间,从而使得用户能够提前看到应用程序X的首页界面,提高了界面友好性。
可以理解的是,本实施例中,此前成功加载的应用程序X的第一界面,可以是指上次成功加载的应用程序X的第一界面,也可以是指更早之前的某次成功加载的应用程序X的第一界面。以加载应用程序的首页界面为例,也就是说,在一种方式下,在新得到一张首页界面的截图后,可以以该最新得到的截图替换掉之前得到的首页界面的截图,此时,第一图层是上次加载出的应用程序首页界面的截图;在另一种方式下,也可以设置一张首页界面的截图的生命周期,比如一天,这时意味着自某张首页界面的截图被生成之后,若在其生命周期内用户触发多次针对该应用程序的加载过程,都将使用这张截图,此时,第一图层是指此前加载出的、且还在生命周期内的应用程序首页界面的截图。
另外,在展示第一图层时,可以以悬浮方式展示第一图层。悬浮展示第一图层中的悬浮二字,主要是强调第一图层被展示在最外层,遮挡了用户视线,使得在原本应该应用程序X的界面的屏幕区域内,用户仅能够看到该第一图层。由于在展示第一图层的期间,应用程序X的第二界面也正被加载中,在加载第二界面的过程中,会逐步渲染已经加载出的第二界面中的各个界面元素,如果同时在屏幕上显示第一图层以及逐步加载出的第二界面中的各界面元素,会造成混乱,因此,将第一图层悬浮展示在屏幕上,使得在第二界面还未加载完毕之前,用户仅能看到第一图层。
202、若应用程序的第二界面的加载状态符合设定条件,则展示第二界面,隐藏第一图层。
如前文所述,自开始加载应用程序X时,便在终端设备的屏幕上展示第一图层,与此同时,进行应用程序X当前的第二界面的加载。如果应用程序X的第二界面的加载状态符合设定条件,则如图3所示,此时切换至展示第二界面,并隐藏第一图层。图3中以第二界面为首页界面为例,假设第二界面中包括界面元素a、界面元素b、界面元素c、界面元素d、界面元素e、界面元素f、界面元素g、界面元素h。
在一可选实施例中,上述设定条件可以为:在第一图层显示后的设定时长内,第二界面加载成功。该设定时长比如为5秒钟等。该实施例意味着,如果在比如5秒钟内第二界面便加载完成,则在第二界面加载完成之时,展示第二界面,隐藏第一图层。
在另一可选实施例中,上述设定条件还可以为:第一图层的显示时长已经达到设定时长,第二界面仍未加载成功。该实施例意味着,如果在比如5秒钟内第二界面便还未加载完成,则在第一图层已经展示5秒钟之时,展示第二界面,隐藏第一图层。
其中,可选地,若第二界面中已经渲染出的界面元素占第二界面中包含的全部界面元素的比例达到第一设定阈值(比如70%),则确定第二界面加载成功。
另外,在隐藏第一图层时,若第二界面已经加载成功,则对第二界面进行截图处理以获得第二图层,该第二图层被用于下一次启动应用程序时。
综上,以首页界面为加载对象为例来说,通过在应用程序被加载时,马上展示之前应用程序被正常启动后所展示的首页界面的截图,从用户视觉感知角度来说,相当于让用户在启动应用程序时便实时感知到了应用程序的首页界面,具有良好的界面友好性。等到应用程序的首页界面被真正加载出来后,可以切换至显示应用程序的真实的首页界面,如此实现了虚假的首页界面截图到真实的首页界面的切换。而且,在大多情况下,虚假的首页界面截图与真实的首页界面中包含的界面元素差异较小甚至相同,使得用户并不感知虚假的首页界面截图到真实的首页界面的切换,实现无缝切换的效果,保证用户体验。
图4为本发明实施例提供的另一种界面展示方法的流程图,如图4所示,可以包括如下步骤:
401、响应于应用程序的加载操作,展示第一图层,第一图层对应于此前成功加载的该应用程序的第一界面。
402、若在设定时长内应用程序的第二界面中已经渲染出的界面元素占第二界面中包含的全部界面元素的比例达到第一设定阈值,则展示第二界面,隐藏第一图层。
403、对第二界面进行截图处理以获得第二图层,第二图层被用于下一次启动该应用程序时。
404、对比第一界面和第二界面中包含的界面元素的多少,以调整界面的截图时机。
可以理解的是,如果第一图层中包含的界面元素与本次进入应用程序后展示的第二界面中包含的界面元素差别极小或没有差别,则在隐藏第一图层,切换至显示第二界面时,用户几乎不会感知到第一图层的隐藏,能够获取到最佳的用户体验。但是,如果二者差别较大,则在隐藏第一图层,切换至显示第二界面时,用户会明显感知到前后显示内容的差异,用户体验较差。
为了保证用户体验,则需要保证第一图层与第二界面中包含的界面元素要尽量一致。
仍以加载对象为应用程序的首页界面为例进行说明,可以理解的是,加载对象为上次退出界面时的情况与之一致。
如果假设应用程序并未由于升级等原因导致首页界面发生改变,那么导致第一图层与第二界面之间差异的关键因素在于:界面的截图时机。
在加载对象为应用程序的首页界面的假设下,截图时机即为首页界面的截图时机。
基于此,可以根据第一界面和第二界面中包含的界面元素的多少的比较结果,调整首页界面的截图时机。其中,截图时机可以体现为应用程序的首页界面中已经渲染出的界面元素占首页界面中包含的全部界面元素的比例。
在一可选实施例中,调整首页界面的截图时机可以实现为:若第一图层中包含的界面元素多于第二图层中包含的界面元素,则确定下一次启动该应用程序时对首页界面的截图时机为所述比例达到第二设定阈值时,第二设定阈值小于第一设定阈值。相对地,若第一图层中包含的界面元素少于第二图层中包含的界面元素,则确定下一次启动应用程序时对首页界面的截图时机为所述比例达到第三设定阈值时,第三设定阈值大于第一设定阈值。
在上述实施例中,是通过对第一图层和第二图层进行像素对比来确定哪个图层中包含的界面元素多。假设第一设定阈值为70%,这就意味着,第一图层是第一界面中包含的界面元素已经渲染出70%时对第一界面进行截图得到的,同样地,当第二界面中包含的界面元素已经渲染出70%时对第二界面进行截图得到第二图层。而在应用程序的首页界面并未发生改变的前提下,第一界面与第二界面是相同的。如果第一界面对应的第一图层中包含的界面元素多于第二界面对应的第二图层中包含的界面元素,说明第一图层的截图时机比较晚,应该将截图时机提前,从而,可以将截图时机确定为在首页界面中已经渲染出的界面元素占首页界面中包含的全部界面元素的比例达到小于第一设定阈值的第二设定阈值时,比如60%。相反地,如果第一界面对应的第一图层中包含的界面元素少于第二界面对应的第二图层中包含的界面元素,说明第一图层的截图时机比较早,应该将截图时机延迟,从而,可以将截图时机确定为在首页界面中已经渲染出的界面元素占首页界面中包含的全部界面元素的比例达到大于第一设定阈值的第三设定阈值时,比如80%。
在另一可选实施例中,调整首页界面的截图时机可以实现为:对比第一界面对应的第一文档对象模型结构与第二界面对应的第二文档对象模型结构。若第一文档对象模型结构中包含的界面元素多于第二文档对象模型结构中包含的界面元素,则确定下一次启动应用程序时对首页界面的截图时机为所述比例达到第二设定阈值时;若第一文档对象模型结构中包含的界面元素少于第二文档对象模型结构中包含的界面元素,则确定下一次启动应用程序时对首页界面的截图时机为所述比例达到第三设定阈值时。其中,第一界面对应的第一文档对象模型结构与生成第一图层时第一界面中包含的界面元素对应,第二界面对应的第二文档对象模型结构与生成第二图层时第二界面中包含的界面元素对应。
在上述实施例中,对比的对象不再是第一图层和第二图层中的像素,而是在基于第一设定阈值对第一界面与第二界面进行截图处理时,当时第一界面与第二界面对应的文档对象模型(Document Object Model,简称DOM)结构。DOM结构中描述了相应界面中包含了哪些界面元素以及界面元素的各种布局、属性特征。
具体地,在第二界面中已经渲染出的界面元素占第二界面中包含的全部界面元素的比例达到第一设定阈值时,获取此时第二界面的DOM结构,可以理解的是,此时该第二界面的DOM结构是对应于第二界面中此时已经渲染出的界面元素的。另外,在对第一界面进行截图以得到第一图层时,也获取当时第一界面的DOM结构,可以理解的是,此时该第一界面的DOM结构是对应于第一界面中当时已经渲染出的界面元素的。
对比第一界面的DOM结构与第二界面的DOM结构,能够得出二者DOM结构的差异。由于首页页面是浏览器渲染对应的DOM结构呈现的,故DOM结构的差异直接反映了加载成功的第一界面与第二界面的差异。如果两者DOM结构没有差异,则说明第一图层与当前加载出的第二界面完全重合。如果有差异,则可以通过对比发现具体产生差异的DOM元素。
在调整了截图时机后,当下次需要对应用程序的首页界面进行截图时,可以按照调整后的截图时机进行截图处理。
结合上述各实施例可以实现在应用程序加载时,马上显示上次应用程序的被成功加载出的首页界面的截图,基于此,用户可以提前看到应用程序的首页界面。但是,实际应用中,用户看到该截图后,可能马上会触发一些交互行为,为了支持用户对截图的交互行为,本发明实施例还提供了对截图的交互解决方案。
以对第一界面截图得到的第一图层为例说明如何在第一图层上提供交互功能。
实际上,对于通过对第一界面进行截图得到的第一图层,可以在该第一图层上注册交互行为,并存储注册有交互行为的第一图层,从而,在展示第一图层时,该第一图层上已经注册有交互行为。
可选地,在一些实施例中,除了可以在第一图层上注册交互行为外,还可以在第一图层上注册与交互行为对应的响应事件,如此,用户不仅可以在第一图层上触发一些交互行为,还可以基于第一图层上注册的与该交互行为对应的响应事件对用户触发的交互行为进行实时响应。
在一可选实施例中,在第一图层上注册交互行为,可以实现为:根据第一界面中包含的交互元素,在第一图层中与该交互元素对应的位置区域上注册用于与该交互元素交互的交互行为。其中,该交互元素可以是第一界面中包含的按钮、选框等,从而,相应的交互行为可以是对按钮触发的点击行为,对选框触发的选择行为等等。
在另一可选实施例中,在第一图层上注册交互行为,还可以实现为:根据第一界面中包含的交互元素,在第一图层中与交互元素对应的位置区域上注册用于与交互元素交互的交互行为及响应事件。本实施例中,除了可以在第一图层上注册与某交互元素对应的交互行为外,还可以进一步注册与该交互行为对应的响应事件。比如,与对按钮触发的点击行为对应的响应事件可以是:跳转至该按钮被点击后应该显示的界面;与对选框触发的选择行为对应的响应事件可以是:将对应的选项置于选中状态。
举例来说,假设第一界面中包括某个按钮,在第一图层中可以确定该按钮所对应的位置区域,该位置区域可以通过包围该按钮的矩形的四个顶点坐标来表示。进而,在该位置区域上进行该按钮对应的交互行为和响应事件的注册。其中,交互行为可以为:单击操作,响应事件可以为该按钮被点击后应该弹出的界面的标识。基于此,当用户对该按钮所在区域触发单击操作行为时,可以直接跳转至对应的界面。
在另一可选实施例中,在第一图层上注册交互行为,还可以实现为:若第一界面的高度大于屏幕高度,则根据第一界面的高度,在第一图层上注册用于滑动第一图层的滑动行为及对应的响应事件。
实际上,用户除了可以对第一图层中包含的一些交互元素进行交互操作外,还可以对第一图层整体进行一些交互操作,比如滑动第一图层的操作。为了支持用户对第一图层的滑动操作,如果第一图层的高度大于屏幕高度,则可以在第一图层上注册滑动行为及其对应的响应事件,从而,当用户对第一图层执行滑动操作时,第一图层可以响应该滑动操作。
具体地,该滑动行为表示用户可以对第一图层执行滑动操作,比如对第一图层进行向上、向下的滑动操作。该响应事件即为执行用户对第一图层触发的滑动操作,具体地,根据用户触发的滑动位移来移动第一图层。其中,第一界面的高度用于界定用户对第一图层在某一方向上能够滑动的最大距离,当达到该最大距离时,将不会再在该方向上移动第一图层。
除上述举例的一些交互行为外,第一图层上还可以注册比如放大、缩小等交互行为及其响应事件,以便支持用户对第一图层的各种操作需求。
上述对第一图层进行交互行为注册的过程,同样适用于第二图层以及对任意一次加载应用程序后展示的界面进行截图得到的图层。下面结合图5来说明对第二图层进行交互行为注册的过程。
图5为本发明实施例提供的又一种界面展示方法的流程图,如图5所示,可以包括如下步骤:
501、响应于应用程序的加载操作,展示第一图层,第一图层对应于此前成功加载的该应用程序的第一界面。
502、若应用程序的第二界面的加载状态符合设定条件,则展示第二界面,隐藏第一图层。
可以理解的是,本实施例中,对第二界面进行截图的前提可以是第二界面加载成功,具体可以体现为:在设定时长内应用程序的第二界面中已经渲染出的界面元素占第二界面中包含的全部界面元素的比例达到第一设定阈值。
503、对第二界面进行截图处理以获得第二图层。
可选地,对第二界面的截图处理可以实现为:若第二界面的高度小于或等于屏幕高度,则对展示有第二界面的屏幕进行截屏处理以得到第二图层,第二图层的高度等于屏幕高度;若第二界面的高度大于屏幕高度,则自第二界面的顶部开始对第二界面进行截图处理以得到第二图层,第二图层的高度至少大于屏幕高度。
也就是说,在对第二界面进行截图时,区分第二界面的高度而有不同的处理方式。
其中,当第二界面的高度小于或等于屏幕高度时,对展示有第二界面的屏幕进行截屏处理以得到第二图层,此时,第二图层的高度等于屏幕高度。
而当第二界面的高度大于屏幕高度时,可以自第二界面的顶部开始对第二界面进行截图处理以得到第二图层,此时,第二图层的高度至少大于屏幕高度,实际应用中,第二图层的高度可以等于第二界面的高度。也就是说,假设第二界面中包含的全部界面元素需要3屏才能完全展示,那么第二图层的高度可以为屏幕高度的3倍。
可以理解的是,这里的屏幕是指终端设备的显示屏中用于显示应用程序的界面的屏幕区域,可以不包含屏幕顶部和底部显示诸如电池电量、时间、联网状态、系统操作按钮的区域。
针对第二界面的高度大于屏幕高度的情况来说,此时之所以使得截取到的第二图层的高度超高屏幕高度,是为了满足用户对第二图层的滑动(即滚动)操作的需求。
504、在第二图层上注册交互行为。
其中,如前文所述,可选地,在第二界面的高度大于屏幕高度的情况下,可以根据第二界面的高度,在第二图层上注册用于滑动第二图层的滑动行为和响应事件。该滑动行为表示用户可以对第二图层执行滑动操作,比如对第二图层进行向上、向下的滑动操作。该响应事件即为执行用户对第二图层触发的滑动操作,具体地,根据用户触发的滑动位移来移动第二图层。其中,第二界面的高度用于界定用户对第二图层在某一方向上能够滑动的最大距离,当达到该最大距离时,将不会再在该方向上移动第二图层。
另外,如前文所述,可选地,可以根据第二界面中包括的交互元素,在第二图层中与交互元素对应的位置区域上注册与交互元素对应的交互行为和响应事件。将第二界面中支持用户交互操作的界面元素(比如按钮,选框等界面元素)称为交互元素,则本实施例中,可以在第二图层中注册与交互元素对应的交互行为和响应事件,以供用户可以在第二图层上实现界面交互操作。
图5所示实施例中介绍了为支持用户对应用程序的首页界面截图/上次退出界面截图的交互操作,在对首页界面/上次退出界面进行截图后应该执行的处理过程。下面结合以下几个实施例说明用户对首页界面截图/上次退出界面截图的交互操作过程。
以下几个实施例中假设的是用户对第一界面对应的第一图层进行交互操作的情况,其中,第一界面可以是首页界面或上次退出界面。可以理解的是,在其他图层上(比如第二图层上)进行的交互操作处理过程与下面示意的在第一图层上进行的交互操作处理过程一致。
图6为本发明实施例提供的再一种界面展示方法的流程图,如图6所示,可以包括如下步骤:
601、响应于应用程序的加载操作,展示第一图层,第一图层对应于此前成功加载的该应用程序的第一界面。
602、获取在第一图层上发生的交互行为。
与前述实施例中介绍的在第二图层上注册交互行为及其对应的响应事件类似地,也可以预先在第一图层上注册有一种或多种交互行为,从而,可以捕捉用户在第一图层上触发的某种交互行为。该交互行为比如可以是点击、滑动等等。
603、若应用程序的第二界面的加载状态符合设定条件,则展示第二界面,隐藏第一图层。
604、将交互行为分发至第二界面,以使第二界面响应交互行为。
可以将捕捉到的在第一图层上发生的交互行为分发至第二界面,第二界面响应该交互行为。实际上,可以将该交互行为发送至应用程序,应用程序响应该交互行为而更新第二界面。该第二界面的更新可以是更新第二界面中的某些元素,或者跳转至其他界面。
图7为本发明实施例提供的再一种界面展示方法的流程图,如图7所示,可以包括如下步骤:
701、响应于应用程序的加载操作,展示第一图层,第一图层对应于此前成功加载的该应用程序的第一界面。
702、响应于在第一图层上触发的交互行为,在第一图层上显示提示信息,提示信息用于提示交互行为不能被实时响应。
703、若应用程序的第二界面的加载状态符合设定条件,则展示第二界面,隐藏第一图层。
704、响应于第一图层的隐藏,隐藏提示信息,并将交互行为分发至第二界面,以使第二界面响应交互行为。
本实施例中的上述交互行为比如是用户对第一图层中包含的交互元素触发的行为(如对按钮触发的点击行为,对选框触发的选择行为),还可以是对第二图层本身触发的交互行为(比如滑动第一图层),等等。
概括来说,本实施例中对用户在第一图层上触发的交互行为的处理策略是:暂存该交互行为,待第二界面展示、隐藏第一图层时,将该交互行为告知应用程序,由该应用程序进行响应。
结合图8来示意性地说明该实施例中用户对第一图层中某交互元素触发交互行为的执行过程。在图8中,假设用户对第一图层中显示的按钮y进行了点击行为,则可以将该点击行为发生的位置坐标存储下来,并在第一图层上显示图8中示意的提示信息,该提示信息可以是文字信息,也可以是动画,还可以是其他信息表现形式。该提示信息的作用是让用户得知其触发的该点击行为没有被实时响应。之后,待第二界面加载完成而被展示,即隐藏第一图层时,可以将用户的该点击行为发送至应用程序,应用程序根据该点击行为对应的位置在第二界面中确定出对应的交互元素——按钮y,进而执行按钮y被点击所对应的响应事件。
图9为本发明实施例提供的再一种界面展示方法的流程图,如图9所示,可以包括如下步骤:
901、响应于应用程序的加载操作,展示第一图层,第一图层对应于此前成功加载的该应用程序的第一界面。
902、获取在第一图层上发生的交互行为。
903、若第一图层上注册有与交互行为对应的响应事件,则执行响应事件。
904、若应用程序的第二界面的加载状态符合设定条件,则展示第二界面,隐藏第一图层。
905、将交互行为分发至第二界面,以使第二界面响应交互行为。
本实施例中的上述交互行为也可以是用户对第一图层中包含的交互元素触发的行为(如对按钮触发的点击行为,对选框触发的选择行为),还可以是对第二图层本身触发的交互行为(比如滑动第一图层),等等。
与前述实施例对交互行为的处理策略不同的是,本实施例中对用户在第一图层上触发的交互行为的处理策略是:直接在第一图层上注册交互行为及其对应的响应事件,从而,在第一图层上直接对用户的交互行为进行响应,从而提高响应实时性。
在一可选实施例中,在第一图层上触发的交互行为可以是在第一图层中交互元素所对应的位置区域上触发的点击行为。从而,若该位置区域上注册有与该点击行为对应的响应事件,则可以直接执行该响应事件。另外,在第二界面加载成功后,也可以将该点击行为及该位置区域分发至第二界面,以使第二界面响应针对上述交互元素的点击行为。其实就是将该点击行为及其发生的位置区域告知应用程序,应用程序据此确定出被点击的交互元素,执行该交互元素被点击的响应逻辑,该响应逻辑的执行结果可能是更新了第二界面中某些元素的状态,也可能是切换至展示其他界面。
比如,如图10所示,假设第一图层中包括按钮y,在可以在包围按钮y的最小矩形区域内注册该按钮y对应的交互行为和响应事件。该交互行为可以是点击行为,响应事件可以是该按钮y被点击后应该显示的界面的标识。
从而,如图10所示,当用户在该矩形区域内触发点击行为时,执行该点击行为对应的响应事件。
可以理解的是,当第二界面加载完成而需要被展示时,可选地,应用程序也可以直接将需要显示的界面切换至与用户对第一图层触发交互行为的响应结果保持一致。
在另一可选实施例中,在第一图层上触发的交互行为可以是对第一图层触发的滑动行为,此时,第一图层位于滚动框内,第一图层的高度大于屏幕高度。实际上,可以在第一图层上注册该滑动行为及其对应的响应事件。从而,响应于第一图层上触发的该滑动行为,可以根据滑动行为对应的滑动位移滑动第一图层。另外,在第二界面加载成功后,可以将该滑动位移分发至第二界面,以使第二界面根据该滑动位移滑动。
结合图11来示意性地说明该实施例中用户对第一图层的滑动操作过程。为支持用户的滑动操作,在悬浮显示第一图层时,如果第一图层的高度大于屏幕高度,则将第一图层置于滚动框中,如图11中示意的是可以进行纵向方向滑动的滚动框。
假设在第一图层显示后,用户对第一图层触发了图11中示意的向上滑动的滑动行为,此时,由于第一图层置于滚动框内,因此可以马上响应用户的滑动行为,将第一图层向上移动。假设初始展示第一图层时,第一图层中包含的界面元素包括界面元素a、界面元素b、界面元素c、界面元素d、界面元素e、界面元素f。向上滑动第一图层后,假设当前第一图层的显示状态为:界面元素a移出屏幕区域,界面元素g新移入屏幕区域。
由于在第一图层展示期间,应用程序的第二界面也处于被加载的过程中,若应用程序的第二界面的加载状态符合设定条件,则可以展示第二界面,并隐藏第一图层。在隐藏第一图层时,可以将用户对第一图层的滑动结果作用于应用程序的第二界面,具体地,可以根据用户的滑动行为对应的滑动位移滑动第二界面,如图11中所示。
图12为本发明实施例提供的再一种界面展示方法的流程图,如图12所示,可以包括如下步骤:
1201、若应用程序的第一界面已成功加载,则获取第一界面对应的第一图层。
1202、在第一图层上注册交互行为。
1203、存储注册有交互行为的第一图层。
本实施例中,上述第一界面可以是响应于任意一次用户开启应用程序的操作,成功加载出的应用程序的某界面,该第一界面比如可以是应用程序的首页界面或上次退出界面。
在第一图层上注册交互行为的过程可以参考前述实施例中的说明,在此不赘述。
其中,注册有交互行为的第一图层的作用在于:在后续用户再次开启该应用程序时,可以马上展示该第一图层,与此同时,进行本次应该加载的应用程序的第二界面的加载,该第二界面比如也可以是应用程序的首页界面或上次退出界面。
具体地,基于注册有交互行为的第一图层的存储结果,实际应用中,响应于应用程序的加载操作,可以马上展示该第一图层;进而,获取用户在第一图层上发生的交互行为;若应用程序的第二界面的加载状态符合设定条件,则展示第二界面,隐藏所述第一图层,并将获取到的交互行为分发至第二界面,以使第二界面响应该交互行为。
在一可选实施例中,在获得第一图层后,可以设置第一图层的生命周期,比如一天。基于此,响应于应用程序的加载操作,若第一图层在生命周期内,则展示第一图层。
可以理解的是,当设置第一图层具有一定的生命周期时,为了避免当第一图层达到生命周期后,后续再次加载应用程序时没有有效的图层可用,可以采用如下方式解决:假设在当前某次加载应用程序的过程中发现第一图层已经临近达到生命周期,则在本次成功加载出应用程序的第二界面时,截图第二界面以得到第二图层,后续使用该第二图层替代第一图层即可。另外,如果自第一图层生成开始,在其生命周期内用户都未再使用过该应用程序,针对该情况,可以延长第一图层的生命周期至下一次成功加载出该应用程序的第二界面,此时,截图第二界面以得到第二图层,后续使用该第二图层替代第一图层即可。
本实施例中未详细展开介绍的内容可以参考前述其他相关实施例中的说明,在此不赘述。
以下将详细描述本发明的一个或多个实施例的界面展示装置。本领域技术人员可以理解,这些界面展示装置均可使用市售的硬件组件通过本方案所教导的步骤进行配置来构成。
图13为本发明实施例提供的一种界面展示装置的结构示意图,如图13所示,该装置包括:显示模块11、处理模块12。
显示模块11,用于响应于应用程序的加载操作,展示第一图层,所述第一图层对应于此前成功加载的所述应用程序的第一界面;以及若所述应用程序的第二界面的加载状态符合设定条件,则展示所述第二界面,隐藏所述第一图层。
处理模块12,用于确定所述应用程序的第二界面的加载状态是否符合所述设定条件,以及获取在所述第一图层上发生的交互行为,将所述交互行为分发至所述第二界面,以使所述第二界面响应所述交互行为。
其中,可选地,所述第一界面和所述第二界面均为所述应用程序的首页界面。
可选地,所述显示模块11具体用于:悬浮展示所述第一图层。
可选地,所述设定条件包括:在所述第一图层显示后的设定时长内,所述第二界面加载成功。
可选地,所述设定条件包括:所述第一图层的显示时长已经达到设定时长,所述第二界面仍未加载成功。
可选地,所述处理模块12具体用于:若所述第二界面中已经渲染出的界面元素占所述第二界面中包含的全部界面元素的比例达到第一设定阈值,则确定所述第二界面加载成功。
可选地,所述处理模块12还用于:若所述第二界面加载成功,则获取所述第二界面对应的第二图层,所述第二图层被用于下一次加载所述应用程序时。
可选地,所述处理模块12还可以用于:在所述第二图层上注册交互行为。
可选地,所述处理模块12还可以用于:若所述第一图层中包含的界面元素多于所述第二图层中包含的界面元素,则确定下一次启动所述应用程序时对成功加载出的界面的截图时机为所述比例达到第二设定阈值时,所述第二设定阈值小于所述第一设定阈值;若所述第一图层中包含的界面元素少于所述第二图层中包含的界面元素,则确定下一次启动所述应用程序时对成功加载出的界面的截图时机为所述比例达到第三设定阈值时,所述第三设定阈值大于所述第一设定阈值。
可选地,所述处理模块12还可以用于:对比所述第一界面对应的第一文档对象模型结构与所述第二界面对应的第二文档对象模型结构;若所述第一文档对象模型结构中包含的界面元素多于所述第二文档对象模型结构中包含的界面元素,则确定下一次启动所述应用程序时对成功加载出的界面的截图时机为所述比例达到第二设定阈值时,所述第二设定阈值小于所述第一设定阈值;若所述第一文档对象模型结构中包含的界面元素少于所述第二文档对象模型结构中包含的界面元素,则确定下一次启动所述应用程序时对成功加载出的界面的截图时机为所述比例达到第三设定阈值时,所述第三设定阈值大于所述第一设定阈值
其中,所述第一界面对应的第一文档对象模型结构与生成所述第一图层时所述第一界面中包含的界面元素对应,所述第二界面对应的第二文档对象模型结构与生成所述第二图层时所述第二界面中包含的界面元素对应。
可选地,对所述第二界面进行截图处理以获得第二图层的过程中,所述处理模块12具体可以用于:若所述第二界面的高度小于或等于屏幕高度,则对展示有所述第二界面的屏幕进行截屏处理,所述第二图层的高度等于所述屏幕高度;若所述第二界面的高度大于屏幕高度,则自所述第二界面的顶部开始对所述第二界面进行截图处理,使得所述第二图层的高度至少大于所述屏幕高度。
可选地,所述处理模块12还可以用于:在所述第一图层上注册交互行为;存储注册有所述交互行为的第一图层。
其中,可选地,在所述第一图层上注册交互行为的过程中,所述处理模块12具体可以用于:根据所述第一界面中包含的交互元素,在所述第一图层中与所述交互元素对应的位置区域上注册用于与所述交互元素交互的交互行为。
其中,可选地,在所述第一图层上注册交互行为的过程中,所述处理模块12具体可以用于:根据所述第一界面中包含的交互元素,在所述第一图层中与所述交互元素对应的位置区域上注册用于与所述交互元素交互的交互行为及响应事件。
其中,可选地,在所述第一图层上注册交互行为的过程中,所述处理模块12具体可以用于:若所述第一界面的高度大于屏幕高度,则根据所述第一界面的高度,在所述第一图层上注册用于滑动所述第一图层的滑动行为及对应的响应事件。
基于在第一图层上注册的交互行为,可选地,所述处理模块12还可以用于:获取在所述第一图层上发生的交互行为之后,控制显示模块11在所述第一图层上显示提示信息,所述提示信息用于提示所述交互行为不能被实时响应,以及响应于所述第一图层的隐藏,控制显示模块11隐藏所述提示信息。
基于在第一图层上注册的交互行为,可选地,所述处理模块12还可以用于:若所述第一图层上注册有与所述交互行为对应的响应事件,则执行所述响应事件。
其中,可选地,所述第一图层位于滚动框内,所述第一图层的高度大于屏幕高度,所述交互行为是对所述第一图层触发的滑动行为。此时,处理模块12可以用于:若所述第一图层上注册有与所述滑动行为对应的响应事件,则根据所述滑动行为对应的滑动位移滑动所述第一图层;将所述滑动位移分发至所述第二界面,以使所述第二界面根据所述滑动位移滑动。
其中,可选地,所述交互行为是在所述第一图层中交互元素所对应的位置区域上触发的点击行为。此时,处理模块12可以用于:若所述位置区域上注册有与所述点击行为对应的响应事件,则执行所述响应事件;将所述点击行为及所述位置区域分发至所述第二界面,以使所述第二界面响应针对所述交互元素的点击行为。
图13所示装置可以执行前述实施例中涉及的各步骤,详细的执行过程和技术效果参见前述实施例中的描述,在此不再赘述。
在一个可能的设计中,上述图13所示界面展示装置的结构可实现为一电子设备,如图14所示,该电子设备可以包括:第一处理器21、第一存储器22。其中,所述第一存储器22上存储有可执行代码,当所述可执行代码被所述第一处理器21执行时,使所述第一处理器21至少可以实现如下步骤:
响应于应用程序的加载操作,展示第一图层,所述第一图层对应于此前成功加载的所述应用程序的第一界面;
获取在所述第一图层上发生的交互行为;
若所述应用程序的第二界面的加载状态符合设定条件,则展示所述第二界面,隐藏所述第一图层;
将所述交互行为分发至所述第二界面,以使所述第二界面响应所述交互行为。
可选地,该电子设备中还可以包括第一通信接口23和第一显示屏24,用于与其他设备进行通信。
另外,本发明实施例提供了一种非暂时性机器可读存储介质,所述非暂时性机器可读存储介质上存储有可执行代码,当所述可执行代码被电子设备的处理器执行时,使所述处理器至少可以实现如下步骤:
响应于应用程序的加载操作,展示第一图层,所述第一图层对应于此前成功加载的所述应用程序的第一界面;
获取在所述第一图层上发生的交互行为;
若所述应用程序的第二界面的加载状态符合设定条件,则展示所述第二界面,隐藏所述第一图层;
将所述交互行为分发至所述第二界面,以使所述第二界面响应所述交互行为。
图15为本发明实施例提供的另一种界面展示装置的结构示意图,如图15所示,该装置包括:显示模块31、处理模块32。
显示模块31,用于响应于应用程序的加载操作,展示第一图层,所述第一图层对应于此前成功加载的所述应用程序的第一界面;以及若所述应用程序的第二界面的加载状态符合设定条件,则展示所述第二界面,隐藏所述第一图层。
处理模块32,用于确定所述应用程序的第二界面的加载状态是否符合所述设定条件。
在一个可能的设计中,上述图15所示界面展示装置的结构可实现为一电子设备,如图16所示,该电子设备可以包括:第二处理器41、第二存储器42。其中,所述第二存储器42上存储有可执行代码,当所述可执行代码被所述第二处理器41执行时,使所述第二处理器41至少可以实现如下步骤:
响应于应用程序的加载操作,展示第一图层,所述第一图层对应于此前成功加载的所述应用程序的第一界面;
若所述应用程序的第二界面的加载状态符合设定条件,则展示所述第二界面,隐藏所述第一图层。
可选地,该电子设备中还可以包括第二通信接口43和第二显示屏44,用于与其他设备进行通信。
另外,本发明实施例提供了一种非暂时性机器可读存储介质,所述非暂时性机器可读存储介质上存储有可执行代码,当所述可执行代码被电子设备的处理器执行时,使所述处理器至少可以实现如下步骤:
响应于应用程序的加载操作,展示第一图层,所述第一图层对应于此前成功加载的所述应用程序的第一界面;
若所述应用程序的第二界面的加载状态符合设定条件,则展示所述第二界面,隐藏所述第一图层。
图17为本发明实施例提供的另一种界面展示装置的结构示意图,如图17所示,该装置包括:截图模块51、注册模块52、存储模块53。
截图模块51,用于若应用程序的第一界面已成功加载,则获取所述第一界面对应的第一图层。
注册模块52,用于在所述第一图层上注册交互行为。
存储模块53,用于存储注册有所述交互行为的第一图层。
可选地,所述装置还可以包括:显示模块,确定模块,交互模块。
其中,显示模块,用于响应于所述应用程序的加载操作,展示所述第一图层,以及,若所述应用程序的第二界面的加载状态符合设定条件,则展示所述第二界面,隐藏所述第一图层。
确定模块,用于确定所述应用程序的第二界面的加载状态是否符合设定条件。
交互模块,用于获取在所述第一图层上发生的交互行为,在第一图层隐藏后,将所述交互行为分发至所述第二界面,以使所述第二界面响应所述交互行为。
可选地,存储模块53还可以用于:设置所述第一图层的生命周期。基于此,显示模块具体用于:响应于所述应用程序的加载操作,若所述第一图层在所述生命周期内,则展示所述第一图层。
在一个可能的设计中,上述图17所示界面展示装置的结构可实现为一电子设备,如图18所示,该电子设备可以包括:第三处理器61、第三存储器62。其中,所述第三存储器62上存储有可执行代码,当所述可执行代码被所述第三处理器61执行时,使所述第三处理器61至少可以实现如图12所示实施例提供的界面展示方法。
可选地,该电子设备中还可以包括第三通信接口63和第三显示屏64,用于与其他设备进行通信。
另外,本发明实施例提供了一种非暂时性机器可读存储介质,所述非暂时性机器可读存储介质上存储有可执行代码,当所述可执行代码被电子设备的处理器执行时,使所述处理器至少可以实现如图12所示实施例提供的界面展示方法。
以上所描述的装置实施例仅仅是示意性的,其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下,即可以理解并实施。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到各实施方式可借助加必需的通用硬件平台的方式来实现,当然也可以通过硬件和软件结合的方式来实现。基于这样的理解,上述技术方案本质上或者说对现有技术做出贡献的部分可以以计算机产品的形式体现出来,本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本发明实施例提供的界面展示方法可以由某种程序/软件来执行,该程序/软件可以由网络侧提供,前述实施例中提及的电子设备可以将该程序/软件下载到本地的非易失性存储介质中,并在其需要执行前述通信方法时,通过CPU将该程序/软件读取到内存中,进而由CPU执行该程序/软件以实现前述实施例中所提供的界面展示方法,执行过程可以参见前述图1至图12中的示意。
最后应说明的是:以上实施例仅用以说明本发明的技术方案,而非对其限制;尽管参照前述实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。

Claims (37)

1.一种界面展示方法,其特征在于,包括:
响应于应用程序的加载操作,展示第一图层,所述第一图层对应于此前成功加载的所述应用程序的第一界面;
获取在所述第一图层上发生的交互行为;
若所述应用程序的第二界面的加载状态符合设定条件,则展示所述第二界面,隐藏所述第一图层;
将所述交互行为分发至所述第二界面,以使所述第二界面响应所述交互行为。
2.根据权利要求1所述的方法,其特征在于,所述展示第一图层,包括:
悬浮展示所述第一图层。
3.根据权利要求1所述的方法,其特征在于,所述第一界面和所述第二界面均为所述应用程序的首页界面。
4.根据权利要求1所述的方法,其特征在于,所述设定条件包括:
在所述第一图层显示后的设定时长内,所述第二界面加载成功。
5.根据权利要求1所述的方法,其特征在于,所述设定条件包括:
所述第一图层的显示时长已经达到设定时长,所述第二界面仍未加载成功。
6.根据权利要求4所述的方法,其特征在于,所述方法还包括:
若所述第二界面中已经渲染出的界面元素占所述第二界面中包含的全部界面元素的比例达到第一设定阈值,则确定所述第二界面加载成功。
7.根据权利要求1所述的方法,其特征在于,所述获取在所述第一图层上发生的交互行为之后,还包括:
在所述第一图层上显示提示信息,所述提示信息用于提示所述交互行为不能被实时响应;
所述方法还包括:
响应于所述第一图层的隐藏,隐藏所述提示信息。
8.根据权利要求1所述的方法,其特征在于,所述方法还包括:
若所述第一图层上注册有与所述交互行为对应的响应事件,则执行所述响应事件。
9.根据权利要求8所述的方法,其特征在于,所述第一图层位于滚动框内,所述第一图层的高度大于屏幕高度,所述交互行为是对所述第一图层触发的滑动行为;
所述若所述第一图层上注册有与所述交互行为对应的响应事件,则执行所述响应事件,包括:
若所述第一图层上注册有与所述滑动行为对应的响应事件,则根据所述滑动行为对应的滑动位移滑动所述第一图层;
所述将所述交互行为分发至所述第二界面,以使所述第二界面响应所述交互行为,包括:
将所述滑动位移分发至所述第二界面,以使所述第二界面根据所述滑动位移滑动。
10.根据权利要求8所述的方法,其特征在于,所述交互行为是在所述第一图层中交互元素所对应的位置区域上触发的点击行为;
所述若所述第一图层上注册有与所述交互行为对应的响应事件,则执行所述响应事件,包括:
若所述位置区域上注册有与所述点击行为对应的响应事件,则执行所述响应事件;
所述将所述交互行为分发至所述第二界面,以使所述第二界面响应所述交互行为,包括:
将所述点击行为及所述位置区域分发至所述第二界面,以使所述第二界面响应针对所述交互元素的点击行为。
11.根据权利要求1所述的方法,其特征在于,所述展示第一图层之前,所述方法还包括:
在所述第一图层上注册交互行为;
存储注册有所述交互行为的第一图层。
12.根据权利要求11所述的方法,其特征在于,所述在所述第一图层上注册交互行为,包括:
根据所述第一界面中包含的交互元素,在所述第一图层中与所述交互元素对应的位置区域上注册用于与所述交互元素交互的交互行为。
13.根据权利要求11所述的方法,其特征在于,所述在所述第一图层上注册交互行为,包括:
根据所述第一界面中包含的交互元素,在所述第一图层中与所述交互元素对应的位置区域上注册用于与所述交互元素交互的交互行为及响应事件。
14.根据权利要求11所述的方法,其特征在于,所述在所述第一图层上注册交互行为,包括:
若所述第一界面的高度大于屏幕高度,则根据所述第一界面的高度,在所述第一图层上注册用于滑动所述第一图层的滑动行为及对应的响应事件。
15.根据权利要求4所述的方法,其特征在于,所述方法还包括:
若所述第二界面加载成功,则获取所述第二界面对应的第二图层,所述第二图层被用于下一次加载所述应用程序时。
16.根据权利要求15所述的方法,其特征在于,所述方法还包括:
若所述第一图层中包含的界面元素多于所述第二图层中包含的界面元素,则确定下一次加载所述应用程序时对成功加载出的界面的截图时机为所述比例达到第二设定阈值时,所述第二设定阈值小于所述第一设定阈值;
若所述第一图层中包含的界面元素少于所述第二图层中包含的界面元素,则确定下一次加载所述应用程序时对成功加载出的界面的截图时机为所述比例达到第三设定阈值时,所述第三设定阈值大于所述第一设定阈值。
17.根据权利要求15所述的方法,其特征在于,所述方法还包括:
对比所述第一界面对应的第一文档对象模型结构与所述第二界面对应的第二文档对象模型结构;
若所述第一文档对象模型结构中包含的界面元素多于所述第二文档对象模型结构中包含的界面元素,则确定下一次启动所述应用程序时对成功加载出的界面的截图时机为所述比例达到第二设定阈值时,所述第二设定阈值小于所述第一设定阈值;
若所述第一文档对象模型结构中包含的界面元素少于所述第二文档对象模型结构中包含的界面元素,则确定下一次启动所述应用程序时对成功加载出的界面的截图时机为所述比例达到第三设定阈值时,所述第三设定阈值大于所述第一设定阈值;
其中,所述第一界面对应的第一文档对象模型结构与生成所述第一图层时所述第一界面中包含的界面元素对应,所述第二界面对应的第二文档对象模型结构与生成所述第二图层时所述第二界面中包含的界面元素对应。
18.根据权利要求15所述的方法,其特征在于,所述对所述第二界面进行截图处理以获得第二图层,包括:
若所述第二界面的高度小于或等于屏幕高度,则对展示有所述第二界面的屏幕进行截屏处理,所述第二图层的高度等于所述屏幕高度;
若所述第二界面的高度大于屏幕高度,则自所述第二界面的顶部开始对所述第二界面进行截图处理,使得所述第二图层的高度至少大于所述屏幕高度。
19.根据权利要求15所述的方法,其特征在于,所述方法还包括:
在所述第二图层上注册交互行为。
20.一种界面展示方法,其特征在于,包括:
响应于应用程序的加载操作,展示第一图层,所述第一图层对应于此前成功加载的所述应用程序的第一界面;
若所述应用程序的第二界面的加载状态符合设定条件,则展示所述第二界面,隐藏所述第一图层。
21.一种界面展示装置,其特征在于,包括:
显示模块,用于响应于应用程序的加载操作,展示第一图层,所述第一图层对应于此前成功加载的所述应用程序的第一界面;以及若所述应用程序的第二界面的加载状态符合设定条件,则展示所述第二界面,隐藏所述第一图层;
处理模块,用于确定所述应用程序的第二界面的加载状态是否符合所述设定条件,以及获取在所述第一图层上发生的交互行为,将所述交互行为分发至所述第二界面,以使所述第二界面响应所述交互行为。
22.根据权利要求21所述的装置,其特征在于,所述设定条件包括:
在所述第一图层显示后的设定时长内,所述第二界面加载成功。
23.根据权利要求21所述的装置,其特征在于,所述处理模块还用于:
若所述第一图层上注册有与所述交互行为对应的响应事件,则执行所述响应事件。
24.根据权利要求21述的装置,其特征在于,所述处理模块还用于:
在所述第一图层上注册交互行为。
25.根据权利要求21述的装置,其特征在于,所述处理模块还用于:
若所述第二界面加载成功,则对所述第二界面进行截图处理以获得第二图层,所述第二图层被用于下一次加载所述应用程序时。
26.根据权利要求25所述的装置,其特征在于,所述处理模块还用于:
若所述第一图层中包含的界面元素多于所述第二图层中包含的界面元素,则确定下一次加载所述应用程序时对成功加载出的界面的截图时机为所述比例达到第二设定阈值时,所述第二设定阈值小于所述第一设定阈值;
若所述第一图层中包含的界面元素少于所述第二图层中包含的界面元素,则确定下一次加载所述应用程序时对成功加载出的界面的截图时机为所述比例达到第三设定阈值时,所述第三设定阈值大于所述第一设定阈值。
27.根据权利要求25所述的装置,其特征在于,在对所述第二界面进行截图处理的过程中,所述处理模块具体用于:
若所述第二界面的高度小于或等于屏幕高度,则对展示有所述第二界面的屏幕进行截屏处理,所述第二图层的高度等于所述屏幕高度;
若所述第二界面的高度大于屏幕高度,则自所述第二界面的顶部开始对所述第二界面进行截图处理,使得所述第二图层的高度至少大于所述屏幕高度。
28.根据权利要求25述的装置,其特征在于,所述处理模块还用于:
在所述第二图层上注册交互行为。
29.一种电子设备,其特征在于,包括:存储器、处理器;其中,所述存储器上存储有可执行代码,当所述可执行代码被所述处理器执行时,使所述处理器执行如权利要求1至19中任一项所述的界面展示方法。
30.一种界面展示装置,其特征在于,包括:
显示模块,用于响应于应用程序的加载操作,展示第一图层,所述第一图层对应于此前成功加载的所述应用程序的第一界面;以及若所述应用程序的第二界面的加载状态符合设定条件,则展示所述第二界面,隐藏所述第一图层;
处理模块,用于确定所述应用程序的第二界面的加载状态是否符合所述设定条件。
31.一种电子设备,其特征在于,包括:存储器、处理器;其中,所述存储器上存储有可执行代码,当所述可执行代码被所述处理器执行时,使所述处理器执行如权利要求20所述的界面展示方法。
32.一种界面展示方法,其特征在于,包括:
若应用程序的第一界面已成功加载,则获取所述第一界面对应的第一图层;
在所述第一图层上注册交互行为;
存储注册有所述交互行为的第一图层。
33.根据权利要求32所述的方法,其特征在于,所述方法还包括:
响应于所述应用程序的加载操作,展示所述第一图层;
获取在所述第一图层上发生的交互行为;
若所述应用程序的第二界面的加载状态符合设定条件,则展示所述第二界面,隐藏所述第一图层;
将所述交互行为分发至所述第二界面,以使所述第二界面响应所述交互行为。
34.根据权利要求33所述的方法,其特征在于,所述方法还包括:
设置所述第一图层的生命周期。
35.根据权利要求34所述的方法,其特征在于,所述响应于所述应用程序的加载操作,展示所述第一图层,包括:
响应于所述应用程序的加载操作,若所述第一图层在所述生命周期内,则展示所述第一图层。
36.一种界面展示装置,其特征在于,包括:
截图模块,用于若应用程序的第一界面已成功加载,则获取所述第一界面对应的第一图层;
注册模块,用于在所述第一图层上注册交互行为;
存储模块,用于存储注册有所述交互行为的第一图层。
37.一种电子设备,其特征在于,包括:存储器、处理器;其中,所述存储器上存储有可执行代码,当所述可执行代码被所述处理器执行时,使所述处理器执行如权利要求32至35中任一项所述的界面展示方法。
CN201910335410.4A 2019-04-24 2019-04-24 界面展示方法、装置和设备 Active CN111857857B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910335410.4A CN111857857B (zh) 2019-04-24 2019-04-24 界面展示方法、装置和设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910335410.4A CN111857857B (zh) 2019-04-24 2019-04-24 界面展示方法、装置和设备

Publications (2)

Publication Number Publication Date
CN111857857A true CN111857857A (zh) 2020-10-30
CN111857857B CN111857857B (zh) 2023-10-20

Family

ID=72952240

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910335410.4A Active CN111857857B (zh) 2019-04-24 2019-04-24 界面展示方法、装置和设备

Country Status (1)

Country Link
CN (1) CN111857857B (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113268286A (zh) * 2021-06-09 2021-08-17 深圳市火乐科技发展有限公司 一种应用启动方法、装置、投影设备及存储介质

Citations (16)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103164121A (zh) * 2011-12-19 2013-06-19 腾讯科技(深圳)有限公司 一种终端软件界面展示的方法和装置
CN103324755A (zh) * 2013-07-09 2013-09-25 百度在线网络技术(北京)有限公司 应用程序的展现方法、系统及装置
CN103870098A (zh) * 2012-12-13 2014-06-18 腾讯科技(深圳)有限公司 界面显示的控制方法、装置及移动终端
CN105100645A (zh) * 2015-07-24 2015-11-25 海信集团有限公司 一种终端切换节目的方法及终端
CN105843646A (zh) * 2016-03-25 2016-08-10 百度在线网络技术(北京)有限公司 启动应用的方法、装置和电子设备
CN105975319A (zh) * 2016-05-26 2016-09-28 天脉聚源(北京)传媒科技有限公司 一种加载应用程序的方法及装置
CN106155480A (zh) * 2016-06-27 2016-11-23 维沃移动通信有限公司 一种应用程序的界面显示方法及移动终端
CN106445329A (zh) * 2016-08-31 2017-02-22 浙江科澜信息技术有限公司 一种动态平衡场景加载层级的截图方法
CN107590228A (zh) * 2017-09-06 2018-01-16 维沃移动通信有限公司 一种页面内容处理方法及移动终端
CN107741869A (zh) * 2017-11-20 2018-02-27 青岛海信移动通信技术股份有限公司 应用程序的启动方法、装置、及终端设备
CN107748686A (zh) * 2017-11-30 2018-03-02 广东欧珀移动通信有限公司 应用程序的启动优化方法、装置、存储介质及智能终端
CN107959870A (zh) * 2017-12-29 2018-04-24 深圳Tcl数字技术有限公司 智能电视截屏方法、智能手机、智能电视及存储介质
CN108279942A (zh) * 2017-01-05 2018-07-13 阿里巴巴集团控股有限公司 展示智能终端应用启动页的方法及装置
CN108595230A (zh) * 2018-05-15 2018-09-28 Oppo广东移动通信有限公司 应用程序预加载方法、装置、存储介质及终端
CN109195021A (zh) * 2018-07-12 2019-01-11 北京猫眼文化传媒有限公司 截图分享方法和装置
US20190065803A1 (en) * 2016-12-02 2019-02-28 Koupon Media, Inc. Using dynamic occlusion to protect against capturing barcodes for fraudulent use on mobile devices

Patent Citations (16)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103164121A (zh) * 2011-12-19 2013-06-19 腾讯科技(深圳)有限公司 一种终端软件界面展示的方法和装置
CN103870098A (zh) * 2012-12-13 2014-06-18 腾讯科技(深圳)有限公司 界面显示的控制方法、装置及移动终端
CN103324755A (zh) * 2013-07-09 2013-09-25 百度在线网络技术(北京)有限公司 应用程序的展现方法、系统及装置
CN105100645A (zh) * 2015-07-24 2015-11-25 海信集团有限公司 一种终端切换节目的方法及终端
CN105843646A (zh) * 2016-03-25 2016-08-10 百度在线网络技术(北京)有限公司 启动应用的方法、装置和电子设备
CN105975319A (zh) * 2016-05-26 2016-09-28 天脉聚源(北京)传媒科技有限公司 一种加载应用程序的方法及装置
CN106155480A (zh) * 2016-06-27 2016-11-23 维沃移动通信有限公司 一种应用程序的界面显示方法及移动终端
CN106445329A (zh) * 2016-08-31 2017-02-22 浙江科澜信息技术有限公司 一种动态平衡场景加载层级的截图方法
US20190065803A1 (en) * 2016-12-02 2019-02-28 Koupon Media, Inc. Using dynamic occlusion to protect against capturing barcodes for fraudulent use on mobile devices
CN108279942A (zh) * 2017-01-05 2018-07-13 阿里巴巴集团控股有限公司 展示智能终端应用启动页的方法及装置
CN107590228A (zh) * 2017-09-06 2018-01-16 维沃移动通信有限公司 一种页面内容处理方法及移动终端
CN107741869A (zh) * 2017-11-20 2018-02-27 青岛海信移动通信技术股份有限公司 应用程序的启动方法、装置、及终端设备
CN107748686A (zh) * 2017-11-30 2018-03-02 广东欧珀移动通信有限公司 应用程序的启动优化方法、装置、存储介质及智能终端
CN107959870A (zh) * 2017-12-29 2018-04-24 深圳Tcl数字技术有限公司 智能电视截屏方法、智能手机、智能电视及存储介质
CN108595230A (zh) * 2018-05-15 2018-09-28 Oppo广东移动通信有限公司 应用程序预加载方法、装置、存储介质及终端
CN109195021A (zh) * 2018-07-12 2019-01-11 北京猫眼文化传媒有限公司 截图分享方法和装置

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113268286A (zh) * 2021-06-09 2021-08-17 深圳市火乐科技发展有限公司 一种应用启动方法、装置、投影设备及存储介质

Also Published As

Publication number Publication date
CN111857857B (zh) 2023-10-20

Similar Documents

Publication Publication Date Title
CN109164964B (zh) 内容分享方法、装置、终端及存储介质
CN110297996B (zh) 基于h5页面的动画显示方法、装置、设备及存储介质
US9294606B2 (en) Method for realizing downloading of mobile terminal application program and mobile terminal
EP2763034B1 (en) Method and device for image-capturing application screen for use in mobile terminal
US20160188363A1 (en) Method, apparatus, and device for managing tasks in multi-task interface
US20170134561A1 (en) Display controlling method, terminal, information processing apparatus, and storage medium
JP2011128204A (ja) 広告配信装置、方法及びプログラム
CN108282683B (zh) 一种视频界面显示方法及装置
CN105144058A (zh) 延迟放置提示
CN112774192A (zh) 游戏场景跳转方法、装置、电子设备及存储介质
CN111857857B (zh) 界面展示方法、装置和设备
JP2013232225A (ja) コンテンツ配信装置、コンテンツ配信方法、コンテンツ配信プログラム及び端末用プログラム
JP6339550B2 (ja) 端末用プログラム、端末装置及び端末制御方法
US10114518B2 (en) Information processing system, information processing device, and screen display method
KR101479350B1 (ko) 터치 Flicking을 이용한 페이지 이동 방법 및 시스템
CN112463258B (zh) 开屏过渡显示方法、终端及计算机存储介质
CN109726027B (zh) 消息查看方法、装置及电子设备
CN107277602B (zh) 信息获取方法及电子设备
CN112948730A (zh) 网页数据的显示方法、装置、存储介质和电子设备
CN107678737B (zh) 业务处理方法、装置及自助终端设备
CN115461715A (zh) 消息展示方法、移动终端以及计算机可读存储介质
CN112540761A (zh) 控件的显示控制方法和装置
CN111782113B (zh) 显示方法、装置和计算机可读存储介质
JP6559280B2 (ja) 端末用プログラム、端末装置及び端末制御方法
CN110297681B (zh) 图像处理方法、装置、终端及存储介质

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