CN114048412B - 一种页面引导方法、装置、电子设备及计算机可读介质 - Google Patents
一种页面引导方法、装置、电子设备及计算机可读介质 Download PDFInfo
- Publication number
- CN114048412B CN114048412B CN202111182965.3A CN202111182965A CN114048412B CN 114048412 B CN114048412 B CN 114048412B CN 202111182965 A CN202111182965 A CN 202111182965A CN 114048412 B CN114048412 B CN 114048412B
- Authority
- CN
- China
- Prior art keywords
- page
- animation
- popup
- guide
- executing
- 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.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 46
- 238000012544 monitoring process Methods 0.000 claims abstract description 27
- 238000005096 rolling process Methods 0.000 claims description 13
- 230000008569 process Effects 0.000 claims description 12
- 238000004321 preservation Methods 0.000 claims description 10
- 238000004590 computer program Methods 0.000 claims description 3
- 230000001360 synchronised effect Effects 0.000 claims description 3
- 230000002596 correlated effect Effects 0.000 claims description 2
- 230000003993 interaction Effects 0.000 description 9
- 230000000694 effects Effects 0.000 description 8
- 230000002452 interceptive effect Effects 0.000 description 8
- 230000000875 corresponding effect Effects 0.000 description 6
- 230000006870 function Effects 0.000 description 5
- 238000005516 engineering process Methods 0.000 description 3
- 238000010586 diagram Methods 0.000 description 2
- 230000002776 aggregation Effects 0.000 description 1
- 238000004220 aggregation Methods 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Processing Or Creating Images (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种页面引导方法、装置、电子设备及计算机可读介质,该方法包括如下步骤:当接收到针对待展示页面的展示指令,获取待展示页面的页面数据进行展示,并获取所述待展示页面中的引导动画信息;在所述引导动画执行前,对弹窗任务进行监听,当弹窗任务执行完毕,进入下一步骤;执行所述引导动画。
Description
技术领域
本发明涉及互联网技术领域,特别是涉及一种页面引导方法、装置、电子设备及计算机可读介质。
背景技术
Feed流由于其表现新闻类信息的方式丰富而又不失灵活,因此受到互联网内容提供商的青睐,大量提供新闻资讯、垂类聚合的移动客户端都设计了提供海量无限信息的Feed流应用。
随着Feed流应用的推广,目前,很多的App(Application,应用程序)都具有列表或流式布局的界面,但是这样的页面除了首屏外,后面多个页面数据的曝光量相对来说都会少很多。因此,用户迫切需要一种引导动画,以更加友好的方式,明确告知用户当前页面的交互方式,以便于用户阅读更多的信息,而对于产品而言,也可以增加除首屏外,其他页数据的曝光量。
另一方面,现有技术在App启动后,常常会有一些功能弹窗或页面切换,这些会导致用户无法完整看到当前页面的交互动画,而如果此时当前页面有刷新动画的话,会导致用户看到的引导动画的效果不佳;并且若页面因网络问题无法正常加载,展示引导动画会导致用户产生疑惑。
发明内容
为克服上述现有技术存在的不足,本发明之一目的在于提供一种页面引导方法、装置、电子设备及计算机可读介质,通过对启动弹窗队列和页面数据的监听,避免弹窗任务与引导动画的同时执行,保证了引导动画的完整显示,避免重要信息的丢失,极大地提高了用户体验。
本发明之另一目的在于提供一种页面引导方法、装置、电子设备及计算机可读介质,通过将引导动画和页面联动,使用户能直观并快速地理解页面的交互方式,从而降低了用户的理解成本,并进一步提高了用户的体验。
为达上述目的,本发明提供一种页面引导方法,包括如下步骤:
当接收到针对待展示页面的展示指令,获取待展示页面的页面数据进行展示,并获取所述待展示页面中的引导动画信息;
在所述引导动画执行前,对弹窗任务进行监听,当弹窗任务执行完毕,进入下一步骤;
执行所述引导动画。
优选地,所述在所述引导动画执行前,对弹窗任务进行监听,当弹窗任务执行完毕,进入下一步骤的步骤进一步包括:
将弹窗任务按优先级添加到一弹窗队列中;
依序执行弹窗队列中的任务,直到弹窗队列为空;
当所述待展示页面的当前页面已实现展示并获取完页面数据,且其当前页面的下一页页面数据为有效数据,进入所述执行所述引导动画的步骤。
优选地,在所述当所述待展示页面的当前页面已实现展示并获取完页面数据,且其当前页面的下一页页面数据为有效数据,则进入执行所述引导动画的步骤中,还进一步判断用户当前滑动页面的距离是否超过设定的阈值,当用户当前滑动页面的距离不超过设定的阈值,才进入执行所述引导动画的步骤。
优选地,在执行所述引导动画步骤之前,还包括如下步骤:
确定所述引导动画的优先级,根据所述引导动画与其他非弹窗任务的优先级顺序确定进入执行所述引导动画的步骤。
优选地,在对弹窗任务进行监听之前,还包括如下步骤:
获取本地保存的所述引导动画的本地保存标记,根据所述本地保存标记判断所述引导动画执行过的次数,若已经执行过或者执行次数达到阈值,则跳过后续步骤,若否,则进入对弹窗任务进行监听的步骤。
优选地,所述执行所述引导动画的步骤进一步包括:
于当前页面创建执行所述引导动画的视图;
对所述视图执行淡入动画;
在引导的视图上设置指示器,对其设置移动并关联移动所述引导动画,实时监听指示器的移动距离,将指示器的移动距离转化为页面滚动距离,从而使当前页面滚动所述页面滚动距离;
当引导动画执行完毕,对所述视图执行淡出动画。
优选地,通过物理仿真器对所述指示器移动的距离进行加权得到所述页面滚动距离。
优选地,在执行引导动画过程中,当监测到用户的触摸中断请求,则中断执行动画,执行用户的触摸操作。
为达到上述目的,本发明还提供一种页面引导装置,包括:
页面数据及引导动画获取单元,用于当接收到针对待展示页面的展示指令,获取待展示页面的页面数据进行展示,并获取所述待展示页面中的引导动画信息;
弹窗任务监听处理单元,用于在所述引导动画执行前,对弹窗任务进行监听,当弹窗任务执行完毕,进入引导动画执行单元;
引导动画执行单元,用于执行所述引导动画。
为达到上述目的,本发明还提供一种电子设备,其包括:
一个或多个处理器;
存储器;
一个或多个应用程序,其中所述一个或多个应用程序被存储在所述存储器中并被配置为由所述一个或多个处理器执行,所述一个或多个程序配置用于:执行上述的页面引导方法。
为达到上述目的,本发明还提供一种计算机可读介质,其上存储有计算机程序,该程序被处理器执行时实现上述的页面引导方法。
与现有技术相比,本发明一种页面引导方法、装置、电子设备及计算机可读介质,通过对启动弹窗队列和页面数据的监听,从而避免了弹窗遮挡住引导动画导致用户无法完整看到当前页面交互动画的问题,保证了引导动画的完整显示,避免了一些重要信息的丢失,极大地提高了用户体验;同时本发明通过将引导动画和页面联动,使用户能直观并快速地理解页面的交互方式,从而降低了用户的理解成本,并进一步提高了用户的体验。
附图说明
图1为本发明一种页面引导方法的步骤流程图;
图2为本发明一种页面引导装置的系统结构图;
图3为本发明实施例中页面引导方法的流程图。
具体实施方式
以下通过特定的具体实例并结合附图说明本发明的实施方式,本领域技术人员可由本说明书所揭示的内容轻易地了解本发明的其它优点与功效。本发明亦可通过其它不同的具体实例加以施行或应用,本说明书中的各项细节亦可基于不同观点与应用,在不背离本发明的精神下进行各种修饰与变更。
图1为本发明一种页面引导方法的步骤流程图。如图1所示,本发明一种页面引导方法,包括如下步骤:
步骤S1,当接收到针对待展示页面的展示指令,获取待展示页面的页面数据进行展示,并获取该待展示页面中的引导动画数据。
其中,用户浏览的页面可以为至少两个在内容上具有连续性的页面,展示指令可以是基于页面中的虚拟按钮发起,比如,用户当前正在浏览某个页面,该页面上存在“下一页”的虚拟按钮,当用户点击该虚拟按钮,就是发起了展示待展示页面的展示指令;或者,展示指令也可以是基于页面上的统一资源标识符发起的,比如,用户当前正在浏览某产品列表,当用户点击了某个产品信息时,就发起了展示该条产品信息的页面的展示指令。在本发明中,所述页面数据除可以包括待展示页面的正文信息、待展示页面的下一个连续页面的统一资源标识符外,还包括引导动画数据,所述引导动画数据可以是一般的动画数据,在此不做限制。
具体地说,以用户的终端设备上的某购物平台应用程序(APP)的页面为例,当于该购物平台APP的首页点击某类商品信息(例如空调)时,则发起展示该类商品信息的页面的展示指令,获取该包含各空调列表的待展示页面的页面信息,同时获取该待展示页面中的引导动画数据。
在本发明具体实施例中,所述终端设备可以是手机、平板电脑或个人计算机等,本发明不以此为限。
优选地,于步骤S1之后,还包括如下步骤:
步骤S1-1,获取所述引导动画执行过的次数,若已经执行过或者执行次数达到设定的阈值,则流程结束,跳过本发明执行引导动画的步骤,若否,则进入步骤S2。
在本发明中,当某个页面的引导动画在用户终端设备的应用程序(APP)中执行后,则会于该终端设备的本地添加本次执行动画的记录,即于该终端设备的本地保存有该引导动画的本地保存标记,以记录该引导动画执行的次数,当根据步骤S1获取到当前待展示页面的引导动画信息后,则获取本地保存的该引导动画的本地保存标记,判断该引导动画是否已执行过,或者执行次数是否达到阈值,若是则跳过执行所述引导动画,本发明流程结束,若否,则进入步骤S2。也就是说,在本发明具体实施例中,可根据需求限制引导动画的执行次数,可以限制引导动画只执行一次,当限制引导动画执行一次时,则当根据该引导动画的本地保存标记判断该引导动画已执行过,则跳过所述引导动画,本发明流程结束,否则进入步骤S2;也可以限制引导动画的执行次数为多次,即通过设定的阈值,则当该引导动画的本地保存标记判断该引导动画的执行次数达到该设定的阈值时,则跳过所述引导动画,本发明流程结束,否则进入步骤S2。
步骤S2,在所述引导动画执行前,对所有弹窗任务进行监听,当所有弹窗任务执行完毕,进入步骤S3。
在本发明中,任务是指实现应用程序(APP)某些功能的模块及相关代码,在一个应用程序中会有多种任务,其中弹窗任务则是影响用户与当前页面引导动画交互的主要因素,所述弹窗任务是指应用程序(APP)启动后每一个需要弹窗的功能模块,在本发明中弹窗任务的优先级比引导动画高。为解决弹窗任务对用户与当前页面交互的影响,在本发明具体实施例中,步骤S2进一步包括:
步骤S201,将弹窗任务按优先级添加到一弹窗队列中。
在本发明具体实施例中,首先定义一个弹窗队列,将弹窗任务优先级添加到该弹窗队列中,即所述弹窗队列指包含多个弹窗任务的队列,弹窗任务的优先级分为高级、中级和低级,对于同一级别的弹窗任务,则可按照弹窗任务的创建时间先后进行排序,也就是说,弹窗队列中的出列顺序是按照弹窗任务的优先级别进行排序,高级的弹窗任务排在中级的弹窗任务之前,中级的弹窗任务排在低级的弹窗任务之前,对于同一级别的弹窗任务,则创建时间先的弹窗任务排于创建时间后的弹窗任务前,弹窗任务按照此排列顺序依次出列执行。
步骤S202,依序执行弹窗队列中的任务,直到弹窗队列为空,并发出弹窗队列执行完毕通知。
具体地,依次执行弹窗队列中出列的弹窗任务,并于每一个任务完成后,检查弹窗队列是否为空,若队列不为空,则执行下一个任务,直到所述弹窗队列为空;当最后一个弹窗任务执行完毕后,发出弹窗队列执行完毕的通知,通知接收方队列任务已经完成,当接收方收到该通知,则可准备进入步骤S3以执行引导动画,所述接收方可以是引导动画本身,也可以是事件(或者通知)接受者,本发明不以此为限。
步骤S203,当待展示页面的当前页面已实现展示并获取完页面数据,且其当前页面的下一页页面数据为有效数据,则执行步骤S3。
在本发明中,当前页面是指待展示页面中当前正在展示的页面,待展示页面可以包括两页或两页以上的页面数据,也就是说,若待展示页面的第二页为无效数据,即待展示页面只有当前页展示,此时无需执行引导动画。
在本发明中,待展示页面的展示的实现可以是在弹窗任务的执行之前,也可以是与弹窗任务的执行同时进行,还可以是在弹窗任务的执行之后,本发明不以此为限。
优选地,于步骤S203中,当待展示页面的当前页面已实现展示并获取完页面数据,同时其当前页面的下一页页面数据为有效数据,且用户当前滑动页面的距离不超过设定的阈值,则执行S3。
也就是说,若当前用户滑动页面的距离超过了设定的阈值,则表示已经超出了引导动画的引导范围,则也无需执行引导动画进行引导。
优选地,于步骤S3之前,还包括如下步骤:
步骤S204,确定所述引导动画的优先级,根据所述引导动画与其他非弹窗任务的优先级顺序确定进入执行步骤S3。
在本发明中,在一个应用程序中会有多种任务,弹窗任务只是其中的一种,引导动画的执行需在弹窗任务之后,引导动画与其他非弹窗任务的执行还可以通过优先级来确定。因此当弹窗任务执行完毕后,若在所述引导动画的优先级之前还有其他高优先级的任务,则先执行高优先级的任务,待高优先级的任务执行完毕后,再进入步骤S3。
可见,本发明在执行引导动画之前,启动对弹窗队列和页面数据的监听,避免弹窗队列和引导动画同时执行,从而避免了弹窗遮挡住引导动画导致用户无法完整看到当前页面交互动画的问题,同时也能避免一些重要信息的丢失,提高了用户体验。
步骤S3,执行所述引导动画,并使所述引导动画与当前页面联动。
具体地,步骤S3进一步包括:
步骤S301,于当前页面创建执行所述引导动画的视图(View)。
在本发明中,所述视图(View)是指应用程序(App)界面上显示的某个可视化的元素或多个可见元素的集合,即于应用程序(App)界面上展示的页面上要展示引导动画的位置创建执行所述引导动画的视图(View)。由于应用程序(App)中View组件的创建与使用已是现有成熟技术,在此不予赘述。
步骤S302,对创建的视图执行淡入所述引导动画。
由于通过View执行动画的淡入淡出已是现有应用程序(App)开发的成熟技术,具体的动画淡入淡出的实现在此则不予赘述。
步骤S303,在视图(View)上设置指示器,对其设置上下移动并关联移动所述引导动画,实时监听指示器的移动距离,将指示器的移动距离转化为页面滚动距离,从而使当前页面滚动所述页面滚动距离。当用户操作指示器移动一定距离后,引导动画随之移动,同时页面会实时滚动相应距离,从而实现页面与引导动画同步上下移动的效果。
在本发明具体实施例中,在创建的视图(View)上设置指示器,例如可以为小手样式的图片,并对指示器添加上下移动动画;实时监听指示器的移动距离,并通过物理仿真器对所述指示器移动的距离进行加权,获取加权后的结果;最后根据加权后的结果,让页面滚动对应的距离,以达到与引导动画同步上下移动的效果,本发明中采用的物理仿真器是一种模拟自然世界里物理属性移动的仿真器,例如仿真模拟弹簧的减震过程,物体的掉落等。
可见,本发明通过在展示引导动画的页面视图上设置指示器并对其添加上下移动引导动画的功能,通过实时监听指示器的移动距离,根据该距离的加权结果使当前页面随之滚动相应距离,从而使得页面与引导动画达到同步上下移动的效果,从而将引导动画和页面联动起来,使用户能直观并快速地理解页面的交互方式,降低了用户的理解成本,提高了用户的体验。
步骤S304,引导执行完成,对引导的视图执行淡出动画。
优选地,于步骤S3中,还包括如下步骤:
步骤S300,当执行引导动画时在本地添加本次执行动画的记录,即于本地更新该引导动画的本地保存标记,所述本地保存标记用于记录所述引导动画的执行次数。
优选地,于步骤S3中,还包括如下步骤:
步骤S304,在执行引导动画过程中,当监测到用户的触摸中断请求,则中断执行动画,执行用户的触摸操作。
具体地说,在执行引导动画的过程中,用户有可能在当前应用程序的页面进行操作,例如退出当前页面或停止页面滚动,当用户有任何触摸屏幕的交互操作时,均会产生触摸中断请求,此时则需中断执行引导动画,执行用户的触摸操作,从而保证良好的用户交互体验。
图2为本发明一种页面引导装置的系统结构图。如图2所示,本发明一种页面引导装置,包括:
页面数据及引导动画获取单元201,用于在接收到针对待展示页面的展示指令时,获取待展示页面的页面数据进行展示,并获取该待展示页面中的引导动画数据。
其中,用户浏览的页面可以为至少两个在内容上具有连续性的页面,展示指令可以是基于页面中的虚拟按钮发起,比如,用户当前正在浏览某个页面,该页面上存在“下一页”的虚拟按钮,当用户点击该虚拟按钮,就是发起了展示待展示页面的展示指令;或者,展示指令也可以是基于页面上的统一资源标识符发起的,比如,用户当前正在浏览某产品列表,当用户点击了某个产品信息时,就发起了展示该条产品信息的页面的展示指令。在本发明中,所述页面数据除可以包括待展示页面的正文信息、待展示页面的下一个连续页面的统一资源标识符外,还包括引导动画数据,所述引导动画数据可以是一般的动画数据,在此不做限制。
具体地说,以用户的终端设备上的某购物平台应用程序(APP)的页面为例,当于该购物平台APP的首页点击某类商品信息(例如空调)时,则发起展示该类商品信息的页面的展示指令,获取该包含各空调列表的待展示页面的页面信息,同时获取该待展示页面中的引导动画数据。
在本发明具体实施例中,所述终端设备可以是手机、平板电脑或个人计算机等,本发明不以此为限。
优选地,于页面数据及引导动画获取单元201中,还获取所述引导动画执行过的次数,若已经执行过或者执行次数达到设定的阈值,则跳过所述引导动画,若否,则进入弹窗任务监听处理单元202。
在本发明中,当某个页面的引导动画在用户终端设备的应用程序(APP)中执行后,则会于该终端设备的本地添加本次执行动画的记录,即于该终端设备的本地保存有该引导动画的本地保存标记,以记录该引导动画执行的次数,当根据页面数据及引导动画获取单元201获取到当前待展示页面的引导动画信息后,则获取本地保存的该引导动画的本地保存标记,判断该引导动画是否已执行过,或者执行次数是否达到阈值,若是则跳过所述引导动画,本发明流程结束,若否,则进入弹窗任务监听处理单元202。在本发明具体实施例中,可根据需求限制引导动画的执行次数,可以限制引导动画只执行一次,当限制引导动画执行一次时,则当根据该引导动画的本地保存标记判断该引导动画已执行过,则跳过所述引导动画,本发明流程结束,否则进入弹窗任务监听处理单元202;也可以限制引导动画的执行次数为多次,即通过设定的阈值,则当该引导动画的本地保存标记判断该引导动画的执行次数达到该设定的阈值时,则跳过所述引导动画,本发明流程结束,否则进入弹窗任务监听处理单元202。
弹窗任务监听处理单元202,用于在引导动画执行前,对所有弹窗任务进行监听,当所有弹窗任务执行完毕,进入引导动画执行单元203。
在本发明中,任务是指实现应用程序(APP)某些功能的模块及相关代码,在一个应用程序中会有多种任务,其中弹窗任务是影响用户与当前页面引导动画交互的主要因素,所述弹窗任务是指应用程序(APP)启动后每一个需要弹窗的功能模块,在本发明中其优先级比引导动画高,在本发明具体实施例中,弹窗任务可以是依附于页面,也可以是依附于整个应用程序(A PP),本发明不以此为限。
为解决弹窗任务对用户与当前页面交互的影响,在本发明具体实施例中,弹窗任务监听处理单元202进一步包括:
弹窗队列生成模块,用于将弹窗任务按优先级添加到一弹窗队列中。
在本发明具体实施例中,弹窗队列生成模块首先定义一个弹窗队列,将弹窗任务优先级添加到该弹窗队列中,弹窗任务的优先级分为高级、中级和低级,对于同一级别的弹窗任务,则可按照弹窗任务的创建时间先后进行排序,也就是说,弹窗队列中的出列顺序是按照弹窗任务的优先级别进行排序,高级的弹窗任务排在中级的弹窗任务之前,中级的弹窗任务排在低级的弹窗任务之前,对于同一级别的弹窗任务,则创建时间先的弹窗任务排于创建时间后的弹窗任务前,弹窗任务按照此排列顺序依次出列执行。
弹窗任务执行模块,用于依序执行弹窗队列中的任务,直到弹窗队列为空,并发出弹窗队列执行完毕通知。
具体地,依次执行弹窗队列中出列的弹窗任务,并于每一个任务完成后,检查弹窗队列是否为空,若队列不为空,则执行下一个任务,直到所述弹窗队列为空;当最后一个弹窗任务执行完毕后,发出弹窗队列执行完毕的通知,通知接收方队列任务已经完成,当接收方收到该通知,则可准备进入步骤S3以执行引导动画,所述接收方可以是引导动画本身,也可以是事件(或者通知)接受者。
引导动画执行判断单元,当待展示页面的当前页面已实现展示并获取完页面数据,且其当前页面的下一页页面数据为有效数据,则进入引导动画执行单元203。
在本发明中,若待展示页面的第二页为无效数据,即待展示页面只有当前页展示,此时无需执行引导动画。
在本发明中,待展示页面的展示的实现可以是在弹窗任务的执行之前,也可以是与弹窗任务的执行同时进行,还可以是在弹窗任务的执行之后,本发明不以此为限。
优选地,于引导动画执行判断单元中,当待展示页面的当前页面已实现展示并获取完页面数据,同时其当前页面的下一页页面数据为有效数据,且用户当前滑动页面的距离不超过设定的阈值,则进入引导动画执行单元203。
也就是说,若当前用户滑动页面的距离超过了设定的阈值,则表示已经超出了引导动画的引导范围,则也无需执行引导动画进行引导
优选地,弹窗任务监听处理单元202还包括:
引导动画优先级确定单元,根据所述引导动画与其他非弹窗任务的优先级顺序确定进入引导动画执行单元203。
在本发明中,在一个应用程序中会有多种任务,弹窗任务只是其中的一种,引导动画的执行需在弹窗任务之后,引导动画与其他任务的执行还可以通过优先级来确定。因此当弹窗任务执行完毕后,若在所述引导动画的优先级之前还有其他高优先级的任务,则先执行高优先级的任务,待高优先级的任务执行完毕后,再进入引导动画执行单元203。
引导动画执行单元203,用于执行所述引导动画,并使所述引导动画与当前页面联动。
具体地,引导动画执行单元203进一步包括:
视图创建模块,用于于当前页面创建执行所述引导动画的视图(View)。
在本发明中,所述视图(View)是指应用程序(App)界面上显示的某个可视化的元素或多个可见元素的集合,即于应用程序(App)界面上展示的页面上要展示引导动画的位置创建执行所述引导动画的视图(View)。由于应用程序(App)中View组件的创建与使用已是现有成熟技术,在此不予赘述。
淡入动画执行模块,用于对创建的视图(View)执行淡入所述引导动画。
由于通过View执行动画的淡入淡出已是现有应用程序(App)开发的成熟技术,具体的动画淡入淡出的实现在此则不予赘述。
页面同步滚动控制模块,用于在视图(View)上设置指示器,对其设置上下移动并关联移动所述引导动画,实时监听指示器的移动距离,将指示器的移动距离转化为页面滚动距离,从而让当前滚动所述页面滚动距离。当用户操作指示器移动一定距离后,引导动画随之移动,同时页面会实时滚动相应距离,从而实现页面与引导动画同步上下移动的效果。
在本发明具体实施例中,在视图(View)上设置指示器,例如可以为小手样式的图片,并对指示器添加上下移动动画;实时监听指示器的移动距离,并通过物理仿真器对所述指示器移动的距离进行加权,获取加权后的结果;最后根据加权后的结果,让页面滚动对应的距离,以达到与引导动画同步上下移动的效果。
淡出动画执行模块,用于在引导执行完成后,对引导的视图执行淡出动画。
优选地,引导动画执行单元203还包括:
记录模块,用于当执行引导动画时在本地添加本次执行动画的记录,即于本地更新该引导动画的本地保存标记,所述本地保存标记用于记录所述引导动画的执行次数。
优选地,引导动画执行单元203还包括:
中断处理模块,用于在执行引导动画过程中,当监测到用户的触摸中断请求,则中断执行动画,执行用户的触摸操作。
具体地说,在执行引导动画的过程中,用户有可能在当前应用程序的页面进行操作,例如退出当前页面或停止页面滚动,当用户有任何触摸屏幕的交互操作时,均会产生触摸中断请求,此时则需中断执行引导动画,执行用户的触摸操作,从而保证良好的用户交互体验。
本发明还提供了一种电子设备,其包括:
一个或多个处理器;
存储器;
一个或多个应用程序,其中所述一个或多个应用程序被存储在所述存储器中并被配置为由所述一个或多个处理器执行,所述一个或多个程序配置用于:执行所述页面引导方法。
本发明还提供了一种计算机可读介质,其上存储有计算机程序,该程序被处理器执行时实现所述页面引导方法。
实施例
在本实施例中,如图3所示,一种页面引导方法,其步骤如下:
S1:获取本地保存的记录引导动画执行过次数的本地保存标记,若根据该本地保存标记判断已经执行过或者执行次数达到阈值,则跳过引导动画,否则进入S2。
S2:确定该引导动画的优先级,对在动画执行前的所有弹窗任务进行监听,执行每一个弹窗任务。
本实施例中,S2的具体步骤如下:
S201:定义一个弹窗队列,把弹窗任务按优先级添加到队列中,每一个任务完成后,检查队列是否为空。若队列不为空,则执行下一个任务。按顺序依次执行队列中的任务,直到队列为空。最后一个任务完成后,发出一个的通知,通知接收方队列任务已经完成。通知的接收方收到此通知,则准备进入S3。
S202,当要展示引导动画的页面出现在屏幕上,并且已经获取完数据,且第二页的数据为有效数据,且用户滑动页面的距离不超过设定的阈值,则执行S3。
S3:当弹窗队列为空,包含引导功能的页面正在屏幕上展示,此页面数据获取完成,该页面第二页的数据为有效数据,且用户滑动页面的距离小于阈值,执行引导动画,并使该引导动画与当前页面联动。
在本实施例中,S3的具体步骤如下:
S301:在本地添加本次执行动画的记录,即更新本地保存标记。
S302:创建执行所述引导动画的视图(View),对所述视图(View)执行淡入动画。
S303:在所述视图(View)上放置指示器(例如小手样式的图片),对指示器添加上下移动动画;实时监听指示器的移动距离,并通过物理仿真器对指示器移动的距离进行加权,获取加权后的结果;同时根据加权后的结果,让页面滚动对应的距离,以达到同步上下移动的效果。
S304:引导动画执行完成,则对所述视图(View)执行淡出动画。
S305:如引导过程中,用户有任何触摸屏幕的交互操作,则中断动画,执行用户的触摸操作,以保证良好的用户交互体验。
S4:流程结束。
上述实施例仅例示性说明本发明的原理及其功效,而非用于限制本发明。任何本领域技术人员均可在不违背本发明的精神及范畴下,对上述实施例进行修饰与改变。因此,本发明的权利保护范围,应如权利要求书所列。
Claims (8)
1.一种页面引导方法,包括如下步骤:
当接收到针对待展示页面的展示指令,获取待展示页面的页面数据进行展示,并获取所述待展示页面中的引导动画的信息;
在所述引导动画执行前,对弹窗任务进行监听,当弹窗任务执行完毕,进入下一步骤,包括:
将弹窗任务按优先级添加到一弹窗队列中;
依序执行弹窗队列中的任务,直到弹窗队列为空;
当所述待展示页面的当前页面已实现展示并获取完页面数据,且其当前页面的下一页页面数据为有效数据,进入所述执行所述引导动画的步骤;
执行所述引导动画,并使所述引导动画与当前页面联动,包括:
于当前页面创建执行所述引导动画的视图;
对创建的视图执行淡入所述引导动画;
在引导的视图上设置指示器,对其设置移动并关联移动所述引导动画,实时监听指示器的移动距离,并通过物理仿真器对所述指示器的移动距离进行加权,获取加权后的结果,将所述加权后的结果转化为页面滚动距离,从而使当前页面滚动所述页面滚动距离;
当引导动画执行完毕,对所述视图执行淡出动画。
2.如权利要求1所述的一种页面引导方法,其特征在于,在所述当所述待展示页面的当前页面已实现展示并获取完页面数据,且其当前页面的下一页页面数据为有效数据,则进入执行所述引导动画的步骤中,还进一步判断用户当前滑动页面的距离是否超过设定的阈值,当用户当前滑动页面的距离不超过设定的阈值,才进入执行所述引导动画的步骤。
3.如权利要求1所述的一种页面引导方法,其特征在于,在执行所述引导动画步骤之前,还包括如下步骤:
确定所述引导动画的优先级,根据所述引导动画与其他非弹窗任务的优先级顺序确定进入执行所述引导动画的步骤。
4.如权利要求1所述的一种页面引导方法,其特征在于,在对弹窗任务进行监听之前,还包括如下步骤:
获取本地保存的所述引导动画的本地保存标记,根据所述本地保存标记判断所述引导动画执行过的次数,若已经执行过或者执行次数达到阈值,则跳过后续步骤,若否,则进入对弹窗任务进行监听的步骤。
5.如权利要求1所述的一种页面引导方法,其特征在于:在执行引导动画过程中,当监测到用户的触摸中断请求,则中断执行所述引导动画,执行用户的触摸操作。
6.一种页面引导装置,包括:
页面数据及引导动画获取单元,用于当接收到针对待展示页面的展示指令,获取待展示页面的页面数据进行展示,并获取所述待展示页面中的引导动画信息;
弹窗任务监听处理单元,用于在所述引导动画执行前,对弹窗任务进行监听,当弹窗任务执行完毕,进入引导动画执行单元,包括:
弹窗队列生成模块,用于将弹窗任务按优先级添加到一弹窗队列中;
弹窗任务执行模块,用于依序执行弹窗队列中的任务,直到弹窗队列为空,并发出弹窗队列执行完毕通知;
引导动画执行判断模块,用于当待展示页面的当前页面已实现展示并获取完页面数据,且其当前页面的下一页页面数据为有效数据,则进入引导动画执行单元;
引导动画执行单元,用于执行所述引导动画,并使所述引导动画与当前页面联动,其包括:
视图创建模块,用于于当前页面创建执行所述引导动画的视图;
淡入动画执行模块,用于对创建的视图执行淡入所述引导动画;
页面同步滚动控制模块,用于在引导的视图上设置指示器,对其设置移动并关联移动所述引导动画,实时监听指示器的移动距离,并通过物理仿真器对所述指示器的移动距离进行加权,获取加权后的结果,将所述加权后的结果转化为页面滚动距离,从而使当前页面滚动所述页面滚动距离;
淡出动画执行模块,用于当引导动画执行完毕,对所述视图执行淡出动画。
7.一种电子设备,其特征在于,其包括:
一个或多个处理器;
存储器;
一个或多个应用程序,其中所述一个或多个应用程序被存储在所述存储器中并被配置为由所述一个或多个处理器执行,所述一个或多个程序配置用于:执行根据权利要求1-5任一项所述的页面引导方法。
8.一种计算机可读介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现权利要求1-5任一项所述的页面引导方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111182965.3A CN114048412B (zh) | 2021-10-11 | 2021-10-11 | 一种页面引导方法、装置、电子设备及计算机可读介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111182965.3A CN114048412B (zh) | 2021-10-11 | 2021-10-11 | 一种页面引导方法、装置、电子设备及计算机可读介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN114048412A CN114048412A (zh) | 2022-02-15 |
CN114048412B true CN114048412B (zh) | 2024-05-14 |
Family
ID=80205562
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202111182965.3A Active CN114048412B (zh) | 2021-10-11 | 2021-10-11 | 一种页面引导方法、装置、电子设备及计算机可读介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114048412B (zh) |
Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109542297A (zh) * | 2017-09-22 | 2019-03-29 | 阿里巴巴集团控股有限公司 | 提供操作引导信息的方法、装置及电子设备 |
CN110737490A (zh) * | 2018-07-18 | 2020-01-31 | 马上消费金融股份有限公司 | 一种引导信息显示方法和装置 |
CN111949347A (zh) * | 2020-07-06 | 2020-11-17 | 北京奇保信安科技有限公司 | 弹窗信息展示方法、装置及电子设备 |
CN112162806A (zh) * | 2020-09-24 | 2021-01-01 | 掌阅科技股份有限公司 | 弹窗显示的方法、终端及计算机存储介质 |
CN112199005A (zh) * | 2020-10-22 | 2021-01-08 | Tcl通讯(宁波)有限公司 | 内容显示方法、装置、存储介质及移动终端 |
CN112199135A (zh) * | 2020-09-01 | 2021-01-08 | 北京达佳互联信息技术有限公司 | 信息引导方法、装置、电子设备以及存储介质 |
CN112434246A (zh) * | 2020-11-26 | 2021-03-02 | 北京沃东天骏信息技术有限公司 | 网页引导内容生成方法及装置、存储介质 |
CN112733058A (zh) * | 2020-12-31 | 2021-04-30 | 北京达佳互联信息技术有限公司 | 数据处理系统、方法、装置、电子设备及存储介质 |
Family Cites Families (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20050050301A1 (en) * | 2003-08-29 | 2005-03-03 | Yahoo!, Inc. | Extensible user interface |
US8878794B2 (en) * | 2011-09-27 | 2014-11-04 | Z124 | State of screen info: easel |
-
2021
- 2021-10-11 CN CN202111182965.3A patent/CN114048412B/zh active Active
Patent Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109542297A (zh) * | 2017-09-22 | 2019-03-29 | 阿里巴巴集团控股有限公司 | 提供操作引导信息的方法、装置及电子设备 |
CN110737490A (zh) * | 2018-07-18 | 2020-01-31 | 马上消费金融股份有限公司 | 一种引导信息显示方法和装置 |
CN111949347A (zh) * | 2020-07-06 | 2020-11-17 | 北京奇保信安科技有限公司 | 弹窗信息展示方法、装置及电子设备 |
CN112199135A (zh) * | 2020-09-01 | 2021-01-08 | 北京达佳互联信息技术有限公司 | 信息引导方法、装置、电子设备以及存储介质 |
CN112162806A (zh) * | 2020-09-24 | 2021-01-01 | 掌阅科技股份有限公司 | 弹窗显示的方法、终端及计算机存储介质 |
CN112199005A (zh) * | 2020-10-22 | 2021-01-08 | Tcl通讯(宁波)有限公司 | 内容显示方法、装置、存储介质及移动终端 |
CN112434246A (zh) * | 2020-11-26 | 2021-03-02 | 北京沃东天骏信息技术有限公司 | 网页引导内容生成方法及装置、存储介质 |
CN112733058A (zh) * | 2020-12-31 | 2021-04-30 | 北京达佳互联信息技术有限公司 | 数据处理系统、方法、装置、电子设备及存储介质 |
Non-Patent Citations (1)
Title |
---|
拒绝干扰 自己动手屏蔽弹窗;俞木发;;电脑爱好者;20131101(21);全文 * |
Also Published As
Publication number | Publication date |
---|---|
CN114048412A (zh) | 2022-02-15 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107341018B (zh) | 一种在页面切换后继续显示视图的方法和装置 | |
CN106156066B (zh) | 一种页面切换方法、装置及客户端 | |
CN106547417B (zh) | 显示后台任务消息的方法和装置 | |
CA2922060C (en) | Swipe toolbar to switch tabs | |
US11924485B2 (en) | Method and system of displaying a video | |
CN107450900B (zh) | 一种截图方法及装置 | |
CN109388317B (zh) | 一种图片加载方法、终端设备及存储介质 | |
CN110297681B (zh) | 图像处理方法、装置、终端及存储介质 | |
US9021437B2 (en) | Declarative style rules for default touch behaviors | |
US20240118794A1 (en) | Control display method, apparatus, and device, and medium | |
CN112836086B (zh) | 一种视频处理方法、装置和电子设备 | |
US9383908B2 (en) | Independent hit testing | |
CN113727170A (zh) | 视频交互方法、装置、设备及介质 | |
CN111324252A (zh) | 直播平台中的显示控制方法及装置、存储介质及电子设备 | |
CN110362766B (zh) | 一种页面显示控制方法及终端 | |
CN110865748A (zh) | 菜单呈现方法、装置、电子设备及计算机可读存储介质 | |
CN112099706A (zh) | 页面展示方法、装置、电子设备及计算机可读存储介质 | |
JP5563703B2 (ja) | コンテンツ配信装置、コンテンツ配信方法、コンテンツ配信プログラム及び端末用プログラム | |
CN114356479A (zh) | 一种页面渲染方法及装置 | |
CN111666023B (zh) | 界面显示方法、装置、电子设备及可读存储介质 | |
CN112181252B (zh) | 截屏方法、装置及电子设备 | |
CN114048412B (zh) | 一种页面引导方法、装置、电子设备及计算机可读介质 | |
US20230276079A1 (en) | Live streaming room page jump method and apparatus, live streaming room page return method and apparatus, and electronic device | |
JP6339550B2 (ja) | 端末用プログラム、端末装置及び端末制御方法 | |
CN110597432A (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 | ||
TA01 | Transfer of patent application right | ||
TA01 | Transfer of patent application right |
Effective date of registration: 20230801 Address after: Room 404-405, 504, Building B-17-1, Big data Industrial Park, Kecheng Street, Yannan High tech Zone, Yancheng, Jiangsu Province, 224000 Applicant after: Yancheng Tianyanchawei Technology Co.,Ltd. Address before: 224000 room 501-503, building b-17-1, Xuehai road big data Industrial Park, Kecheng street, Yannan high tech Zone, Yancheng City, Jiangsu Province Applicant before: Yancheng Jindi Technology Co.,Ltd. |
|
GR01 | Patent grant | ||
GR01 | Patent grant |