一种滑屏显示方法和装置制造方法及图纸

本发明专利技术提出一种滑屏显示方法和装置。方法包括：获取滑屏资源，所述滑屏资源包括滑屏内容、滑屏内容类型和滑屏内容相对位置；根据滑屏资源创建滑屏对象，并保存滑屏对象到滑屏对象操作队列中；创建滑屏接口，通过调用滑屏对象操作队列，将滑屏对象以瀑布流布局方式显示。本发明专利技术实施方式的滑屏内容具有各自的相对位置，实现了多样化显示。本发明专利技术实施方式还支持不同对象大小和不同对象的瀑布流滑屏，而且瀑布流滑屏动作包括跟手滑和惯性滑动，实现瀑布流滑屏裁剪，对象位置可以任意配置。

Sliding screen display method and device

The invention provides a slide screen display method and device. The method comprises the following steps: acquiring the sliding screen resources, the sliding screen resources include sliding screen content, sliding screen content types and content according to the relative position of sliding screen; sliding screen to create sliding screen objects, and save the sliding screen object to the sliding screen object operation in the queue; create a sliding screen interface, by calling the sliding screen object operation queue. The sliding screen display object waterfalls flow layout. The sliding screen contents of the embodiment of the invention have respective relative positions and realize diversified display. The embodiment of the invention also supports different size and different objects and falls waterfall flow screen, screen and slide action including flow and inertial sliding, realize the waterfall flow screen clipping, the object position can be configured.

