CN114756155A - 一种应用于页面展示的滑动控制方法及装置 - Google Patents
一种应用于页面展示的滑动控制方法及装置 Download PDFInfo
- Publication number
- CN114756155A CN114756155A CN202210435795.3A CN202210435795A CN114756155A CN 114756155 A CN114756155 A CN 114756155A CN 202210435795 A CN202210435795 A CN 202210435795A CN 114756155 A CN114756155 A CN 114756155A
- Authority
- CN
- China
- Prior art keywords
- information flow
- page
- sliding
- flow page
- switching
- 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 61
- 238000004590 computer program Methods 0.000 claims description 11
- 230000008569 process Effects 0.000 description 15
- 230000000694 effects Effects 0.000 description 13
- 238000006073 displacement reaction Methods 0.000 description 11
- 238000010586 diagram Methods 0.000 description 8
- 230000008901 benefit Effects 0.000 description 4
- 230000006870 function Effects 0.000 description 4
- 238000012986 modification Methods 0.000 description 4
- 230000004048 modification Effects 0.000 description 4
- 230000009467 reduction Effects 0.000 description 2
- 238000010276 construction Methods 0.000 description 1
- 238000005070 sampling Methods 0.000 description 1
- 238000004088 simulation Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR 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
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请公开了一种应用于页面展示的滑动控制方法及装置,包括页面类型为父类型的父信息流页面以及嵌套于所述父信息流页面底部、页面类型为子类型的子信息流页面,其中方法包括:在针对目标信息流页面内的信息流元素进行滑动控制时,实时获取所述信息流元素的滑动信息;基于目标信息流页面的页面类型以及所述信息流元素的滑动信息,判断是否满足切换信息流页面的切换条件;在确定满足所述切换条件的情况下,对所述目标信息流页面进行切换控制;基于所述滑动信息对切换后的当前目标信息流页面内的信息流元素进行滑动控制。本申请中方法解决了滑动控制无法传导到嵌套的其他信息流页面,页面切换更加流畅,提升了用户体验。
Description
技术领域
本发明涉及计算机技术领域,特别涉及一种应用于页面展示的滑动控制方法及装置。
背景技术
随着移动应用的不断发展,应用程序(Application,简称App)的功能也越来越多,展示内容也变得多样化,比如App首页,往往都有多个信息流页面的嵌套,功能复杂,特别是涉及到信息流滑动的切换,处理复杂。现有技术中,在信息流页面嵌套的场景中,例如在信息流页面B嵌套于信息流页面A底部的场景中,在对其中一个信息流页面内的信息流元素进行滑动控制、且信息流元素滑动至临界位置之后,并不会进行信息流页面的切换,即不会对另一个信息流页面内的信息流元素进行滑动控制,用户体验较差。
由此亟需一种滑动控制方法,以解决在针对信息流元素进行滑动控制过程中,滑动控制无法传导到嵌套的其他信息流页面,页面切换不流畅,导致用户体验较差的问题。
发明内容
有鉴于此,本发明提供了一种应用于页面展示的滑动控制方法、装置、存储介质及电子设备,主要目的在于解决目前在针对信息流元素进行滑动控制过程中,滑动控制无法传导到嵌套的其他信息流页面,页面切换不流畅,导致用户体验较差的问题。
为解决上述问题,本申请提供一种应用于页面展示的滑动控制方法,包括页面类型为父类型的父信息流页面以及嵌套于所述父信息流页面底部、页面类型为子类型的子信息流页面,所述方法包括:
在针对目标信息流页面内的信息流元素进行滑动控制时,实时获取所述信息流元素的滑动信息;
至少基于目标信息流页面的页面类型以及所述信息流元素的滑动信息,判断是否满足切换信息流页面的切换条件;
在确定满足所述切换条件的情况下,对所述目标信息流页面进行切换控制;
基于所述滑动信息对切换后的当前目标信息流页面内的信息流元素进行滑动控制。
可选的,在针对目标信息流页面内的信息流元素进行滑动控制之前,所述方法还包括:确定所述目标信息流页面,具体包括:
基于触控位置所位于的触控区域,确定与所述触控区域对应的父信息流页面为所述目标信息流页面,或者确定与所述触控区域对应子信息流页面为所述目标信息流页面。
可选的,所述针对目标信息流页面内的信息流元素进行滑动控制,具体包括:
检测位于所述触控区域内的触控操作,以获得控制信息;
基于所述控制信息控制所述目标信息流页面内的信息流元素滑动。
可选的,所述滑动信息包括如下任意一种或几种:滑动方向、滑动速度以及滑动高度;
所述基于目标信息流页面的页面类型以及所述信息流元素的滑动信息,判断是否满足切换信息流页面的切换条件,具体包括:
在所述页面类型为父类型、所述滑动方向向上、所述滑动高度等于父信息流页面内信息流元素的总高度时,确定满足切换信息流页面的第一切换条件;
或者,在所述页面类型为子类型,所述滑动方向向下,所述滑动高度等于子信息流页面内信息流元素的总高度时,确定满足切换信息流页面的第二切换条件。
可选的,所述在确定满足所述切换条件的情况下,对所述目标信息流页面进行切换控制,具体包括:
在确定满足所述第一切换条件的情况下,将所述目标信息流页面由父信息流页面切换至子信息流页面;
在确定满足所述第二切换条件的情况下,将所述目标信息流页面由子信息流页面切换至父信息流页面。
可选的,所述基于所述滑动信息对切换后的当前目标信息流页面内的信息流元素进行滑动控制,具体包括:
在将所述目标信息流页面由父信息流页面切换至子信息流页面时,基于所述滑动速度以及所述滑动方向控制所述子信息流页面内的元素向上滑动;
在将所述目标信息流页面由子信息流页面切换至父信息流页面时,基于所述滑动速度以及所述滑动方向控制所述父信息流页面内的元素向下滑动。
为解决上述问题,本申请提供一种应用于页面展示的滑动控制装置,包括:
获取模块,用于在针对目标信息流页面内的信息流元素进行滑动控制时,实时获取所述信息流元素的滑动信息;
判断模块,用于至少基于目标信息流页面的页面类型以及所述信息流元素的滑动信息,判断是否满足切换信息流页面的切换条件;
切换模块,用于在确定满足所述切换条件的情况下,对所述目标信息流页面进行切换控制;
滑动控制模块,用于基于所述滑动信息对切换后的当前目标信息流页面内的信息流元素进行滑动控制。
可选的,所述应用于页面展示的滑动控制装置还包括用于确定所述目标信息流页面的确定模块,所述确定模块具体用于:
基于触控位置所位于的触控区域,确定与所述触控区域对应的父信息流页面为所述目标信息流页面,或者确定与所述触控区域对应子信息流页面为所述目标信息流页面
为解决上述问题,本申请提供一种存储介质,所述存储介质存储有计算机程序,所述计算机程序被处理器执行时实现上述任一项所述应用于页面展示的滑动控制方法的步骤。
为解决上述问题,本申请提供一种电子设备,至少包括存储器、处理器,所述存储器上存储有计算机程序,所述处理器在执行所述存储器上的计算机程序时实现上述任一项所述应用于页面展示的滑动控制方法的步骤。
本申请中的滑动控制方法、装置、存储介质以及电子设备,在针对某一目标信息流页面内的信息流元素进行控制时,通过实时获取该信息流页面内信息流元素的滑动信息,由此能够准确的确定是否满足信息流页面的切换条件,即准确的确定是否滑动至嵌套信息流页面之间的临界点,进而能够在滑动至临界点时,及时、准确的切换信息流页面,以此来及时的将滑动控制切换至目标信息流页面嵌套关联的其他信息流页面内的信息流元素,从而能够使得滑动更加顺滑,解决了滑动控制无法传导到嵌套的其他信息流页面内的问题,页面切换更加流畅,同时提升的用户体验。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1为本申请实施例一种滑动控制方法的流程图;
图2为本申请实施例中信息流页面A和信息流页面B的嵌套关系示意图;
图3为本申请实施例中信息流页面A内信息流元素的滑动状态示意图;
图4为本申请实施例中,满足第一切换条件时,信息流页面A的滑动状态示意图;
图5为本申请实施例中,满足第一切换条件后,滑动控制由信息流页面A切换至信息流页面B的示意图;
图6为本申请实施例中信息流页面B内信息流元素的滑动状态示意图;
图7为本申请实施例中,满足第二切换条件时,信息流页面B的滑动状态示意图;
图8为本申请实施例中,满足第二切换条件后,滑动控制由信息流页面B切换至信息流页面A的示意图;
图9为本申请实施例中滑动控制装置的结构示意图;
图10为本申请实施例中电子设备的结构示意图。
具体实施方式
此处参考附图描述本申请的各种方案以及特征。
应理解的是,可以对此处申请的实施例做出各种修改。因此,上述说明书不应该视为限制,而仅是作为实施例的范例。本领域的技术人员将想到在本申请的范围和精神内的其他修改。
包含在说明书中并构成说明书的一部分的附图示出了本申请的实施例,并且与上面给出的对本申请的大致描述以及下面给出的对实施例的详细描述一起用于解释本申请的原理。
通过下面参照附图对给定为非限制性实例的实施例的优选形式的描述,本申请的这些和其它特性将会变得显而易见。
还应当理解,尽管已经参照一些具体实例对本申请进行了描述,但本领域技术人员能够确定地实现本申请的很多其它等效形式。
当结合附图时,鉴于以下详细说明,本申请的上述和其他方面、特征和优势将变得更为显而易见。
此后参照附图描述本申请的具体实施例;然而,应当理解,所申请的实施例仅仅是本申请的实例,其可采用多种方式实施。熟知和/或重复的功能和结构并未详细描述以避免不必要或多余的细节使得本申请模糊不清。因此,本文所申请的具体的结构性和功能性细节并非意在限定,而是仅仅作为权利要求的基础和代表性基础用于教导本领域技术人员以实质上任意合适的详细结构多样地使用本申请。
本说明书可使用词组“在一种实施例中”、“在另一个实施例中”、“在又一实施例中”或“在其他实施例中”,其均可指代根据本申请的相同或不同实施例中的一个或多个。
本申请实施例提供一种应用于页面展示的滑动控制方法,具体可以应用于手机、平板电脑等终端设备中。本实施例中的方法适用于数字医疗领域的APP。现在大多数医疗领域APP中,比如在线预约、线上问诊***等等,在查看医生信息及预约挂号的界面上,均会涉及到对展示界面内的信息进行滑动控制,以便于浏览相关信息。但是采用现有的滑动控制方法在对信息进行滑动控制时,无法自如的进行页面切换,进而造成信息展示切换不够流畅的问题。通过采样本申请中的滑动控制方法,能够使得在对展示页面内的信息进行滑动浏览时,流畅自如的进行页面切换,使得信息展示切换更加顺滑,进而使得对页面信息的展示更加充分,提升了用户体验。
本实施例中应用程序的展示页面中包括页面类型为父类型的父信息流页面以及嵌套于所述父信息流页面底部、页面类型为子类型的子信息流页面,如图1所示,本实施例中的应用于页面展示的滑动控制方法包括如下步骤:
步骤S101,在针对目标信息流页面内的信息流元素进行滑动控制时,实时获取所述信息流元素的滑动信息;
本实施例中在具体实施过程中,信息流页面即为信息流容器,该页面/容器内封装有所述信息流元素。信息流元素是指用于展示给用户的文字、图片等内容信息。目标信息流页面是指当前正在对信息流元素进行滑动控制的信息流页面,该页面可以为父信息流页面也可以为子信息流页面。本实施例中滑动信息具体可以包括如下一种或几种:滑动方向、滑动速度以及滑动高度。其中滑动高度具体是指信息流页面/信息流容器内的信息流元素的滑动高度。
步骤S102,基于目标信息流页面的页面类型以及所述信息流元素的滑动信息,判断是否满足切换信息流页面的切换条件;
本实施例中页面类型具体可以包括父类型以及子类型。本实施例在具体实施过程中,目标信息流页面的页面类型不同,其所对应的切换条件也不同。例如在目标信息流页面的页面类型为父类型的情况下,需要判断信息流元素向上滑动的滑动高度是否达到预定值,即判断父信息流页面底部的子信息流页面是否置顶。再如,在目标信息流页面的页面类型为子类型的情况下,需要判断信息流元素向下滑动的高度是否达到预定值,即判断子信息流页面内的信息流元素是否置底。
步骤S103,在确定满足所述切换条件的情况下,对所述目标信息流页面进行切换控制;
本步骤中对所述目标信息流页面进行切换控制具体包括:将所述目标信息流页面由父信息流页面切换至子信息流页面,或者将目标信息流页面由子信息流页面切换至父信息流页面。
步骤S104,基于所述滑动信息对切换后的当前目标信息流页面内的信息流元素进行滑动控制。
本步骤在具体实施过程中,具体可以预先设定阻力参数,由此在切换信息流页面之后,就可以基于切换前的目标信息流页面内的信息流元素的滑动速度以及所述预设的阻力参数,计算获得切换后的当前目标信息流页面内的信息流元素在各时刻的滑动位移;然后基于所述滑动位移对所述切换后的当前目标信息流页面内的信息流元素进行滑动控制。
本申请中的应用于页面展示的滑动控制方法,在针对某一目标信息流页面内的信息流元素进行控制时,通过实时获取该信息流页面内信息流元素的滑动信息,由此能够准确的确定是否满足信息流页面的切换条件,即准确的确定是否滑动至嵌套信息流页面之间的临界点,进而能够在滑动至临界点时,及时、准确的切换信息流页面,以此来及时的将滑动控制切换至目标信息流页面嵌套关联的其他信息流页面内的信息流元素,从而能够使得滑动更加顺滑,解决了滑动控制无法传导到嵌套的其他信息流页面内的问题,页面切换不流畅提升了用户体验。
本申请又一实施例提供一种应用于页面展示的滑动控制方法,应用于终端设备的应用程序APP中。如图2所示,该APP中包括页面类型为父类型的父信息流页面A以及嵌套于所述父信息流页面底部、页面类型为子类型的子信息流页面B,在进行滑动控制之前,可以预先基于该信息流页面A在引擎库中创建实例。本实施例中的控制方法包括:
步骤S201,基于触控位置所位于的触控区域,确定与所述触控区域对应的父信息流页面为所述目标信息流页面,或者确定与所述触控区域对应子信息流页面为所述目标信息流页面;
本步骤中可以预先为父信息流页面以及子信息流页面配置对应的触控区域,用于在该触控区域内对信息流页面内的信息流元素进行滑动控制。
步骤S202,检测位于所述触控区域内的触控操作,以获得控制信息;基于所述控制信息控制所述目标信息流页面内的信息流元素滑动时,实时获取所述信息流元素的滑动信息;
本步骤中,具体可以通过检测触控操作的的移动速度以及移动方向来获得滑动控制的控制信息,即获得信息流元素的滑动速度及滑动方向,从而能够基于该控制信息准确的对相应的信息流元素进行滑动控制。具体的在针对信息流页面A中的信息流元素进行滑动控制时,由于信息流页面B嵌套于信息流页面A内,所以信息流页面B也会随着滑动。
步骤S203,在所述页面类型为父类型、所述滑动方向向上、所述滑动高度等于父信息流页面内信息流元素的总高度时,确定满足切换信息流页面的第一切换条件;或者,在所述页面类型为子类型,所述滑动方向向下,所述滑动高度等于子信息流页面内信息流元素的总高度时,确定满足切换信息流页面的第二切换条件;
本步骤中,当目标信息流页面的页面类型为父类型、滑动方向向上时,说明用户控制父信息流页面内的信息流元素上滑,在该上滑过程中嵌套于父信息流页面内的子信息流页面也会随着上滑;当信息流元素的滑动高度等于父信息流页面内信息流元素的总高度时,说明父信息流页面内的信息流元素滑动至底部(底部信息流元素滑动至信息流页面的顶部),即信息流页面A内的信息流元素由图3所示的位置滑动至图4所示的位置,也就是子信息流页面B置顶,此时确定满足信息流页面的切换条件,即满足第一切换条件。再如,当目标信息流页面的页面类型为子类型、滑动方向向下时,说明用户控制子信息流页面B内的信息流元素下滑;当滑动高度等于子信息流页面内信息流元素的总高度时,说明子信息流页面B内的信息流元素滑动至顶部、无法再继续向下滑动,即子信息流页面B内的信息流元素由如图6所示的位置滑动至如图7所示的位置,此时也可以确定满足信息流页面的切换条件,即满足第二切换条件。
步骤S204,在确定满足所述第一切换条件的情况下,将所述目标信息流页面由父信息流页面切换至子信息流页面;在确定满足所述第二切换条件的情况下,将所述目标信息流页面由子信息流页面切换至父信息流页面;
步骤S205,在将所述目标信息流页面由父信息流页面切换至子信息流页面时,基于所述滑动速度以及所述滑动方向控制所述子信息流页面内的元素向上滑动;在将所述目标信息流页面由子信息流页面切换至父信息流页面之后,基于所述滑动速度以及所述滑动方向控制所述父信息流页面内的元素向下滑动。
本步骤中,当父信息流页面A内的信息流元素由图3所示的位置滑动至图4所示的位置后,目标信息流页面会由父信息流页面A切换至子信息流页面B,之后可以如图5所示,将滑动控制切换至对子信息流页面B、以控制信息流页面B内的信息流元素向上滑动,即父信息流页面A将滑动速度和滑动方向作为参数传入引擎库,由该引擎库基于滑动速度、滑动方向以及预设的阻力参数,计算获得子信息流页面B内信息流元素在各时刻的滑动位移,然后将该滑动位移传递给子页面信息流B,以此来实现根据各时刻的滑动位移对子信息流页面B的信息流元素进行滑动控制,即控制子信息流页面B内的信息流元素上滑。
当子信息流页面B内的信息流元素由图6所示的位置向下滑动至图7所示的位置后,目标信息流页面会由子信息流页面B切换至父信息流页面A,之后可以如图8所示,将滑动控制切换至对父信息流页面A、以控制信息流页面A内的信息流元素向下滑动,父信息流页面A将子信息流页面B内的信息流元素的滑动速度和滑动方向作为参数传入引擎库,由该引擎库基于滑动速度、滑动方向以及预设的阻力参数,计算获得父信息流页面A内信息流元素在各时刻的滑动位移,然后将该滑动位移传递给父页面信息流A,以此来实现根据各时刻的滑动位移对父信息流页面A的信息流元素进行滑动控制。
本实施例中通过采用上述滑动控制方法,可以实现在到达临界点时,信息流页面A内的信息流元素与信息流页面B内的信息流元素之间的滑动可以无缝切换,解决了滑动控制无法在嵌套的信息流页面之间进行传导的问题,使得针对信息流元素的滑动控制更加顺滑,提升了用户体验。
在上述实施例的基础上,以下结合具体的应用场景进行解释说明。以装有IOS***的终端设备为例,由于IOS***自带动力引擎库UIDynamicAnimator相关文件,该引擎库用于实现模拟物理世界的动力效果,因此可以预先设定阻力参数,然后在需要将针对信息流元素的滑动控制由信息流页面A切换至信息流页面B、或者将针对信息流元素滑动控制由信息流页面B切换至信息流页面A时,就可以将获取的信息元素的滑动速度和方向传递给该引擎库,然后由该引擎库通过该滑动速度、方向以及阻力系数来计算减速效果,可以实现和***信息流组件(UIScrollView)一样的滑动效果。在具体实施过程中可以封装一个滑动模拟引擎库,称之为M,外界(父信息流页面)可以向该引擎库M设置初始速度,由引擎库M来计算实时减速效果,即计算单位时间内的位移距离,然后将该减速效果设置到相应的ScrollView组件的属性变量contentOffset.y(该变量用于控制信息流页面内信息流元素的上下滑动)上,由此就能模拟ScrollView***自带的滑动效果。
具体工作流程包括如下两种情况:
情况一、向上滑动:
一、可以预先基于信息流页面A的父视图P在引擎库M中创建对应的实例;
二、信息流页面B嵌套于信息流页面A的底部,即作为信息流A的子视图。当控制信息流页面A内的元素向上滑动时,信息流页面B会随着A内信息流元素的滑动一起向上滑动;此时信息流页面A的父视图P可以实时获取信息流页面A内信息流元素的滑动信息;
三、息流页面A内信息流元素的滑动高度达到预设值时,说明信息流页面A内的信息流元素滑动到底部,即信息流B开始置顶;
四、信息流页面A的父视图P将获取的A内信息流元素的滑动速度和方向作为参数传入引擎库M,即调用该引擎库M,由引擎库M计算实时减速效果,即计算各时刻的位移变化量,并将该减速效果设置到信息流页面B的contentOffset.y(速度方法变量)上,以此来控制信息流页面B内的信息流元素上滑。
通过上述步骤,当信息流A滑到底部时,信息流B以当前A的速度开始自动向上滑动,视觉上达到无缝切换的效果,提高了用户体验。
情况二、向下滑动:
一、可以预先基于信息流页面A的父视图P在引擎库M中创建对应的实例;
二、信息流页面B内元素向下滑动,此时信息流页面A的父视图P可以实时获取信息流页面B内信息流元素的滑动信息;
三、息流页面B内信息流元素的滑动高度达到预设值时,说明信息流页面B内的信息流元素滑动到顶部(即信息流页面B内顶部信息流元素滑动至信息流页面B的底部时);信息流B取消置顶;
四、信息流页面A的父视图P将获取的信息流页面B的当前滑动速度和方向作为参数传入引擎库M,计算实时减速效果,即计算各时刻的位移变化量,并将该减速效果设置到信息流页面A的contentOffset.y(速度方法变量)上,以此来控制信息流页面A内的信息流元素下滑。
通过上述步骤,当信息流页面B内的信息流元素滑到顶部时,信息流页面A内的信息流元素以当前信息流页面B的信息流元素的速度开始自动向下滑动,视觉上达到无缝切换的效果。
本申请中的滑动控制方法,可以实现在到达临界点时,信息流页面A内的信息流元素和信息流页面B内信息流元素之间的滑动可以无缝切换,通过***信息流UI组件的自带API,可以很容易的将该方案进行封装,快速的在其他页面实现嵌套滑动效果。采用本方案后,在嵌套信息流之间的临界点切换,滑动更加顺滑,媲美原生UI组件滑动效果,同时该实现方案简单,核心模拟功能采用***自带动力引擎库实现,兼容效果好,容易复用,大大提升用户体验。
本申请另一实施例提供一种应用于页面展示的滑动控制装置,如图9所示,本实例中的滑动控制装置1包括:
获取模块11,用于在针对目标信息流页面内的信息流元素进行滑动控制时,实时获取所述信息流元素的滑动信息;
判断模块12,用于至少基于目标信息流页面的页面类型以及所述信息流元素的滑动信息,判断是否满足切换信息流页面的切换条件;
切换模块13,用于在确定满足所述切换条件的情况下,对所述目标信息流页面进行切换控制;
滑动控制模块14,用于基于所述滑动信息对切换后的当前目标信息流页面内的信息流元素进行滑动控制。
本实施例在具体实施过程中,所述应用于页面展示的滑动控制装置还包括用于确定所述目标信息流页面的确定模块,所述确定模块具体用于:基于触控位置所位于的触控区域,确定与所述触控区域对应的父信息流页面为所述目标信息流页面,或者确定与所述触控区域对应子信息流页面为所述目标信息流页面。
本实施例在具体实施过程中,所述应用于页面展示的滑动控制装置还包括控制模块,所述控制模块用于:检测位于所述触控区域内的触控操作,以获得控制信息;
基于所述控制信息控制所述目标信息流页面内的信息流元素滑动。
本实施例在具体实施过程中,所述滑动信息包括如下任意一种或几种:滑动方向、滑动速度以及滑动高度。本实施例在具体实施过程中,所述判断模块具体用于:在所述页面类型为父类型、所述滑动方向向上、所述滑动高度等于父信息流页面内信息流元素的总高度时,确定满足切换信息流页面的第一切换条件;或者,在所述页面类型为子类型,所述滑动方向向下,所述滑动高度等于子信息流页面内信息流元素的总高度时,确定满足切换信息流页面的第二切换条件;
本实施例在具体实施过程中,所述切换模块具体用于:在确定满足所述第一切换条件的情况下,将所述目标信息流页面由父信息流页面切换至子信息流页面;在确定满足所述第二切换条件的情况下,将所述目标信息流页面由子信息流页面切换至父信息流页面。
本实施例在具体实施过程中,所述滑动控制模块具体用于:在将所述目标信息流页面由父信息流页面切换至子信息流页面时,基于所述滑动速度以及所述滑动方向控制所述子信息流页面内的元素向上滑动;在将所述目标信息流页面由子信息流页面切换至父信息流页面时,基于所述滑动速度以及所述滑动方向控制所述父信息流页面内的元素向下滑动。
本申请中的应用于页面展示的滑动控制装置,在针对某一目标信息流页面内的信息流元素进行控制时,通过实时获取该信息流页面内信息流元素的滑动信息,由此能够准确的确定是否满足信息流页面的切换条件,即准确的确定是否滑动至嵌套信息流页面之间的临界点,进而能够在滑动至临界点时,及时、准确的切换信息流页面,以此来及时的将滑动控制切换至目标信息流页面嵌套关联的其他信息流页面内的信息流元素,从而能够使得滑动更加顺滑,解决了滑动控制无法传导到嵌套的其他信息流页面内的问题,页面切换更加流畅,同时提升的用户体验。
本申请另一实施例提供一种存储介质,所述存储介质存储有计算机程序,所述计算机程序被处理器执行时实现如下方法步骤:
步骤一、在针对目标信息流页面内的信息流元素进行滑动控制时,实时获取所述信息流元素的滑动信息;
步骤二、基于目标信息流页面的页面类型以及所述信息流元素的滑动信息,判断是否满足切换信息流页面的切换条件;
步骤三、在确定满足所述切换条件的情况下,对所述目标信息流页面进行切换控制;
步骤四、基于所述滑动信息对切换后的当前目标信息流页面内的信息流元素进行滑动控制。
包括页面类型为父类型的父信息流页面以及嵌套于所述父信息流页面底部、页面类型为子类型的子信息流页面,所述方法包括:
上述方法步骤的具体实施过程可参见上述任意应用于页面展示的滑动控制方法的实施例,本实施例在此不再重复赘述。
本申请中的存储介质,在针对某一目标信息流页面内的信息流元素进行控制时,通过实时获取该信息流页面内信息流元素的滑动信息,由此能够准确的确定是否满足信息流页面的切换条件,即准确的确定是否滑动至嵌套信息流页面之间的临界点,进而能够在滑动至临界点时,及时、准确的切换信息流页面,以此来及时的将滑动控制切换至目标信息流页面嵌套关联的其他信息流页面内的信息流元素,从而能够使得滑动更加顺滑,解决了滑动控制无法传导到嵌套的其他信息流页面内的问题,页面切换更加流畅,同时提升的用户体验。
本申请另一实施例提供一种电子设备,如图10所示,至少包括存储器1、处理器2,所述存储器1上存储有计算机程序,所述处理器2在执行所述存储器1上的计算机程序时实现如下方法步骤:
步骤一、在针对目标信息流页面内的信息流元素进行滑动控制时,实时获取所述信息流元素的滑动信息;
步骤二、基于目标信息流页面的页面类型以及所述信息流元素的滑动信息,判断是否满足切换信息流页面的切换条件;
步骤三、在确定满足所述切换条件的情况下,对所述目标信息流页面进行切换控制;
步骤四、基于所述滑动信息对切换后的当前目标信息流页面内的信息流元素进行滑动控制。
上述方法步骤的具体实施过程可参见上述任意应用于页面展示滑动控制方法的实施例,本实施例在此不再重复赘述。
本申请中电子设备,在针对某一目标信息流页面内的信息流元素进行控制时,通过实时获取该信息流页面内信息流元素的滑动信息,由此能够准确的确定是否满足信息流页面的切换条件,即准确的确定是否滑动至嵌套信息流页面之间的临界点,进而能够在滑动至临界点时,及时、准确的切换信息流页面,以此来及时的将滑动控制切换至目标信息流页面嵌套关联的其他信息流页面内的信息流元素,从而能够使得滑动更加顺滑,解决了滑动控制无法传导到嵌套的其他信息流页面内的问题,页面切换更加流畅,同时提升的用户体验。
以上实施例仅为本申请的示例性实施例,不用于限制本申请,本申请的保护范围由权利要求书限定。本领域技术人员可以在本申请的实质和保护范围内,对本申请做出各种修改或等同替换,这种修改或等同替换也应视为落在本申请的保护范围内。
Claims (10)
1.一种应用于页面展示的滑动控制方法,其特征在于,包括页面类型为父类型的父信息流页面以及嵌套于所述父信息流页面底部、页面类型为子类型的子信息流页面,所述方法包括:
在针对目标信息流页面内的信息流元素进行滑动控制时,实时获取所述信息流元素的滑动信息;
基于目标信息流页面的页面类型以及所述信息流元素的滑动信息,判断是否满足切换信息流页面的切换条件;
在确定满足所述切换条件的情况下,对所述目标信息流页面进行切换控制;
基于所述滑动信息对切换后的当前目标信息流页面内的信息流元素进行滑动控制。
2.如权利要求1所述的方法,其特征在于,在针对目标信息流页面内的信息流元素进行滑动控制之前,所述方法还包括:确定所述目标信息流页面,具体包括:
基于触控位置所位于的触控区域,确定与所述触控区域对应的父信息流页面为所述目标信息流页面,或者确定与所述触控区域对应子信息流页面为所述目标信息流页面。
3.如权利要求2所述的方法,其特征在于,所述针对目标信息流页面内的信息流元素进行滑动控制,具体包括:
检测位于所述触控区域内的触控操作,以获得控制信息;
基于所述控制信息控制所述目标信息流页面内的信息流元素滑动。
4.如权利要求1所述的方法,其特征在于,所述滑动信息包括如下任意一种或几种:滑动方向、滑动速度以及滑动高;
所述基于目标信息流页面的页面类型以及所述信息流元素的滑动信息,判断是否满足切换信息流页面的切换条件,具体包括:
在所述页面类型为父类型、所述滑动方向向上、所述滑动高度等于父信息流页面内信息流元素的总高度时,确定满足切换信息流页面的第一切换条件;
或者,在所述页面类型为子类型,所述滑动方向向下,所述滑动高度等于子信息流页面内信息流元素的总高度时,确定满足切换信息流页面的第二切换条件。
5.如权利要求4所述的方法,其特征在于,所述在确定满足所述切换条件的情况下,对所述目标信息流页面进行切换控制,具体包括:
在确定满足所述第一切换条件的情况下,将所述目标信息流页面由父信息流页面切换至子信息流页面;
在确定满足所述第二切换条件的情况下,将所述目标信息流页面由子信息流页面切换至父信息流页面。
6.如权利要求5所述的方法,其特征在于,所述基于所述滑动信息对切换后的当前目标信息流页面内的信息流元素进行滑动控制,具体包括:
在将所述目标信息流页面由父信息流页面切换至子信息流页面时,基于所述滑动速度以及所述滑动方向控制所述子信息流页面内的元素向上滑动;
在将所述目标信息流页面由子信息流页面切换至父信息流页面时,基于所述滑动速度以及所述滑动方向控制所述父信息流页面内的元素向下滑动。
7.一种应用于页面展示的滑动控制装置,其特征在于,包括:
获取模块,用于在针对目标信息流页面内的信息流元素进行滑动控制时,实时获取所述信息流元素的滑动信息;
判断模块,用于至少基于目标信息流页面的页面类型以及所述信息流元素的滑动信息,判断是否满足切换信息流页面的切换条件;
切换模块,用于在确定满足所述切换条件的情况下,对所述目标信息流页面进行切换控制;
滑动控制模块,用于基于所述滑动信息对切换后的当前目标信息流页面内的信息流元素进行滑动控制。
8.如权利要求7所述的装置,其特征在于,还包括用于确定所述目标信息流页面的确定模块,所述确定模块具体用于:
基于触控位置所位于的触控区域,确定与所述触控区域对应的父信息流页面为所述目标信息流页面,或者确定与所述触控区域对应子信息流页面为所述目标信息流页面。
9.一种存储介质,其特征在于,所述存储介质存储有计算机程序,所述计算机程序被处理器执行时实现上述权利要求1-6任一项所述应用于页面展示的滑动控制方法的步骤。
10.一种电子设备,其特征在于,至少包括存储器、处理器,所述存储器上存储有计算机程序,所述处理器在执行所述存储器上的计算机程序时实现上述权利要求1-6任一项所述应用于页面展示的滑动控制方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210435795.3A CN114756155A (zh) | 2022-04-24 | 2022-04-24 | 一种应用于页面展示的滑动控制方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210435795.3A CN114756155A (zh) | 2022-04-24 | 2022-04-24 | 一种应用于页面展示的滑动控制方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN114756155A true CN114756155A (zh) | 2022-07-15 |
Family
ID=82332672
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210435795.3A Pending CN114756155A (zh) | 2022-04-24 | 2022-04-24 | 一种应用于页面展示的滑动控制方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114756155A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115708345A (zh) * | 2023-01-06 | 2023-02-21 | 山东捷瑞数字科技股份有限公司 | 数字孪生场景下基于UIScrollView的下拉界面动态展示方法 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109542296A (zh) * | 2018-11-30 | 2019-03-29 | 北京字节跳动网络技术有限公司 | 一种标题的切换方法、装置、电子设备及可读介质 |
CN111767002A (zh) * | 2019-05-20 | 2020-10-13 | 北京京东尚科信息技术有限公司 | 页面展示方法、装置、设备及存储介质 |
CN113051016A (zh) * | 2021-03-30 | 2021-06-29 | 北京字节跳动网络技术有限公司 | 页面显示方法、装置、设备和存储介质 |
CN113688345A (zh) * | 2021-08-06 | 2021-11-23 | 咪咕数字传媒有限公司 | 一种页面切换方法、装置及计算设备 |
-
2022
- 2022-04-24 CN CN202210435795.3A patent/CN114756155A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109542296A (zh) * | 2018-11-30 | 2019-03-29 | 北京字节跳动网络技术有限公司 | 一种标题的切换方法、装置、电子设备及可读介质 |
CN111767002A (zh) * | 2019-05-20 | 2020-10-13 | 北京京东尚科信息技术有限公司 | 页面展示方法、装置、设备及存储介质 |
CN113051016A (zh) * | 2021-03-30 | 2021-06-29 | 北京字节跳动网络技术有限公司 | 页面显示方法、装置、设备和存储介质 |
CN113688345A (zh) * | 2021-08-06 | 2021-11-23 | 咪咕数字传媒有限公司 | 一种页面切换方法、装置及计算设备 |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115708345A (zh) * | 2023-01-06 | 2023-02-21 | 山东捷瑞数字科技股份有限公司 | 数字孪生场景下基于UIScrollView的下拉界面动态展示方法 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN103733172B (zh) | 用于文本选择/光标放置的自动缩放 | |
CN104685470B (zh) | 用于从模板生成用户界面的设备和方法 | |
EP3493100A1 (en) | Two-dimensional code identification method and device, and mobile terminal | |
CN105320417B (zh) | 页面切换方法及客户端 | |
US20160266757A1 (en) | Terminal Screenshot Method and Device | |
EP3518101A1 (en) | Electronic device and method for using captured image in electronic device | |
US20140071171A1 (en) | Pinch-and-zoom, zoom-and-pinch gesture control | |
WO2014015083A1 (en) | Transforming data to create layouts | |
TW201528107A (zh) | 自動捲動區域 | |
CN104462516B (zh) | 一种信息提示方法及移动终端 | |
CN102685213A (zh) | 基于移动终端的数据上传方法、装置及移动终端 | |
CN106873844B (zh) | 图片查看方法及装置 | |
CN103838486B (zh) | 一种终端显示页面的操作方法及终端 | |
CN114756155A (zh) | 一种应用于页面展示的滑动控制方法及装置 | |
CN105867805B (zh) | 一种信息加载的方法及电子设备 | |
CN105045481A (zh) | 一种操作方法及终端 | |
CN107277032B (zh) | 一种视频清晰度的切换方法、装置、存储介质及终端 | |
CN104038838A (zh) | 一种数据播放方法及装置 | |
CN110837368A (zh) | 一种数据处理的方法、装置及电子设备 | |
US11368531B2 (en) | Method and apparatus for file management | |
US10838581B2 (en) | Controlling electronic equipment navigation among multiple open applications | |
CN108920266A (zh) | 程序切换方法、智能终端及计算机可读存储介质 | |
EP2711805A1 (en) | Method for handling a gesture-based user interface | |
CN108198272B (zh) | 一种数据处理方法及其设备 | |
CN105183707A (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 |