[发明专利]以瀑布流方式显示图片的方法和设备

说明书

本发明提供了一种以瀑布流方式显示图片的方法和设备，该方法包括：获取需要显示的多个图片，初始化当前显示页面；在显示页面被拖动的过程中，依次将图片控件和对应的图片加载到瀑布流中，并回收移出屏幕的图片对应的图片控件。本发明中，由于对移出屏幕的图片所对应的图片控件进行回收，可以避免在瀑布流显示过程中，占用过多的图片控件，从而减少对CPU和内存的占用，避免在设备进行瀑布流显示时的卡顿现象。

技术领域

本发明涉及显示技术领域，尤其涉及一种以瀑布流方式显示图片的方法和设备。

背景技术

瀑布流，又称瀑布流式布局。是一种网站页面布局方式，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。

瀑布流对于图片的展现，是高效而具有吸引力的，用户一眼扫过的快速阅读模式可以在短时间内获得更多的信息量,而瀑布流里懒加载模式又避免了用户鼠标点击的翻页操作，瀑布流的主要特性便是错落有致，定宽而不定高的设计让页面区别于传统的矩阵式图片布局模式，巧妙的利用视觉层级，视线的任意流动又缓解了视觉疲劳。

瀑布流的方式最早是用在网页上的，因为电脑的CPU速度快，内存也较大，所以显示起来比较流畅。但是移动设备由于体积和续航的限制，CPU和内存都跟普通电脑有很大差距，所以在移动设备上想要以瀑布流的布局显示图片，如果不进行优化的话，在页面滚动的时候会明显感觉到卡顿，用户体验非常不好。

发明内容

本发明的目的在于提供一种能够在移动终端上以瀑布流方式显示图片时不会造成卡顿的方法和设备。

为了达到上述目的，本发明提供了一种以瀑布流方式显示图片的方法，包括：

获取需要显示的多个图片，初始化当前显示页面；

在显示页面被拖动的过程中，依次将图片控件和对应的图片加载到瀑布流中，并回收移出屏幕的图片对应的图片控件。

优选的，在初始化当前显示页面之前，所述方法还包括：

建立包含预设数量的图片控件的数据池；

所述初始化当前显示页面具体包括：

从所述数据池中取出图片控件初始化当前显示界面；

所述将图片控件加载到瀑布流中具体包括：

从所述数据池中取出图片控件加载到瀑布流中；

所述回收移出屏幕的图片对应的图片控件，具体包括：

将移出屏幕的图片对应的图片控件放回到数据池中。

优选的，在初始化显示页面之前，所述方法还包括：

对各个图片进行排版得到各个图片在瀑布流中的位置信息；

所述初始化当前显示页面，具体包括：

根据所述各个图片的位置信息选取对应的图片初始化当前页面；

所述依次将图片控件和对应的图片加载到瀑布流中，包括：

根据所述待加载的图片的位置信息将待加载的图片及其对应的图片控件加载到瀑布流中。

优选的，所述对各个图片进行排版得到各个图片在瀑布流中的位置信息，具体包括：

根据屏幕的宽度和图片需要显示的宽度确定瀑布流的图片列数L；

建立一个大小为L的数组，并将数组中的各个元素初始化为第一预设值；