基于界面滑动的对象展示方法、装置和存储介质制造方法及图纸

本发明专利技术涉及一种基于界面滑动的对象展示方法、装置和存储介质，属于互联网技术领域。所述方法包括以下步骤：根据屏幕宽度，确定所展示的对象的宽度；随着界面滑动，控制对象进行移动，所述对象的移动距离与所述对象的宽度相适应；所述装置，包括处理器和存储器，存储器上存储有计算机程序，该计算机程序被处理器执行时，实现上述基于界面滑动的对象展示方法；所述介质，其上存储有计算机程序，该计算机程序被处理器执行时，实现上述基于界面滑动的对象展示方法。与现有技术相比，本发明专利技术具有展示效果好、易于对重点内容进行推广以及节省用户搜索时间等优点。

【技术实现步骤摘要】
基于界面滑动的对象展示方法、装置和存储介质
本专利技术涉及互联网
，特别涉及移动应用领域，具体是指一种基于界面滑动的对象展示方法、装置和存储介质。
技术介绍
随着互联网技术的飞速发展，通过手持设备来搜索并观看感兴趣的内容已成为一种主流的休闲方式，因此通过手持设备的界面优先展示运营重点推广的内容或核心热点功能，引导用户快速定位感兴趣的垂直内容，已成为一种愈加重要的展示方式。目前手持设备的屏幕都不大，人们在浏览信息的时候，可能就是一掠而过，不会一条条的看信息。以视频网站的界面为例，在通过卡片的方式展示番剧信息时，用户在横屏滑动番剧卡片来寻找感兴趣的内容时，通常不会一个个看番剧的介绍，因此直接略过了一些番剧，这样容易导致一些核心和重点的内容无法得到推广，同时也容易使得用户漏掉感兴趣的内容，增加内容查找的时间成本。
技术实现思路
本专利技术的目的是针对上述问题提供一种基于界面滑动的对象展示方法、装置和存储介质。本专利技术的目的可以通过以下技术方案来实现：一种基于界面滑动的对象展示方法，所述的方法包括以下步骤：(1)根据屏幕宽度，确定所展示的对象的宽度；(2)随着界面滑动，控制对象进行移动，所述对象的移动距离与所述对象的宽度相适应。优选地，所述步骤(1)具体包括：根据屏幕宽度和预设展示参数，通过计算确定对象的宽度。优选地，所述预设展示参数包括对象个数和对象之间留白的距离。优选地，所述对象的宽度具体为：其中，Widtho为对象的宽度，Widths为屏幕宽度，Widthm为对象之间留白的距离，n为对象个数，n-1表示对象之间留白的个数。优选地，所述预设展示参数还包括边侧漏出宽度。优选地，所述对象的宽度具体为：其中，Widtho为对象的宽度，Widthe为边侧漏出宽度，Widths为屏幕宽度，Widthm为对象之间留白的距离，n为对象个数，n+2表示对象之间留白的个数。优选地，所述步骤(2)具体包括以下步骤：(21)监听界面滑动事件；(22)判断界面滑动事件是否有效，若是则进入步骤(23)，若否则返回步骤(21)；(23)控制对象进行移动，所述对象的移动距离与所述对象的宽度相适应。优选地，所述步骤(22)具体包括：读取界面滑动距离，判断所述界面滑动距离是否超过预设阈值，若是则表明界面滑动事件有效，进入步骤(23)，若否则表明界面滑动无效，返回步骤(21)。优选地，所述预设阈值不小于所述对象的宽度的一半。优选地，所述对象的移动距离具体为：对象的宽度与界面内的对象个数的乘积。优选地，所述步骤(23)还包括：将界面滑动的方向按照近似原则转化为界面内的可移动方向上，作为对象的移动方向。一种基于界面滑动的对象展示方法，所述的方法包括以下步骤：(a)用户对界面执行滑动操作；(b)界面内的对象跟随滑动操作进行移动，所述对象的移动距离与所述对象的宽度和界面内的对象个数相适应。优选地，所述展示对象的宽度具体为：其中，Widtho为对象的宽度，Widths为屏幕宽度，Widthm为对象之间留白的距离，n为对象个数，n-1表示对象之间留白的个数。优选地，所述展示对象的宽度具体为：其中，Widtho为对象的宽度，Widthe为边侧漏出宽度，Widths为屏幕宽度，Widthm为对象之间留白的距离，n为对象个数，n+2表示对象之间留白的个数。优选地，所述步骤(b)具体包括以下步骤：(b1)界面判断用户的滑动操作是否有效，若是则进入步骤(b2)，若否则返回步骤(a)；(b2)界面控制对象进行移动，所述对象的移动距离与所述对象的宽度和界面内的对象个数相适应。优选地，所述步骤(b1)具体包括：读取滑动操作的距离，判断所述距离是否超过预设阈值，若是则表明用户的滑动操作有效，进入步骤(b2)，若否则表明用户的滑动操作无效，返回步骤(a)。优选地，所述预设阈值不小于所述对象的宽度的一半。优选地，所述对象的移动距离具体为：对象的宽度与界面内的对象个数的乘积。优选地，所述步骤(b)还包括：将滑动操作的方向按照近似原则转化为界面内的可移动方向上，作为对象的移动方向。一种基于滑动操作的界面内对象展示装置，包括处理器和存储器，所述的存储器上存储有计算机程序，该计算机程序被所述处理器执行时，实现上述中任一项基于界面滑动的对象展示方法。一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时，实现上述中任一项基于界面滑动的对象展示方法。与现有技术相比，本专利技术具有以下有益效果：(1)本专利技术提出的方法，通过屏幕宽度来调整展示对象的宽度，同时在界面移动时，根据展示对象的宽度来确定移动距离，从而保证每次移动界面时，都能保证每个展示对象都会显示在界面内，不会发生因用户滑动速度过快而略过部分展示内容的情况，最大程度的增加用户在展示内容上的视觉停留时间，一方面提高重点内容和待推广内容的曝光率，另一方面，避免用户忽略掉自己想要观看的内容，节省用户的搜索时间。(2)在计算展示对象的宽度时，首先要预设展示参数，这些参数包括展示对象的个数、展示对象之间留白的距离以及方向展示对象的宽度等，通过上述参数，可以确保界面内每次显示的对象个数固定，方便后续对于移动距离的控制，同时这些参数可以根据实际情况进行选取，从而保证最后的展示效果。(3)方向展示对象一般通过露出部分展示对象的形式实现，它的存在可以提醒用户滑动方向，知道哪一部分可以浏览到更多的展示对象，实现简单且展示效果好。(4)在根据界面滑动来移动展示对象的过程中，对于界面滑动事件首先有一个有效性的判断，在界面滑动距离超过预设阈值时才会控制展示对象进行移动，这样可以避免用户由于手滑等情况而对展示对象进行误移动。(5)移动距离为展示对象的宽度与展示界面内对象的个数的乘积，即表明每次移动都会移动到下一部分未展示的展示对象中，既不会重复展示，提高展示效率，同时也不会漏展示，保证重点和推荐内容的有效曝光。(6)展示对象的移动方向与界面滑动的方向一致，可以提升用户的操作体验，提高展示效果。附图说明图1为本专利技术基于界面滑动的对象展示方法的步骤流程图；图2为实施例1中计算展示卡片宽度的流程图；图3为实施例1中控制展示卡片移动的流程图；图4为实施例1中实际的展示效果图。具体实施方式为了能够更清楚地理解本专利技术的
技术实现思路
，特举以下实施例详细说明。请参阅图1所示，为本专利技术基于界面滑动的对象展示方法的步骤流程图。在一种实施方式中，该基于界面滑动的对象展示方法，包括以下步骤：(1)根据屏幕宽度，确定所展示的对象的宽度；(2)随着界面滑动，控制对象进行移动，所述对象的移动距离与所述对象的宽度相适应。其中，步骤(1)具体包括：根据屏幕宽度和预设展示参数，通过计算确定对象的宽度。预设展示参数包括对象个数和对象之间留白的距离。此时，对象的宽度具体为：其中，Widtho为对象的宽度，Widths为屏幕宽度，Widthm为对象之间留白的距离，n为对象个数，n-1表示对象之间留白的个数。除此之外，预设展示参数还包括边侧漏出宽度。此时，对象的宽度具体为：其中，Widtho为对象的宽度，Widthe为边侧漏出宽度，Widths为屏幕宽度，Widthm为对象之间留白的距离，n为对象个数，n+2表示对象之间留白的个数。步骤(2)具体包括以下步骤：(21)监听界面滑动事件；本文档来自技高网...

