一种图片显示方法、装置及设备制造方法及图纸

技术编号:33031697 阅读:13 留言:0更新日期:2022-04-15 09:08
本申请公开了一种图片显示方法、装置、设备。本申请可预先将待显示的图片排序形成图片排序表。可获取当前显示的图片在预设的图片排序表中对应的序号及用户的手势横向滑动方向。若当前显示的图片的序号为图片排序表中首张图片对应的序号,且滑动方向为向右时,将当前显示的图片向右滑动以退出当前显示区域,并将图片排序表中最后一个序号对应的图片作为当前显示的图片;若当前显示的图片的序号为图片排序表中最后一张图片对应的序号,且滑动方向为向左时,将当前显示的图片向左滑动以退出所述当前显示区域,并将图片排序表中首张图片作为当前显示的图片。本申请可实现循环切换待显示的图片,节约图片切换时间,提升了用户体验好感。好感。好感。

【技术实现步骤摘要】
一种图片显示方法、装置及设备


[0001]本申请涉及图片处理
,更具体地说,涉及一种图片显示方法、装置及设备。

技术介绍

[0002]随着移动互联网的快速发展和智能手机的普及,越来越多的移动应用进入到人们的日常生活。越来越多的消费者使用手机、平板等移动终端来进行阅读、网上购物。
[0003]当消费者使用移动终端在网上进行购物时,常常需要多番对比商品才能选中意向的商品,商家为了抓住消费者的注意力,往往会为各种各样的商品制作精美的图片来展示商品的性能,突出商品的卖点以激发消费者的购买欲望。因此,很多时候,商家会针对同一款商品设计多张不同形态的图片以供用户浏览。当消费者通过移动终端进行购物时,会在商品详情网页上反复查看意向商品的各种图片来分析该商品是否值得购买。当消费者在移动终端上切换不同的图片时,现有的图片显示方式一般是从左到右或者从上到下的顺序进行切换,当用户浏览完一遍所有的待显示的图片后,想复看其中某一张图片时,只能又从头到尾再翻阅一遍所有待显示的图片才能翻到想要复看的图片,当待显示的图片很多的时候,用户翻阅图片时间也会增多,这给消费者带来非常不好的阅读体验,同时也降低了消费者的消费欲望。
[0004]因此,亟需提供一种可以快速切换图片的方式,用于解决图片显示耗时的问题。

技术实现思路

