[发明专利]一种以瀑布流方式显示图片的实现方法及系统

说明书

技术领域

本发明涉及图片显示技术领域，尤其涉及一种以瀑布流方式显示图片的实现方法及系统。

背景技术

目前在Android终端（例如电视或手机）的显示技术领域中，当一个页面需要呈现大量的图片内容，并且图片数量不固定时，往往通过Android的默认的gridview（网格视图）或是listview（列表视图）来呈现，但这种显示方式非常刻板和单调，而瀑布流的显示方式则生动绚丽得多，在显示时，图片像瀑布一样倾泻而下，这种显示方式活泼动感。

然而，一般的瀑布流的显示方式效率不高，并且其实现过程中会对图片进行限制，其采用定宽的模式，这种显示方式在遇到图片比例不同、大小差异很大时，其缩放比例就会有较大差异，导致图片容易失真。

因此，现有技术还有待于改进和发展。

发明内容

鉴于上述现有技术的不足，本发明的目的在于提供一种以瀑布流方式显示图片的实现方法及系统，旨在解决现有的瀑布流显示方式易使图片失真的问题。

本发明的技术方案如下：

一种以瀑布流方式显示图片的实现方法，其中，包括步骤：

A、从服务端获取需要显示的图片的图片对象列表；

B、选取预先设置好的显示模板，并根据选取的显示模板的属性和图片对象列表中图片的尺寸，计算出每张需要显示的图片在显示模板上对应的坐标；

C、将图片对象列表中的图片对象添加到图片显示列表，并根据图片在显示模板上对应的坐标获取图片加载在屏幕上的位置信息；

D、根据图片显示列表中图片的位置信息，依次将图片显示列表中图片加载到屏幕对应的位置进行显示。

所述的以瀑布流方式显示图片的实现方法，其中，所述步骤A中，所述图片对象列表中包括了图片对象的尺寸及地址信息。

所述的以瀑布流方式显示图片的实现方法，其中，所述步骤B具体包括：

B1、根据需要显示的图片的尺寸以及屏幕大小，预先定制若干个显示模板；

B2、随机选取一显示模板，为每张图片对应显示模板上的一加载框；

B3、根据加载框的位置计算出每张图片在显示模板上的坐标。

所述的以瀑布流方式显示图片的实现方法，其中，所述步骤C具体包括:

C1、定义一图片显示列表；

C2、将图片对象列表中的图片对象添加到图片显示列表；

C3、根据图片显示列表中图片在显示模板上的坐标计算出图片在屏幕上的绝对位置。

所述的以瀑布流方式显示图片的实现方法，其中，所述步骤D具体包括：

D1、根据图片显示列表中图片的位置信息及大小信息，动态生成图片控件；

D2、通过图片的地址信息直接进行图片的异步加载。

一种以瀑布流方式显示图片的实现系统，其中，包括：

图片对象列表获取模块，用于从服务端获取需要显示的图片的图片对象列表；

相对位置计算模块，用于选取预先设置好的显示模板，并根据选取的显示模板的属性和图片对象列表中图片的尺寸，计算出每张需要显示的图片在显示模板上对应的坐标；

绝对位置计算模块，用于将图片对象列表中的图片对象添加到图片显示列表，并根据图片在显示模板上对应的坐标获取图片加载在屏幕上的位置信息；

图片加载模块，用于根据图片显示列表中图片的位置信息，依次将图片显示列表中图片加载到屏幕对应的位置进行显示。

所述的以瀑布流方式显示图片的实现系统，其中，所述相对位置计算模块包括：

显示模板定制单元，用于根据需要显示的图片的尺寸以及屏幕大小，预先定制若干个显示模板；

加载框对应单元，用于随机选取一显示模板，为每张图片对应显示模板上的一加载框；

坐标计算单元，用于根据加载框的位置计算出每张图片在显示模板上的坐标。

所述的以瀑布流方式显示图片的实现系统，其中，所述绝对位置计算模块包括：

图片显示列表定义单元，用于定义一图片显示列表；

图片对象添加单元，用于将图片对象列表中的图片对象添加到图片显示列表；

绝对位置计算单元，用于根据图片显示列表中图片在显示模板上的坐标计算出图片在屏幕上的绝对位置。

所述的以瀑布流方式显示图片的实现系统，其中，所述图片加载模块包括：

图片控件生成单元，用于根据图片显示列表中图片的位置信息及大小信息，动态生成图片控件；

图片加载单元，用于通过图片的地址信息直接进行图片的异步加载。