【技术保护点】
1.一种基于界面滑动的对象展示方法，其特征在于，所述的方法包括以下步骤：(1)根据屏幕宽度，确定所展示的对象的宽度；(2)随着界面滑动，控制对象进行移动，所述对象的移动距离与所述对象的宽度相适应。

【技术特征摘要】
1.一种基于界面滑动的对象展示方法，其特征在于，所述的方法包括以下步骤：(1)根据屏幕宽度，确定所展示的对象的宽度；(2)随着界面滑动，控制对象进行移动，所述对象的移动距离与所述对象的宽度相适应。2.根据权利要求1所述基于界面滑动的对象展示方法，其特征在于，所述步骤(1)具体包括：根据屏幕宽度和预设展示参数，通过计算确定对象的宽度。3.根据权利要求2所述基于界面滑动的对象展示方法，其特征在于，所述预设展示参数包括对象个数和对象之间留白的距离。4.根据权利要求3所述基于界面滑动的对象展示方法，其特征在于，所述对象的宽度具体为：其中，Widtho为对象的宽度，Widths为屏幕宽度，Widthm为对象之间留白的距离，n为对象个数，n-1表示对象之间留白的个数。5.根据权利要求3所述基于界面滑动的对象展示方法，其特征在于，所述预设展示参数还包括边侧漏出宽度。6.根据权利要求5所述基于界面滑动的对象展示方法，其特征在于，所述对象的宽度具体为：其中，Widtho为对象的宽度，Widthe为边侧漏出宽度，Widths为屏幕宽度，Widthm为对象之间留白的距离，n为对象个数，n+2表示对象之间留白的个数。7.根据权利要求1所述基于界面滑动的对象展示方法，其特征在于，所述步骤(2)具体包括以下步骤：(21)监听界面滑动事件；(22)判断界面滑动事件是否有效，若是则进入步骤(23)，若否则返回步骤(21)；(23)控制对象进行移动，所述对象的移动距离与所述对象的宽度相适应。8.根据权利要求7所述基于界面滑动的对象展示方法，其特征在于，所述步骤(22)具体包括：读取界面滑动距离，判断所述界面滑动距离是否超过预设阈值，若是则表明界面滑动事件有效，进入步骤(23)，若否则表明界面滑动无效，返回步骤(21)。9.根据权利要求8所述基于界面滑动的对象展示方法，其特征在于，所述预设阈值不小于所述对象的宽度的一半。10.根据权利要求7所述基于界面滑动的对象展示方法，其特征在于，所述对象的移动距离具体为：对象的宽度与界面内的对象个数的乘积。11.根据权利要求7所述基于界面滑动的对象展示方法，其特征在于，所述步骤(23)还包括：将界面滑动的方向按照近似原则转化为界面内的可移动方向上，作为对象的移动方向。12.一种基于界...

【专利技术属性】
技术研发人员：王黎明，超然，
申请(专利权)人：上海哔哩哔哩科技有限公司，
类型：发明
国别省市：上海,31