CN115756694A - 轮播图的交互方法、装置及设备 - Google Patents
轮播图的交互方法、装置及设备 Download PDFInfo
- Publication number
- CN115756694A CN115756694A CN202211442004.6A CN202211442004A CN115756694A CN 115756694 A CN115756694 A CN 115756694A CN 202211442004 A CN202211442004 A CN 202211442004A CN 115756694 A CN115756694 A CN 115756694A
- Authority
- CN
- China
- Prior art keywords
- image
- value
- carousel
- identifier
- display area
- 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
Images
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本申请提供的轮播图的交互方法、装置及设备,该方法包括:响应于用户针对于轮播图显示区域的第一操作,控制轮播图显示区域中的显示图像从原始图像切换至第一操作所指示的目标图像;实时获取当前时间,并确定当前时间与切换时间二者的差值,若确定差值大于第一预设值,则执行目标图像对应的预设操作,其中,预设操作用于指示在执行切换至目标图像的过程中时除切换操作以外的其余操作。本实施例中的图像切换操作与目标图像所对应的预设操作分开执行,即预设操作在图像切换操作执行结束后在经过第一预设值所对应的时间间隔之后在执行预设操作,可以避免用户在电子设备的显示界面中所观察到的图像切换出现不流畅、卡顿、甚至出现掉帧的问题。
Description
技术领域
本申请涉及电子技术领域,尤其涉及一种轮播图的交互方法、装置及设备。
背景技术
目前,轮播图作为一种信息展示方式已广泛应用到各种网页、应用程序显示界面中,轮播图既可以用于展示当前显示界面中需要显示的重要信息,例如,用户可以通过左右滑动轮播图显示区域中的图像,以便对切换轮播图显示区域中的显示图像。此外,轮播图又可以作为不同功能的入口界面,供用户访问,例如,用户在对轮播图显示区域中的图像进行点击时,可以访问该显示图像所对应的访问界面。
然而,当前当用户指示轮播图显示界面的图像进行切换时,此时,用于显示轮播图的设备内部除了会对执行对图像的切换操作,同时还会执行一些用户额外设置的其余操作,例如,发送网络请求、控制设备进行震动等其他的操作,进而容易导致设备内部的资源占用较高,导致图像切换的过程中出现卡顿的现象。
因此,亟需一种轮播图的交互方式以避免上述技术问题。
发明内容
本申请提供一种轮播图的交互方法、装置及设备,用以解决相关技术中用户进行轮播图图像切换的过程中出现卡顿的现象。
第一方面,本申请提供一种轮播图的交互方法,包括:
响应于用户针对于轮播图显示区域的第一操作,控制所述轮播图显示区域中的显示图像从原始图像切换至所述第一操作所指示的目标图像;
实时获取当前时间,并确定所述当前时间与切换时间二者的差值,其中,所述切换时间为所述轮播图显示区域中的图像切换至所述目标图像的时间;
若确定所述差值大于第一预设值,则执行所述目标图像对应的预设操作,其中,所述预设操作用于指示在执行切换至所述目标图像的过程中时除切换操作以外的其余操作。
在一种可能的实现方式中,控制所述轮播图显示区域中的显示图像从原始图像切换至所述第一操作所指示的目标图像之后,所述方法还包括:
对第一标识的取值进行加1处理;其中,所述第一标识用于表征当前待执行的预设操作的数量;
若确定所述差值大于第一预设值,则执行所述目标图像对应的预设操作之后,所述方法还包括:
若确定所述预设操作执行结束,则对所述第一标识的取值进行减1处理。
在一种可能的实现方式中,所述方法还包括:
响应于用户针对于轮播图显示区域的第二操作,获取所述第一标识的取值;其中,所述第二操作为除指示切换所述轮播图显示区域中的显示图像的操作以外的其余针对所述轮播图显示区域的操作;
若确定所述第一标识的取值等于0,且确定当前不存在其余未被执行的第二操作,则执行所述第二操作。
在一种可能的实现方式中,所述方法还包括:
若确定所述第一标识的取值大于0,则控制第二标识的取值为第一值,其中,所述第二标识的取值为第一值时表征当前存在待执行的第二操作;
所述执行所述第二操作之后,所述方法还包括:
调整所述第二标识的取值为第二值。
在一种可能的实现方式中,所述方法还包括:
若确定所述第一标识的取值大于0,则对第三标识的取值进行加1处理,其中,所述第三标识的取值为第一值时表征当前存在的待执行的第二操作的数量;
所述执行所述第二操作之后,所述方法还包括:
对所述第三标识进行减1处理。
在一种可能的实现方式中,实时获取当前时间,包括:
若确定当前不存在正在执行的第三操作,则实时获取当前时间;其中,所述第三操作表征用户在第一操作之前发起的除指示切换所述轮播图显示区域中的显示图像的操作以外的其余针对所述轮播图显示区域的操作。
在一种可能的实现方式中,确定当前不存在正在执行的第三操作,包括:
确定用户发起的第三操作已执行结束,且所述第三操作执行结束的时间与当前时间二者之间的差值大于第二预设值,则确定当前不存在正在执行的第三操作。
在一种可能的实现方式中,所述方法还包括:
若确定当前存在正在执行的第三操作时,则控制所述轮播图显示区域的待显示图像的标识为所述原始图像的标识。
第二方面,本申请提供一种轮播图的交互装置,包括:
第一控制单元,用于响应于用户针对于轮播图显示区域的第一操作,控制所述轮播图显示区域中的显示图像从原始图像切换至所述第一操作所指示的目标图像;
第一获取单元,用于实时获取当前时间;
确定单元,用于确定所述当前时间与切换时间二者的差值,其中,所述切换时间为所述轮播图显示区域中的图像切换至所述目标图像的时间;
第一执行单元,用于若确定所述差值大于第一预设值,则执行所述目标图像对应的预设操作,其中,所述预设操作用于指示在执行切换至所述目标图像的过程中时除切换操作以外的其余操作。
所述装置还包括:
第一处理单元,用于在所述第一控制单元控制所述轮播图显示区域中的显示图像从原始图像切换至所述第一操作所指示的目标图像之后,对第一标识的取值进行加1处理;其中,所述第一标识用于表征当前待执行的预设操作的数量;
第二处理单元,用于在所述第一执行单元确定所述差值大于第一预设值,且执行所述目标图像对应的预设操作之后,若确定所述预设操作执行结束,则对所述第一标识的取值进行减1处理。
在一种可能的实现方式中,所述装置还包括:
第二获取单元,用于响应于用户针对于轮播图显示区域的第二操作,获取所述第一标识的取值;其中,所述第二操作为除指示切换所述轮播图显示区域中的显示图像的操作以外的其余针对所述轮播图显示区域的操作;
第二执行单元,用于若确定所述第一标识的取值等于0,且确定当前不存在其余未被执行的第二操作,则执行所述第二操作。
在一种可能的实现方式中,所述装置还包括:
第二控制单元,用于若确定所述第一标识的取值大于0,则控制第二标识的取值为第一值,其中,所述第二标识的取值为第一值时表征当前存在待执行的第二操作;
调整单元,用于在所述第二执行单元执行所述第二操作之后,调整所述第二标识的取值为第二值。
在一种可能的实现方式中,所述装置还包括:
第三处理单元,用于若确定所述第一标识的取值大于0,则对第三标识的取值进行加1处理,其中,所述第三标识的取值为第一值时表征当前存在的待执行的第二操作的数量;
所述装置还包括:
第四处理单元,用于在所述第二执行单元执行所述第二操作之后,对所述第三标识进行减1处理。
在一种可能的实现方式中,第一获取单元,具体用于:
若确定当前不存在正在执行的第三操作,则实时获取当前时间;其中,所述第三操作表征用户在第一操作之前发起的除指示切换所述轮播图显示区域中的显示图像的操作以外的其余针对所述轮播图显示区域的操作。
在一种可能的实现方式中,第一获取单元,包括:
确定模块,用于确定用户发起的第三操作已执行结束,且所述第三操作执行结束的时间与当前时间二者之间的差值大于第二预设值,则确定当前不存在正在执行的第三操作;
获取模块,用于实时获取当前时间。
在一种可能的实现方式中,所述装置还包括:
第三控制单元,用于若确定当前存在正在执行的第三操作时,则控制所述轮播图显示区域的待显示图像的标识为所述原始图像的标识。
第三方面,本申请提供一种电子设备,包括:存储器,处理器;
存储器;用于存储所述处理器可执行指令的存储器;
其中,所述处理器,用于根据所述可执行指令执行如第一方面任一项所述的方法。
第四方面,本申请提供一种计算机可读存储介质,所述计算机可读存储介质中存储有计算机执行指令,所述计算机执行指令被处理器执行时用于实现如第一方面任一项所述的方法。
第五方面,本申请一种计算机程序产品,所述计算机程序产品包括计算机程序,该计算机程序被处理器执行时实现第一方面中任一项所述的方法。
本申请提供的轮播图的交互方法、装置及设备,该方法包括:响应于用户针对于轮播图显示区域的第一操作,控制所述轮播图显示区域中的显示图像从原始图像切换至所述第一操作所指示的目标图像;实时获取当前时间,并确定所述当前时间与切换时间二者的差值,其中,所述切换时间为所述轮播图显示区域中的图像切换至所述目标图像的时间;若确定所述差值大于第一预设值,则执行所述目标图像对应的预设操作,其中,所述预设操作用于指示在执行切换至所述目标图像的过程中时除切换操作以外的其余操作。本实施例中的图像切换操作与目标图像所对应的预设操作分开执行,即预设操作在图像切换操作执行结束后在经过第一预设值所对应的时间间隔之后在执行预设操作,相比于相关技术中会在电子设备内部同时执行图像切换操作以及预设操作的方法,本实施例中所提供的方法可以降低对电子设备中的资源的消耗,进而避免用户在电子设备的显示界面中所观察到的图像切换出现不流畅、卡顿、甚至出现掉帧的问题。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本申请的实施例,并与说明书一起用于解释本申请的原理。
图1为本申请实施例提供的一种轮播图的交互方法的流程示意图;
图2为本申请实施例提供的第二种轮播图的交互方法的流程示意图;
图3为本申请实施例提供的第三种轮播图的交互方法的流程示意图;
图4为本申请实施例提供的一种轮播图的交互装置的结构示意图;
图5为本申请实施例提供的第二种轮播图的交互装置的结构示意图;
图6为本申请实施例中提供的一种电子设备的结构示意图。
通过上述附图,已示出本申请明确的实施例,后文中将有更详细的描述。这些附图和文字描述并不是为了通过任何方式限制本申请构思的范围,而是通过参考特定实施例为本领域技术人员说明本申请的概念。
具体实施方式
这里将详细地对示例性实施例进行说明,其示例表示在附图中。下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本申请相一致的所有实施方式。相反,它们仅是与本申请的一些方面相一致的装置和方法的例子。
目前,在进行页面展示时,为了给用户提供更好的显示页面的使用体验,通常在进行页面设计时,会采用轮播图的方式进行图像显示。
相关技术中,在页面开发时,研发人员通常会采用javascript编写的前端插件Swiper实现的前端界面的显示。然而,采用上述插件进行轮播图图像切换时,会占用较多的资源。此外,随着研发人员对于设备进行轮播图图像切换时的设置,当接收到用户在前端发送的轮播图图像切换指令之后,后端设备不仅会执行轮播图图像切换的操作,同时还会进行其余的操作。举例来说,在页面设计时,当用户切换至某轮播图图像时,同时会控制设备发出震动、或者控制设备播放对应轮播图图像的音频、又或者发送轮播图图像对应的网络请求以便确定当前有多少用户浏览该图像等除切换图像以外的额外操作。
因此,在设备执行上述切换图像的操作的同时,还需要并行的执行除切换图像以外的切换后的图像所对应的其余操作,容易造成设备内部资源占用率较高,导致前端界面所出现图像切换卡顿或者掉帧的现象。
本申请提供的轮播图的交互方法、装置及设备,用以解决上述技术问题。
下面以具体地实施例对本申请的技术方案以及本申请的技术方案如何解决上述技术问题进行详细说明。下面这几个具体的实施例可以相互结合,对于相同或相似的概念或过程可能在某些实施例中不再赘述。下面将结合附图,对本申请的实施例进行描述。
图1为本申请实施例提供的一种轮播图的交互方法的流程示意图,如图1所示,该方法包括以下步骤:
S101、响应于用户针对于轮播图显示区域的第一操作,控制轮播图显示区域中的显示图像从原始图像切换至第一操作所指示的目标图像。
示例性地,本实施例的执行主体以电子设备为例进行举例说明。
本实施例中的轮播图显示区域可以理解为电子设备中的当前显示界面中的轮播图显示区域。举例来说,在实际应用中,轮播图显示区域可以设置在用户打开各个网页或者应用程序后,首个显示界面中的开头区域。
其中,用户针对于轮播图显示区域的第一操作可以理解为用户指示切换当前轮播图显示区域的轮播图的图像的操作。在实际应用中,用户的第一操作可以为用户在轮播图显示区域中向左或者向右进行滑动操作。
此外,本实施例中,为了避免电子设备在响应用户的第一操作时,同时执行图像切换以及图像切换以外的其余预设操作,当电子设备检测到用户针对轮播图显示区域的第一操作之后,电子设备首先会执行第一操作所指示的图像切换操作,即将轮播图显示区域中的原始图像切换为第一操作所指示的目标图像,并将目标图像显示在显示界面中的轮播图显示区域中。其中,原始图像可以理解为用户在执行第一操作之前,轮播图显示区域中所显示的图像。
S102、实时获取当前时间,并确定当前时间与切换时间二者的差值,其中,切换时间为轮播图显示区域中的图像切换至目标图像的时间。
示例性地,当电子设备确定轮播图显示区域中的显示图像已被切换为第一操作所指示的目标图像之后,此时,会将切换执行结束的时间作为切换时间。在确定出切换时间之后,电子设备会实时获取当前时间,并将当前时间与切换时间进行求差处理,即确定当前时间与切换时间之间的差值。
S103、若确定差值大于第一预设值,则执行目标图像对应的预设操作,其中,预设操作用于指示在执行切换至目标图像的过程中时除切换操作以外的其余操作。
示例性地,当切换时间与当前时间二者之间的差值大于第一预设值时,此时,电子设备会继续执行目标图像所对应的预设操作。其中,目标图像所对应的预设操作可以理解为研发人员在对轮播图显示区域中的图像切换进行设计时,预先设置的切换至该目标图像时所需要进行的其余操作。即,电子设备针对于用户的第一操作进行响应时,会响应两个处理,一个处理为切换轮播图的切换处理,另一个处理为第一操作所指示的目标图像的预设操作的处理。举例来说,在用户滑动切换轮播图显示区域中的图像时,当用户滑动至某一预设图像时,此时电子设备不仅会显示用户滑动过程中所指示的预设图像,还会同时控制设备进行其余操作,例如,控制电子设备震动,或者发送网络请求等。
其中,第一预设值可以为预设的固定取值,也可以基于电子设备当前的资源占用率来确定第一预设值的大小,其中,设备的资源占用率越大,对应的第一预设值的取值可以越小。
可以理解的是,当二者之间的差值小于或等于第一预设值时,此时可以重复执行步骤S102,直至二者之间的差值满足大于第一预设值的条件。
举例来说,在实际应用中,目标图像所对应的预设操作可以封装在Swiper组件所提供的slideChange回调函数中,为了确保图像切换操作与slideChange回调函数中的预设操作二者之间可以分开执行,因此,在slideChange回调函数中可以加入延时函数,即基于延时函数确定当前时间与切换时间之间的差值是否满足大于第一预设值的条件。
可以理解的是,本实施例中的轮播图图像切换操作与目标图像所对应的预设操作分开执行,即预设操作在图像切换操作执行结束后在经过第一预设值所对应的时间间隔之后在执行预设操作,相比于相关技术中会在电子设备内部同时执行图像切换操作以及预设操作的方法,本实施例中所提供的方法可以降低对电子设备中的资源的消耗,进而避免用户在电子设备的显示界面中所观察到的轮播图图像切换出现不流畅、卡顿、甚至出现掉帧的问题。
图2为本申请实施例提供的第二种轮播图的交互方法的流程示意图,如图2所示,该方法包括以下步骤:
S201、响应于用户针对于轮播图显示区域的第一操作,控制轮播图显示区域中的显示图像从原始图像切换至第一操作所指示的目标图像。
S202、对第一标识的取值进行加1处理;其中,第一标识用于表征当前待执行的预设操作的数量。
示例性地,本实施例中,由于在图像切换操作与预设操作之间设置了第一预设值的时间间隔的要求,因此,在用户快速执行多次第一操作时,会出现图像切换显示与电子设备所执行的预设操作出现错位的现象。举例来说,用户首次执行第一操作时,指示切换至图像1,之后,用户再次快速执行第一操作并指示切换至图像2,而电子设备中由于图像切换与预设操作之间存在时间间隔,此时容易出现显示的图像已经切换至图像2,而电子设备中仍然执行图像1所对应的预设操作,原本切换至图像1所需要执行的操作,延迟至切换至图像2后才执行,容易出现显示图像与预设操作结果不匹配的现象。例如,原本切换至图像1时,设备需要进行震动操作,而此时图像切换至图像2时才执行了震动操作。
因此,为了避免上述现象,本实施例中在电子设备中第一标识,用第一标识来表征当前待执行的预设操作的数量。举例来说,当第一操作为左右滑动操作时,此时,用户每执行一次左右滑动操作,都会在第一标识所对应的取值的基础上进行加1操作,即每次滑动操作都会对应一个预设操作。需要说明的是,在一些实施例中,步骤S202中的加1操作,与步骤S201中的图像切换操作也可以同时进行。
S203、实时获取当前时间,并确定当前时间与切换时间二者的差值,其中,切换时间为轮播图显示区域中的图像切换至目标图像的时间。
S204、若确定差值大于第一预设值,则执行目标图像对应的预设操作,其中,预设操作用于指示在执行切换至目标图像的过程中时除切换操作以外的其余操作。
示例性地,步骤S203-S204的具体原理可以参见步骤S102-S103,此处不再赘述。
S205、若确定预设操作执行结束,则对第一标识的取值进行减1处理。
示例性地,当电子设备确定预设操作执行结束之后,此时,则可以对第一标识进行减1处理,即表征该第一操作所对应的图像切换操作以及目标图像所对应的预设操作已被全部执行。
可以理解的是,本实施例中,在电子设备中设置有可表征当前设备中待执行的预设操作的数量的第一标识,以便电子设备在确定当前存在待执行的预设操作时,不会响应用户的其余操作,以确保轮播图图像切换操作与预设操作不会出现错位现象。
S206、响应于用户针对于轮播图显示区域的第二操作,获取第一标识的取值;其中,第二操作为除指示切换轮播图显示区域中的显示图像的操作以外的其余针对轮播图显示区域的操作。
示例性地,本实施例中,用户针对轮播图显示区域的第二操作,可以理解为用户针对目标操作区域所执行的除指示切换轮播图显示区域中的显示图像操作以外的其余操作。
举例来说,在实际应用中,第一操作为用户针对轮播图显示区域中的左右滑动操作时。第二操作可以为针对轮播图显示区域的点击、上下滑动等并非指示切换轮播图图像的操作。
当用户针对轮播图显示区域执行第一操作之后,若用户针对轮播图显示区域执行了第二操作时,此时,电子设备首先会确定当前第一标识的取值。
S207、若确定第一标识的取值等于0,且确定当前不存在其余未被执行的第二操作,则执行第二操作。
示例性地,本实施例中以第一标识的初始值为0为例进行说明。当电子设备确定当前第一标识的取值为0时,此时,则表明当前电子设备已经将轮播图显示区域中的显示图像切换为第一操作所指示的目标图像,并且目标操作所对应的预设操作也已执行结束,此时,若确定电子设备中不存在其余未被执行的第二操作,则此时,可以直接执行该第二操作。
可以理解的是,本实施例中,当用户在执行第一操作之后,继续执行第二操作时,此时,首先基于电子设备中的第一标识来确定当前是否存在未执行结束的预设操作,若不存在未执行结束的预设操作,且不存在其余未被执行的第二操作时,此时,可以直接执行用户第二操作所指示的处理,进而,通过上述方法可以确保第一操作以及第二操作的顺序执行,不会出现预设操作被遗漏执行,或者预设操作与图像切换不匹配的现象。
一个示例中,在图2所示的实施例的基础上,该方法还包括:
若确定第一标识的取值大于0,则控制第二标识的取值为第一值,其中,第二标识的取值为第一值时表征当前存在待执行的第二操作;
执行第二操作之后,方法还包括:
调整第二标识的取值为第二值。
示例性地,本实施例中,当用户针对轮播图显示区域执行第一操作之后,若用户针对轮播图显示区域执行了第二操作时,且电子设备获取到的第一标识的取值大于0时,此时,电子设备确定当前用户的第一操作指示的目标图像所对应的预设操作还未执行结束,此时会将电子设备中的第二标识的取值设置为第一值,其中,电子设备中的第二标识的取值可以用于表征当前是否存在需要执行的第二操作。当电子设备的第二标识取值为第一值时,则表征当前存在需要执行的第二操作;当电子设备中的第二标识取值为第二值时,此时表征当前不存在需要执行的第二操作。因此,电子设备在第一操作指示的目标图像所对应的预设操作执行结束之后,首先会将第一标识的取值减1,当确定第一标识的取值为0时,此时,会继续确定第二标识的取值是否为第一值。若确定第二标识的取值为第一值,则可以会继续依次执行需要执行的第二操作,直至第二操作执行结束之后,会将第二标识的取值设置为第二值。举例来说,在实际应用中,第二值可以为“false”,第一值可以为“true”。
可以理解的是,本实施例中通过设置第一标识以及第二标识,来确保在轮播图切换图像操作已完成,但目标图像对应的预设操作还未执行完期间,对所接收到用户的第二操作进行有效管理,即通过将第二标识设置为第一值,并暂缓执行第二操作,直至第一标识的取值恢复为0时,在继续执行未被执行的第二操作,可以确保用户对轮播图显示区域的操作可以顺序执行,不会发生执行错位或者遗漏的现象。
一个示例中,在图2所示的实施例的基础上,该方法还包括:
若确定第一标识的取值大于0,则对第三标识的取值进行加1处理,其中,第三标识的取值为第一值时表征当前存在的待执行的第二操作的数量;
执行第二操作之后,方法还包括:
对第三标识进行减1处理。
示例性地,本实施例中,当用户针对轮播图显示区域执行第一操作之后,若用户针对轮播图显示区域执行了第二操作时,且电子设备获取到的第一标识的取值大于0时,此时,电子设备确定当前第一操作指示的目标图像的预设操作还未执行结束,此时会将电子设备中的第三标识的取值进行加1处理,其中,电子设备中第三标识的取值可以为用于表征当前存在的待执行的第二操作的数量。举例来说,当不存在待执行的第二操作时,此时,对应的第二标识的取值可以为0。此外,本实施例中,当用户针对轮播图显示区域的第二操作被电子设备执行之后,电子设备可以对第三标识进行减1处理。
可以理解的是,本实施例中通过设置第一标识以及第三标识,来确保在轮播图切换图像操作已完成,但目标图像对应的预设操作还未执行完期间,对所接收到用户的第二操作进行有效管理,即通过将第三标识进行加1处理,并暂缓执行第二操作,直至第一标识的取值恢复为0时,在继续执行未被执行的第二操作,可以确保用户对轮播图显示区域的操作可以顺序执行,不会发生执行错位或者遗漏的现象。并且,在第二操作执行结束之后,还会对第三标识进行减1处理,以便电子设备可以基于第三标识的取值确定出当前是否存在未被执行的第二操作,确定各操作不会被遗漏。
本实施例中,在电子设备中设置有可表征当前设备中待执行的预设操作的数量的第一标识,以便电子设备在确定当前存在待执行的预设操作时,不会响应用户的其余操作,以确保图像切换操作与预设操作不会出现错位现象。并且当用户在执行第一操作之后,继续执行第二操作时,此时,首先基于电子设备中的第一标识来确定当前是否存在未执行结束的第一操作指示的目标图像对应的预设操作,若不存在未执行结束的预设操作,且不存在其余未被执行的第二操作时,此时,可以直接执行用户第二操作所指示的处理,进而,通过上述方法可以确保第一操作以及第二操作的顺序执行,不会出现预设操作被遗漏执行,或者预设操作与图像切换不匹配的现象。
图3为本申请实施例提供的第三种轮播图的交互方法的流程示意图,如图3所示,该方法包括以下步骤:
S301、响应于用户针对于轮播图显示区域的第一操作,控制轮播图显示区域中的显示图像从原始图像切换至第一操作所指示的目标图像。
示例性地,本实施例中,步骤S301的具体原理可以参见步骤S101,此处不再赘述。
S302、若确定当前不存在正在执行的第三操作,则实时获取当前时间;其中,第三操作表征用户在第一操作之前发起的除指示切换轮播图显示区域中的显示图像的操作以外的其余针对轮播图显示区域的操作。
示例性地,本实施例的执行主体以电子设备为例进行说明。
相关技术中,当用户对轮播图显示区域中的图像1进行点击操作之后,用户又将轮播图显示区域中的显示图像滑动图像2,进而导致电子设备实际执行点击操作所对应的请求时,会得到图像2所对应的点击请求结果而并非图像1的点击请求结果,进而导致电子设备内部的操作逻辑执行错误。
本实施例中,为了避免上述问题当电子设备接收到用户针对与轮播图显示区域的第一操作之后,电子设备还需要进一步确定在接收到该第一操作之前已经接收到的第三操作是否已被执行结束。其中,第三操作可以理解为用户针对轮播图显示区域中所执行并非指示执行轮播图切换的操作,且该用户发起第三操作的时间早于发起第一操作的时间。举例来说,第三操作可以为对轮播图进行点击操作,以便访问轮播图所对应的显示界面。在一些实施例中,第三操作也可以为对轮播图进行上下滑动操作,以便访问轮播图所对应的显示界面。
当电子设备确定在接收到第一操作之前所接收到第三操作已被执行结束,此时,才会进一步判断是否对目标图像对应的预设操作进行进一步处理。
一个示例中,电子设备中可以设置第四标识,其中,第四标识的取值可以用于表征当前是否存在正在被执行结束的第三操作,进而可以通过第四标识来确定是否存在正在执行的第三操作。
可以理解是,本实施例中对于发生在第一操作之前的第三操作也进行了管理,即,仅当确定了第一操作之前的第三操作已被执行结束之后,再继续确定当前时间与切换时间之间的差值是否大于第一预设值,进而确定是否进一步执行控制执行目标图像对应的预设操作,进而避免在电子设备出现逻辑错误的现象。
一个示例中,确定当前不存在正在执行的第三操作,包括:
确定用户发起的第三操作已执行结束,且第三操作执行结束的时间与当前时间二者之间的差值大于第二预设值,则确定当前不存在正在执行的第三操作。
示例性地,本实施例中,在电子设备确定当前是否存在正在执行的第三操作时,首先可以确定用户发起的第一操作之前的第三操作是否被执行结束,且第三操作的结束时间与当前时间之间的差值是否大于第二预设值。若第三操作已被执行结束,且第三操作的结束时间与当前时间之间的差值大于第二预设值,则电子设备可以确定当前不存在正在执行的第三操作,之后才会继续执行目标图像对应的预设操作。
举例来说,在实际应用中,当在执行位于第一操作之前接收到的第三操作时,此时可以控制第四标识所表征的含义为当前第三操作尚未执行结束;当第三操作执行结束并且结束后的时间已经经过第二预设值所对应的时长之后,此时,可以控制第四标识所表征的含义为当前第三操作已执行结束。
可以理解的是,本实施例中,第三操作执行完成的标识可以为第三操作所对应的程序执行结束,并且,第三操作执行结束的时长已满足第二预设值时,此时,才会进一步确定当前时间与切换时间之间的差值是否大于第一预设值,进而确定是否进一步执行控制执行目标图像对应的预设操作。本实施例中,通过设置第二预设值,进一步确保避免出现上述用户点击图像1后,滑动到图像2,电子设备实际执行了图像2的点击函数而非图像1的点击函数的现象。
S303、确定当前时间与切换时间二者的差值,其中,切换时间为轮播图显示区域中的图像切换至目标图像的时间。
S304、若确定差值大于第一预设值,则执行目标图像对应的预设操作,其中,预设操作用于指示在执行切换至目标图像的过程中时除切换操作以外的其余操作。
示例性地,步骤S303与步骤S304的具体原理可以参见步骤S102-S103,此处不再赘述。
S305、若确定当前存在正在执行的第三操作时,则控制轮播图显示区域的待显示图像的标识为原始图像的标识。
示例性地,本实施例中,当电子设备接收到用户的第一操作之后,若确定当前存在正在执行的第三操作时,此时,会控制轮播图显示区域的待显示图像的标识恢复至原始图像的标识,并且不再执行上述判断时间差值与第一预设值之间的大小的步骤,即确保当前显示区域中的待显示图像的标识维持在执行用户的第一操作所对应的图像切换处理之前的图像标识,并且不再执行第一操作所对应的目标图像所对应的预设操作。
一个示例中,若电子设备在接收到该第一操作时,已对第一标识进行过加1处理,此时,若确定无需在执行第一操作所对应的目标图像的预设操作,则此时可以对第一标识进行减1操作。
可以理解的是,本实施例中,当电子设备在执行用户的第三操作所对应的处理的过程中,若再次接收到用户输入的第一操作,此时,则不会执行第一操作所对应的目标图像的预设操作,并且,还会进一步确保轮播图显示区域的待显示图像的标识恢复至原始图像的标识,进而确保第三操作可以准确执行。
图4为本申请实施例提供的一种轮播图的交互装置的结构示意图,包括:
第一控制单元401,用于响应于用户针对于轮播图显示区域的第一操作,控制轮播图显示区域中的显示图像从原始图像切换至第一操作所指示的目标图像;
第一获取单元402,用于实时获取当前时间;
确定单元403,用于确定当前时间与切换时间二者的差值,其中,切换时间为轮播图显示区域中的图像切换至目标图像的时间;
第一执行单元404,用于若确定差值大于第一预设值,则执行目标图像对应的预设操作,其中,预设操作用于指示在执行切换至目标图像的过程中时除切换操作以外的其余操作。
本实施例提供的装置,用于实现上述方法提供的技术方案,其实现原理和技术效果类似,不再赘述。
图5为本申请实施例提供的第二种轮播图的交互装置的结构示意图,在图4所示的装置的基础上,本实施例中所提供的装置还包括:
第一处理单元405,用于在第一控制单元401控制轮播图显示区域中的显示图像从原始图像切换至第一操作所指示的目标图像之后,对第一标识的取值进行加1处理;其中,第一标识用于表征当前待执行的预设操作的数量;
第二处理单元406,用于在第一执行单元404确定差值大于第一预设值,且执行目标图像对应的预设操作之后,若确定预设操作执行结束,则对第一标识的取值进行减1处理。
在一种可能的实现方式中,装置还包括:
第二获取单元407,用于响应于用户针对于轮播图显示区域的第二操作,获取第一标识的取值;其中,第二操作为除指示切换轮播图显示区域中的显示图像的操作以外的其余针对轮播图显示区域的操作;
第二执行单元408,用于若确定第一标识的取值等于0,且确定当前不存在其余未被执行的第二操作,则执行第二操作。
在一种可能的实现方式中,该装置还包括:
第二控制单元,用于若确定第一标识的取值大于0,则控制第二标识的取值为第一值,其中,第二标识的取值为第一值时表征当前存在待执行的第二操作;
调整单元,用于在第二执行单元408执行第二操作之后,调整第二标识的取值为第二值。
在一种可能的实现方式中,装置还包括:
第三处理单元,用于若确定第一标识的取值大于0,则对第三标识的取值进行加1处理,其中,第三标识的取值为第一值时表征当前存在的待执行的第二操作的数量;
第四处理单元,用于在第二执行单元执行第二操作之后,对第三标识进行减1处理。
在一种可能的实现方式中,第一获取单元402,具体用于:
若确定当前不存在正在执行的第三操作,则实时获取当前时间;其中,第三操作表征用户在第一操作之前发起的除指示切换轮播图显示区域中的显示图像的操作以外的其余针对轮播图显示区域的操作。
在一种可能的实现方式中,第一获取单元402,包括:
确定模块4021,用于确定用户发起的第三操作已执行结束,且第三操作执行结束的时间与当前时间二者之间的差值大于第二预设值,则确定当前不存在正在执行的第三操作。
获取模块4022,用于实时获取当前时间。
在一种可能的实现方式中,该装置还包括:
第三控制单元409,用于若确定当前存在正在执行的第三操作时,则控制轮播图显示区域的待显示图像的标识为原始图像的标识。
本实施例提供的装置,用于实现上述方法提供的技术方案,其实现原理和技术效果类似,不再赘述。
本申请提供一种电子设备,包括:存储器,处理器;
存储器;用于存储处理器可执行指令的存储器;
其中,处理器,用于根据可执行指令执行方法。
图6为本申请实施例中提供的一种电子设备的结构示意图,如图6所示,该电子设备包括:
处理器(processor)291,电子设备还包括了存储器(memory)292;还可以包括通信接口(Communication Interface)293和总线294。其中,处理器291、存储器292、通信接口293、可以通过总线294完成相互间的通信。通信接口293可以用于信息传输。处理器291可以调用存储器292中的逻辑指令,以执行上述实施例的方法。
此外,上述的存储器292中的逻辑指令可以通过软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。
存储器292作为一种计算机可读存储介质,可用于存储软件程序、计算机可执行程序,如本申请实施例中的方法对应的程序指令/模块。处理器291通过运行存储在存储器292中的软件程序、指令以及模块,从而执行功能应用以及数据处理,即实现上述方法实施例中的方法。
存储器292可包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用程序;存储数据区可存储根据终端设备的使用所创建的数据等。此外,存储器292可以包括高速随机存取存储器,还可以包括非易失性存储器。
本申请提供一种计算机可读存储介质,计算机可读存储介质中存储有计算机执行指令,计算机执行指令被处理器执行时用于实现任一项的方法。
本申请一种计算机程序产品,计算机程序产品包括计算机程序,该计算机程序被处理器执行时实现任一项的方法。
本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本申请的其它实施方案。本申请旨在涵盖本申请的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本申请的一般性原理并包括本申请未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本申请的真正范围和精神由所附的权利要求书指出。
应当理解的是,本申请并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本申请的范围仅由所附的权利要求书来限制。
Claims (10)
1.一种轮播图的交互方法,其特征在于,包括:
响应于用户针对于轮播图显示区域的第一操作,控制所述轮播图显示区域中的显示图像从原始图像切换至所述第一操作所指示的目标图像;
实时获取当前时间,并确定所述当前时间与切换时间二者的差值,其中,所述切换时间为所述轮播图显示区域中的图像切换至所述目标图像的时间;
若确定所述差值大于第一预设值,则执行所述目标图像对应的预设操作,其中,所述预设操作用于指示在执行切换至所述目标图像的过程中时除切换操作以外的其余操作。
2.根据权利要求1所述的方法,其特征在于,控制所述轮播图显示区域中的显示图像从原始图像切换至所述第一操作所指示的目标图像之后,所述方法还包括:
对第一标识的取值进行加1处理;其中,所述第一标识用于表征当前待执行的预设操作的数量;
若确定所述差值大于第一预设值,则执行所述目标图像对应的预设操作之后,所述方法还包括:
若确定所述预设操作执行结束,则对所述第一标识的取值进行减1处理。
3.根据权利要求2所述的方法,其特征在于,所述方法还包括:
响应于用户针对于轮播图显示区域的第二操作,获取所述第一标识的取值;其中,所述第二操作为除指示切换所述轮播图显示区域中的显示图像的操作以外的其余针对所述轮播图显示区域的操作;
若确定所述第一标识的取值等于0,且确定当前不存在其余未被执行的第二操作,则执行所述第二操作。
4.根据权利要求3所述的方法,其特征在于,所述方法还包括:
若确定所述第一标识的取值大于0,则控制第二标识的取值为第一值,其中,所述第二标识的取值为第一值时表征当前存在待执行的第二操作;
所述执行所述第二操作之后,所述方法还包括:
调整所述第二标识的取值为第二值。
5.根据权利要求3所述的方法,其特征在于,所述方法还包括:
若确定所述第一标识的取值大于0,则对第三标识的取值进行加1处理,其中,所述第三标识的取值为第一值时表征当前存在的待执行的第二操作的数量;
所述执行所述第二操作之后,所述方法还包括:
对所述第三标识进行减1处理。
6.根据权利要求1-5中任一项所述的方法,其特征在于,实时获取当前时间,包括:
若确定当前不存在正在执行的第三操作,则实时获取当前时间;其中,所述第三操作表征用户在第一操作之前发起的除指示切换所述轮播图显示区域中的显示图像的操作以外的其余针对所述轮播图显示区域的操作。
7.根据权利要求6所述的方法,其特征在于,确定当前不存在正在执行的第三操作,包括:
确定用户发起的第三操作已执行结束,且所述第三操作执行结束的时间与当前时间二者之间的差值大于第二预设值,则确定当前不存在正在执行的第三操作。
8.根据权利要求6所述的方法,其特征在于,所述方法还包括:
若确定当前存在正在执行的第三操作时,则控制所述轮播图显示区域的待显示图像的标识为所述原始图像的标识。
9.一种轮播图的交互装置,其特征在于,包括:
第一控制单元,用于响应于用户针对于轮播图显示区域的第一操作,控制所述轮播图显示区域中的显示图像从原始图像切换至所述第一操作所指示的目标图像;
第一获取单元,用于实时获取当前时间;
确定单元,用于确定所述当前时间与切换时间二者的差值,其中,所述切换时间为所述轮播图显示区域中的图像切换至所述目标图像的时间;
第一执行单元,用于若确定所述差值大于第一预设值,则执行所述目标图像对应的预设操作,其中,所述预设操作用于指示在执行切换至所述目标图像的过程中时除切换操作以外的其余操作。
10.一种电子设备,包括:存储器,处理器;
存储器;用于存储所述处理器可执行指令的存储器;
其中,所述处理器,用于根据所述可执行指令执行如权利要求1-8中任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211442004.6A CN115756694A (zh) | 2022-11-17 | 2022-11-17 | 轮播图的交互方法、装置及设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211442004.6A CN115756694A (zh) | 2022-11-17 | 2022-11-17 | 轮播图的交互方法、装置及设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN115756694A true CN115756694A (zh) | 2023-03-07 |
Family
ID=85372873
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202211442004.6A Pending CN115756694A (zh) | 2022-11-17 | 2022-11-17 | 轮播图的交互方法、装置及设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN115756694A (zh) |
-
2022
- 2022-11-17 CN CN202211442004.6A patent/CN115756694A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
KR102323333B1 (ko) | 애플리케이션 데이터 프로세싱 방법 및 장치, 및 저장 매체 | |
EP2763034B1 (en) | Method and device for image-capturing application screen for use in mobile terminal | |
CN107145355B (zh) | 页面布局的调整方法及装置、存储介质、处理器和终端 | |
CN108509272B (zh) | 将gpu显存纹理拷贝到系统内存的方法、装置及电子设备 | |
CN113407086B (zh) | 对象拖拽方法、设备和存储介质 | |
CN109569214B (zh) | 分屏模式下的应用显示方法及装置、显示设备 | |
EP4170475A1 (en) | Method, apparatus, and device for video-based interaction, and storage medium | |
US10768947B2 (en) | Method for interface refresh synchronization,terminal device, and non-transitory computer-readable storage medium | |
CN112988346B (zh) | 任务处理方法、装置、设备及存储介质 | |
CN109218817B (zh) | 一种显示虚拟礼物提示消息的方法和装置 | |
CN112351333A (zh) | 一种数据传输方法、设备及介质 | |
CN110267088B (zh) | 视频播放的控制方法、装置、电子设备、及存储介质 | |
CA3069374A1 (en) | View switching | |
CN114115673A (zh) | 车载屏幕的控制方法 | |
WO2021043021A1 (zh) | 内存的回写方法、装置、终端及存储介质 | |
CN110457522B (zh) | 信息分享的方法及装置、终端和存储介质 | |
CN116932144A (zh) | 一种车机虚拟机控制方法及系统 | |
CN115756694A (zh) | 轮播图的交互方法、装置及设备 | |
CN110597432A (zh) | 界面控制方法、装置、计算机可读介质及电子设备 | |
CN107729136B (zh) | 一种基于fpga的处理优先级配置方法及装置 | |
US11768588B2 (en) | Window overlay display processing method and apparatus, and electronic device | |
CN111467797B (zh) | 游戏数据处理方法、装置、计算机存储介质与电子设备 | |
CN114816684A (zh) | 业务处理方法、装置、设备、可读存储介质及产品 | |
CN107705541B (zh) | 遥控器控制方法、装置、设备及计算机可读存储介质 | |
CN115437723A (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 |