【技术实现步骤摘要】
一种滑屏显示方法和装置
本专利技术属于滑屏处理
，特别是一种滑屏显示方法和装置。
技术介绍
瀑布流又称瀑布流式布局，是比较流行的一种页面布局，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。瀑布流对于图片的展现，是高效而具有吸引力的，用户一眼扫过的快速阅读模式可以在短时间内获得更多的信息量，而瀑布流还避免了用户鼠标点击的翻页操作。传统瀑布流的主要特性是错落有致，定宽而不定高的设计，从而让页面区别于传统的矩阵式图片布局模式，利用视觉层级，视线的任意流动又缓解了视觉疲劳，同时给人以不拘一格的感觉。瀑布流有效地降低了界面复杂度，节省了空间。对触屏设备来说，交互方式更符合直觉。在移动应用的交互环境当中，通过向上滑动进行滚屏的操作已经成为基本的用户习惯，而且所需要的操作精准程度远低于点击链接或按钮。以上两点所带来的交互便捷性可以使用户将注意力更多的集中在内容而不是操作上，从而让他们更乐于沉浸在探索与浏览当中。从显示效果上看，在传统KTV系统或目前显示的多媒体系统中，绝大多数界面显示内容都是固定的，同时也有部分结合通过滑屏操作来显示更多内容，但目前的滑屏是固定的内容和按固定规则的翻页设计的滑屏，无法实现任意大小或动态变化内容的滑屏，同时滑屏内容无法支持多种多媒体对象的内容。另外，在拥有丰富的运营资源和运营内容时，如果将这些资源都埋没在二级页面，用户难以感知。在现有技术中，为了方便控制图片以规定的大小进行排版(例如同行等高度、同列等宽)进行排版，滑屏对象通常只有图片，并不涉及视频、动态图片等资源，而且这种技术还需要限制滑屏对象的大小。
技术实现思路
本专利技术实施方式提出一种滑屏显示方法和装置，从而实现多样化显示。本专利技术实施方式的技术方案如下：获取滑屏资源，所述滑屏资源包括滑屏内容、滑屏内容类型和滑屏内容相对位置；根据滑屏资源创建滑屏对象，并保存滑屏对象到滑屏对象操作队列中；创建滑屏接口，通过调用滑屏对象操作队列，将滑屏对象以瀑布流布局方式显示。在一个实施方式中，所述滑屏内容包括静止图片、动态图片或视频文件；所述动态图片包括滚动图片或GIF图片；所述滑屏内容相对位置为相对第一个滑屏内容的位置。在一个实施方式中，所述滑屏内容为滚动图片时，所述滑屏资源还包括用于指示是否包含滚动按钮的字段。在一个实施方式中，该方法还包括：当检测到用户的滑屏操作指令时，将滑屏操作指令发送给滑屏接口，滑屏接口响应滑屏操作指令更新界面显示。在一个实施方式中，所述滑屏接口响应滑屏操作指令更新界面显示包括：执行触摸轨迹跟随处理，并且在触摸轨迹跟随处理之后，执行惯性滑动处理和边距调整操作，再更新界面显示。在一个实施方式中，所述执行惯性滑动处理包括：(a)、执行惯性滑动前处理，包括删除滑屏对象接收到的消息、清空滑屏回调函数、滑屏对象间距调节以及滑屏区域边距调节：(b)、执行惯性距离计算，包括：当触摸结束瞬间的滑动速度小于预定值时，判定为仅执行触摸轨迹跟随处理；当触摸结束瞬间的滑动速度大于预定值时，基于滑动距离与触摸结束瞬间的滑动速度计算惯性距离；(c)、执行惯性滑动，更新界面显示。在一个实施方式中，所述执行触摸轨迹跟随处理包括：删除滑屏对象接收到的消息及清空滑屏回调函数；当触摸轨迹跟随的对象都在滑屏区域内时，手滑距离等于手滑动的距离；当触摸轨迹跟随的对象超过滑屏区域时，设置超出滑屏区域的距离，其中当跟手滑对象与边界越远时，超出滑屏区域的距离越大。在一个实施方式中，所述执行边距调整操作包括：满屏左边距调节；满屏右边距调节；满屏上边距调节；满屏下边距调节；不满屏向上调节左边距；不满屏向下调节左边距；不满屏向左调节左边距；不满屏向右调节左边距。在一个实施方式中，滑屏内容为视频文件，所述视频文件的每一帧在其相对位置处被展示；或，滑屏内容为GIF图片，所述GIF图片的每一帧在其相对位置处被展示；或，滑屏内容为滚动图片，当滚动按钮被触发时，所述滚动图片的每张图片在其相对位置处被滚动展示。一种滑屏显示装置，包括：获取模块，用于获取滑屏资源，所述滑屏资源包括滑屏内容、滑屏内容类型和滑屏内容相对位置；对象创建模块，用于根据滑屏资源创建滑屏对象，并保存滑屏对象到滑屏对象操作队列中；显示模块，用于创建滑屏接口，通过调用滑屏对象操作队列，将滑屏对象以瀑布流布局方式显示。在一个实施方式中，所述滑屏内容包括静止图片、动态图片或视频文件；所述动态图片包括滚动图片或GIF图片；所述滑屏内容相对位置为相对第一个滑屏内容的位置。在一个实施方式中，所述滑屏内容为滚动图片时，所述滑屏资源还包括用于指示是否包含滚动按钮的字段。在一个实施方式中，还包括：更新显示模块，用于当检测到用户的滑屏操作指令时，将滑屏操作指令发送给滑屏接口，滑屏接口响应滑屏操作指令更新界面显示。在一个实施方式中，其特征在于，更新显示模块，用于执行触摸轨迹跟随处理，并且在触摸轨迹跟随处理之后，执行惯性滑动处理和边距调整操作，再更新界面显示。在一个实施方式中，所述执行惯性滑动处理包括：(a)、执行惯性滑动前处理，包括删除滑屏对象接收到的消息、清空滑屏回调函数、滑屏对象间距调节以及滑屏区域边距调节：(b)、执行惯性距离计算，包括：当触摸结束瞬间的滑动速度小于预定值时，判定为仅执行触摸轨迹跟随处理；当触摸结束瞬间的滑动速度大于预定值时，基于滑动距离与触摸结束瞬间的滑动速度计算惯性距离；(c)、执行惯性滑动，更新界面显示；或，所述执行触摸轨迹跟随处理包括：删除滑屏对象接收到的消息及清空滑屏回调函数；当触摸轨迹跟随的对象都在滑屏区域内时，手滑距离等于手滑动的距离；当触摸轨迹跟随的对象超过滑屏区域时，设置超出滑屏区域的距离，其中当跟手滑对象与边界越远时，超出滑屏区域的距离越大；或，所述执行边距调整操作包括：满屏左边距调节；满屏右边距调节；满屏上边距调节；满屏下边距调节；不满屏向上调节左边距；不满屏向下调节左边距；不满屏向左调节左边距；不满屏向右调节左边距。在一个实施方式中，滑屏内容为视频文件，所述视频文件的每一帧在其相对位置处被展示；或，滑屏内容为GIF图片，所述GIF图片的每一帧在其相对位置处被展示；或，滑屏内容为滚动图片，当滚动按钮被触发时，所述滚动图片的每张图片在其相对位置处被滚动展示。从上述技术方案可以看出，获取滑屏资源，所述滑屏资源包括滑屏内容、滑屏内容类型和滑屏内容相对位置；根据滑屏资源创建滑屏对象，并保存滑屏对象到滑屏对象操作队列中；创建滑屏接口，通过调用滑屏对象操作队列，将滑屏对象以瀑布流布局方式显示。因此，每个滑屏对象的滑屏内容都在各自的相对位置处被显示。可见，本专利技术实施方式的滑屏内容具有各自的相对位置处，实现了多样化显示。而且，本专利技术实施方式支持不同对象大小和不同多媒体对象的瀑布流滑屏。另外，本专利技术实施方式还创建新瀑布流滑屏类，实现瀑布流滑屏动作包括跟手滑和惯性滑动，实现瀑布流滑屏裁剪，对象位置可以任意配置。还有，与滑屏对象只有图片，并不涉及视频、动态图片等资源的现有技术相比，本专利技术实施方式的滑屏资源还包括动态图片或视频文件。现有技术难以将视频文件或动态图片以设定高度或宽带进行排版(若以设定高度或宽带进行排版，当视频文件中的图片中不符合设定高度或宽带时，则修本文档来自技高网...

【技术保护点】
一种滑屏显示方法，其特征在于，包括：获取滑屏资源，所述滑屏资源包括滑屏内容、滑屏内容类型和滑屏内容相对位置；根据滑屏资源创建滑屏对象，并保存滑屏对象到滑屏对象操作队列中；创建滑屏接口，通过调用滑屏对象操作队列，将滑屏对象以瀑布流布局方式显示。

【技术特征摘要】
1.一种滑屏显示方法，其特征在于，包括：获取滑屏资源，所述滑屏资源包括滑屏内容、滑屏内容类型和滑屏内容相对位置；根据滑屏资源创建滑屏对象，并保存滑屏对象到滑屏对象操作队列中；创建滑屏接口，通过调用滑屏对象操作队列，将滑屏对象以瀑布流布局方式显示。2.根据权利要求1所述的滑屏显示方法，其特征在于，所述滑屏内容包括静止图片、动态图片或视频文件；所述动态图片包括滚动图片或GIF图片；所述滑屏内容相对位置为相对第一个滑屏内容的位置。3.根据权利要求2所述的滑屏显示方法，其特征在于，所述滑屏内容为滚动图片时，所述滑屏资源还包括用于指示是否包含滚动按钮的字段。4.根据权利要求1所述的滑屏显示方法，其特征在于，该方法还包括：当检测到用户的滑屏操作指令时，将滑屏操作指令发送给滑屏接口，滑屏接口响应滑屏操作指令更新界面显示。5.根据权利要求4所述的滑屏显示方法，其特征在于，所述滑屏接口响应滑屏操作指令更新界面显示包括：执行触摸轨迹跟随处理，并且在触摸轨迹跟随处理之后，执行惯性滑动处理和边距调整操作，再更新界面显示。6.根据权利要求5所述的滑屏显示方法，其特征在于，所述执行惯性滑动处理包括：(a)、执行惯性滑动前处理，包括删除滑屏对象接收到的消息、清空滑屏回调函数、滑屏对象间距调节以及滑屏区域边距调节：(b)、执行惯性距离计算，包括：当触摸结束瞬间的滑动速度小于预定值时，判定为仅执行触摸轨迹跟随处理；当触摸结束瞬间的滑动速度大于预定值时，基于滑动距离与触摸结束瞬间的滑动速度计算惯性距离；(c)、执行惯性滑动，更新界面显示。7.根据权利要求5所述的滑屏显示方法，其特征在于，所述执行触摸轨迹跟随处理包括：删除滑屏对象接收到的消息及清空滑屏回调函数；当触摸轨迹跟随的对象都在滑屏区域内时，手滑距离等于手滑动的距离；当触摸轨迹跟随的对象超过滑屏区域时，设置超出滑屏区域的距离，其中当跟手滑对象与边界越远时，超出滑屏区域的距离越大。8.根据权利要求5所述的滑屏显示方法，其特征在于，所述执行边距调整操作包括：满屏左边距调节；满屏右边距调节；满屏上边距调节；满屏下边距调节；不满屏向上调节左边距；不满屏向下调节左边距；不满屏向左调节左边距；不满屏向右调节左边距。9.根据权利要求1所述的滑屏显示方法，其特征在于，滑屏内容为视频文件，所述视频文件的每一帧在其相对位置处被展示；或滑屏内容为GIF图片，所述GIF图片的每一帧在其相对位置处被展示；或滑屏内容为滚动图片，当滚动按钮被触发时，所述滚动图片的每张图片在其相...

【专利技术属性】
技术研发人员：肖泽宝，郑书伟，
申请(专利权)人：福建星网视易信息系统有限公司，
类型：发明
国别省市：福建,35