[0005]有鉴于此,本申请提供了一种图片显示方法、装置及设备,用于解决图片显示耗时的问题。
[0006]一种图片显示方法,包括:
[0007]获取显示在当前显示区域的图片在预设的图片排序表中对应的序号及用户的手势横向滑动方向;
[0008]判断当前显示的图片的序号是否为所述预设的图片排序表中的首张或最后一张图片所对应的序号;
[0009]若当前显示的图片的序号为所述预设的图片排序表中首张图片对应的序号,且用户的手势横向滑动方向为向右时,将当前显示的图片向右滑动以退出所述当前显示区域,并将所述预设的图片排序表中最后一个序号对应的图片作为当前显示的图片;
[0010]若当前显示的图片的序号为所述预设的图片排序表中最后一张图片对应的序号,且用户的手势横向滑动方向为向左时,将当前显示的图片向左滑动以退出所述当前显示区域,并将所述预设的图片排序表中首张图片作为当前显示的图片。
[0011]优选地,若当前显示的图片的序号不是所述预设的图片排序表中首张图片或最后一张图片对应的序号,该方法还包括:
[0012]若用户的手势横向滑动方向为向左时,将当前显示的图片向左滑动以退出所述当
前显示区域,并将排序在所述预设的图片排序表中当前显示图片对应的序号之后的第一张图片作为当前显示的图片;
[0013]若用户的手势横向滑动方向为向右时,将当前显示的图片向右滑动以退出所述当前显示区域,并将排序在所述预设的图片排序表中当前显示图片对应的序号之前的第一张图片作为当前显示的图片。
[0014]优选地,若当前显示的图片的序号为所述预设的图片排序表中首张图片对应的序号,且用户的手势横向滑动方向为向左时,该方法还包括:
[0015]将当前显示的图片向左滑动以退出所述当前显示区域,并将所述预设的图片排序表中排在当前显示图片的序号之后的第一个序号对应的图片作为当前显示的图片。
[0016]优选地,若当前显示的图片的序号为所述预设的图片排序表中最后一张图片对应的序号,且用户的手势横向滑动方向为向右时,该方法还包括:
[0017]将当前显示的图片向右滑动以退出所述当前显示区域,并将所述预设的图片排序表中排在当前显示图片的序号之前的第一个序号对应的图片作为当前显示的图片。
[0018]优选地,当前显示的图片存储于预设的可视队列中,该方法还包括:
[0019]将退出所述当前显示区域的图片从所述可视队列中转移至预设的缓存队列中;
[0020]所述将所述预设的图片排序表中最后一个序号对应的图片作为当前显示的图片,包括:
[0021]将所述预设的图片排序表中最后一个序号对应的图片从缓存队列中转移至所述可视化队列中,并显示在所述当前显示区域;
[0022]所述将所述预设的图片排序表中首张图片作为当前显示的图片,包括:
[0023]将所述预设的图片排序表中首张图片从缓存队列中转移至所述可视化队列中,并显示在所述当前显示区域。
[0024]优选地,所述将退出所述当前显示区域的图片从所述可视队列中转移至预设的缓存队列中,包括:
[0025]获取所述当前显示区域的左右两边界的横坐标,所述当前显示区域所在的坐标系为以所述当前显示区域的中心点为原点所设置的二维坐标系;
[0026]遍历所述可视队列的所有图片,根据遍历到的图片的左右两边界对应的横坐标,以及所述当前显示区域的左右两边界的横坐标,确定所述遍历到的图片是否退出所述当前显示区域;
[0027]将退出所述当前显示区域的图片从所述可视队列转移至所述缓存队列。
[0028]优选地,该方法还包括:
[0029]在将所述当前显示的图片滑动并退出所述当前显示区域的过程中,随着所述当前显示的图片偏离当前显示区域中心位置距离的增加,控制所述当前显示图片的显示尺寸变小。
[0030]优选地,所述在将所述当前显示的图片滑动并退出所述当前显示区域的过程中,随着所述当前显示的图片偏离当前显示区域中心位置距离的增加,控制所述当前显示图片的显示尺寸变小,包括:
[0031]计算所述可视化队列中的图片的中心点的横坐标偏移二维坐标系原点的第一绝对距离,所述二维坐标系为以所述当前显示区域的中心点为原点所设置的二维坐标系;
[0032]计算所述当前显示区域的左边或右边边界到所述二维坐标系原点的第二绝对距离;
[0033]计算所述第一绝对距离与所述第二绝对距离的比值;
[0034]将所述显示在当前显示区域的图片显示尺寸按照所述比值进行缩小。
[0035]一种图片显示装置,包括:
[0036]获取单元,用于获取显示在当前显示区域的图片在预设的图片排序表中对应的序号及用户的手势横向滑动方向;
[0037]第一判断单元,用于判断当前显示的图片的序号是否为所述预设的图片排序表中的首张或最后一张图片所对应的序号;
[0038]第一滑动单元,用于在当前显示的图片的序号为所述预设的图片排序表中首张图片对应的序号,且用户的手势横向滑动方向为向右时,将当前显示的图片向右滑动以退出所述当前显示区域,并将所述预设的图片排序表中最后一个序号对应的图片作为当前显示的图片;
[0039]第二滑动单元,用于在当前显示的图片的序号为所述预设的图片排序表中最后一张图片对应的序号且用户的手势横向滑动方向为向左时,将当前显示的图片向左滑动以退出所述当前显示区域,并将所述预设的图片排序表中首张图片作为当前显示的图片。
[0040]一种图片显示设备,包括存储器和处理器;
[0041]所述存储器,用于存储程序;
[004本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种图片显示方法,其特征在于,包括:获取显示在当前显示区域的图片在预设的图片排序表中对应的序号及用户的手势横向滑动方向;判断当前显示的图片的序号是否为所述预设的图片排序表中的首张或最后一张图片所对应的序号;若当前显示的图片的序号为所述预设的图片排序表中首张图片对应的序号,且用户的手势横向滑动方向为向右时,将当前显示的图片向右滑动以退出所述当前显示区域,并将所述预设的图片排序表中最后一个序号对应的图片作为当前显示的图片;若当前显示的图片的序号为所述预设的图片排序表中最后一张图片对应的序号,且用户的手势横向滑动方向为向左时,将当前显示的图片向左滑动以退出所述当前显示区域,并将所述预设的图片排序表中首张图片作为当前显示的图片。2.根据权利要求1所述的图片显示方法,其特征在于,若当前显示的图片的序号不是所述预设的图片排序表中首张图片或最后一张图片对应的序号,该方法还包括:若用户的手势横向滑动方向为向左时,将当前显示的图片向左滑动以退出所述当前显示区域,并将排序在所述预设的图片排序表中当前显示图片对应的序号之后的第一张图片作为当前显示的图片;若用户的手势横向滑动方向为向右时,将当前显示的图片向右滑动以退出所述当前显示区域,并将排序在所述预设的图片排序表中当前显示图片对应的序号之前的第一张图片作为当前显示的图片。3.根据权利要求1所述的图片显示方法,其特征在于,若当前显示的图片的序号为所述预设的图片排序表中首张图片对应的序号,且用户的手势横向滑动方向为向左时,该方法还包括:将当前显示的图片向左滑动以退出所述当前显示区域,并将所述预设的图片排序表中排在当前显示图片的序号之后的第一个序号对应的图片作为当前显示的图片。4.根据权利要求1所述的图片显示方法,其特征在于,若当前显示的图片的序号为所述预设的图片排序表中最后一张图片对应的序号,且用户的手势横向滑动方向为向右时,该方法还包括:将当前显示的图片向右滑动以退出所述当前显示区域,并将所述预设的图片排序表中排在当前显示图片的序号之前的第一个序号对应的图片作为当前显示的图片。5.根据权利要求1所述的图片显示方法,其特征在于,当前显示的图片存储于预设的可视队列中,该方法还包括:将退出所述当前显示区域的图片从所述可视队列中转移至预设的缓存队列中;所述将所述预设的图片排序表中最后一个序号对应的图片作为当前显示的图片,包括:将所述预设的图片排序表中最后一个序号对应的图片从缓存队列中转移至所述可视化队列中,并显示在所述当前显示区域;所述将所述预设的图片排序表中首张图片作为当前显示的图片,包括:将所述预设的图片排序表中首张图片从缓存队...

【专利技术属性】
技术研发人员:陈鸿飞
申请(专利权)人:广州品唯软件有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1