CN104391682A - 一种显示内容的方法及装置 - Google Patents

Abstract

本申请公开了一种显示内容的方法及装置，所述方法包括：响应用户进行内容显示的请求，初始化视窗框架；根据视窗框架创建多个用于显示内容的视窗，将相应的内容加载到视窗中进行显示；监测显示状态，在用户滑动屏幕时，将滑出屏幕的内容移除，并将对应的视窗回收到回收池中；在根据所述视窗框架显示进入屏幕的内容时，查询所述回收池中是否存在视窗，如果存在，则获取视窗，将内容加载到视窗中进行显示。本发明利用回收池达到高速显示内容的目的，可以在用户快速滑动屏幕时不会因为内容本身显示的内存过大而导致屏幕出现卡顿感的问题。

Description

一种显示内容的方法及装置

技术领域

本发明涉及信息技术领域，尤其涉及一种显示内容的方法及装置。

背景技术

近年来随着手机应用的不断发展和普及，越来越多的用户喜欢分享自己的图片、视频等多媒体内容，而在应用中大屏的数据展示无疑是表现多媒体内容最直接的方式，而由于多媒体内容占用内存比较大，使得在显示多媒体内容的时候经常出现卡顿的问题。

因此，对大屏数据显示的展现速率提出了更高的要求：如何流畅且美观地显示多媒体内容成为一个必须要面对的问题。

发明内容

本发明要解决的技术问题是提供一种显示内容的方法及装置，能够在快速滑动屏幕时流畅且美观的展示内容。

为解决上述技术问题，本申请公开了一种显示内容的方法，包括：

响应用户进行内容显示的请求，初始化视窗框架；

根据视窗框架创建多个用于显示内容的视窗，将相应的内容加载到视窗中进行显示；

监测显示状态，在用户滑动屏幕时，将滑出屏幕的内容移除，并将对应的视窗回收到回收池中；在根据所述视窗框架显示进入屏幕的内容时，查询所述回收池中是否存在视窗，如果存在，则获取视窗，将内容加载到视窗中进行显示。

进一步地，所述初始化视窗框架，包括：

针对每个要显示的内容依次计算显示相应内容的视窗的位置信息以及根据要显示的内容的相关信息和业务需求计算视窗的尺寸信息；

对计算得到的每个视窗的位置信息和尺寸信息进行缓存。

进一步地，所述计算显示相应内容的视窗的位置信息，包括：

在分列显示内容时，获取所有显示列中高度最小的列的高度值以及高度最小的列的列号；

根据高度最小的列的列号计算高度最小的列的横坐标值，将该横坐标值作为视窗的横坐标值，并且将高度最小的列的高度值作为视窗的纵坐标值。

进一步地，所述方法还包括：

在每次计算显示相应内容的视窗的位置信息后，还更新当前高度最小的列的高度值为当前高度值与视窗的高度值之和。

进一步地，所述根据视窗框架创建多个用于显示内容的视窗，包括：

从所述视窗框架中逐一读取视窗的位置信息，将读取到的视窗的纵坐标值与屏幕的高度值进行比较，如果视窗的纵坐标值小于屏幕的高度值，则创建视窗，并显示在视窗的位置信息指向的位置上；否则，结束创建视窗。

进一步地，所述方法还包括：

在查询所述回收池中是否存在视窗后，如果所述回收池中不存在视窗，则新建视窗，将内容加载到新建的视窗中进行内容的显示。

进一步地，一种显示内容的装置，包括：视窗框架初始化单元、初始显示单元和滑动单元，其中：

所述视窗框架初始化单元，用于响应用户进行内容显示的请求，初始化视窗框架；

所述初始显示单元，用于根据视窗框架创建多个用于显示内容的视窗，将相应的内容加载到视窗中进行显示；

所述滑动单元，用于监测显示状态，在用户滑动屏幕时，将滑出屏幕的内容移除，并将对应的视窗回收到回收池中；在根据所述视窗框架显示进入屏幕的内容时，查询所述回收池中是否存在视窗，如果存在，则获取视窗，将内容加载到视窗中进行显示。

进一步地，所述视窗框架初始化单元初始化视窗框架，包括：

针对每个要显示的内容依次计算显示相应内容的视窗的位置信息以及根据要显示的内容的相关信息和业务需求计算视窗的尺寸信息；

对计算得到的每个视窗的位置信息和尺寸信息进行缓存。

进一步地，所述视窗框架初始化单元计算显示相应内容的视窗的位置信息，包括：

在分列显示内容时，获取所有显示列中高度最小的列的高度值以及高度最小的列的列号；

根据高度最小的列的列号计算高度最小的列的横坐标值，将该横坐标值作为视窗的横坐标值，并且将高度最小的列的高度值作为视窗的纵坐标值。

进一步地，所述视窗框架初始化单元，还用于在每次计算显示相应内容的视窗的位置信息后，更新当前高度最小的列的高度值为当前高度值与视窗的高度值之和。

综上所述，本发明利用回收池达到高速显示内容的目的，可以在用户快速滑动屏幕时不会因为内容本身显示的内存过大而导致屏幕出现卡顿感的问题，本发明还可以具有如下有益效果：

(1)可以根据需要显示的高度及列数进行排列布局，实现非对称性的内容展现，通过参差不齐的多栏布局达到错落有致且琳琅满目的视觉效果，打破了传统的矩阵式布局方式，给人耳目一新的感觉；

(2)可以针对显示内容的不同尺寸自适应宽高比，在不拉伸显示效果的前提下达到非对称性的展示；

(3)可以独立成特定的模型，方便开发人员维护且易于扩展。

附图说明

图1为本申请的显示内容的方法的流程图；

图2为本申请中使用的视窗的示意图；

图3为本申请的显示内容的装置的架构图。

具体实施方式

下文中将参考附图并结合实施例来详细说明本发明。需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。

如图1所示，本申请的显示内容的方法，包括：

步骤101：响应用户进行内容显示的请求，初始化视窗框架；

本申请中的视窗框架，简而言之就是显示所有内容(图片、视频、文字等)的布局，可以定位到某一个内容需要显示的位置信息和尺寸信息。本申请中将在视窗框架中用于展示内容的载体称为视窗，可以将视窗看成一个可伸缩的模具，根据视窗框架来对视窗进行布局。

如图2所示，视窗中可以包含多个子视窗，如包括显示图片的子视窗、显示文字的子视窗等，子视窗显示的内容是不同的，但是位置和布局是固定的，视窗显示的内容根据数据源来填充，子视窗的数量和位置是固定的。

本申请中初始化视窗框架，包括：

(a)：针对每个要显示的内容依次计算显示相应内容的视窗的位置信息；

本申请中计算视窗的位置信息可以采用如下方法：

(a1)在分列显示内容时，获取所有显示列中高度最小的列的高度值以及高度最小的列的列号；

(a2)根据高度最小的列的列号计算高度最小的列的横坐标值，将该横坐标值作为视窗的横坐标值，并且将高度最小的列的高度值作为视窗的纵坐标值。

以下是计算视窗的位置信息的部分实现代码：

-(CGPoint)getCellInsertPointWithIndex:(int)index{

//获取所有列中高度最小的列的高度值和高度最小的列的列号

IIIFlowColumnHeight h＝[self minColumn]；

//将高度最小的列的横坐标值作为视窗的横坐标值

CGFloat x＝h.index＝＝0？_cellPadding:_cellPadding+kImageWidth；

//返回视窗的位置信息

returnCGPointMake(x,h.height)；

}

本申请中可以采用如下方法实现步骤a1中获取所有列中高度最小的列的高度值以及高度最小的列的列号，包括：

(a11)初始化最小高度参数，将最小高度参数赋值为显示列中的第一列的高度值；

(a12)依次获取显示列中的每一列的高度值，并在获取到高度值后，将获取的高度值与最小高度参数的值进行比较，并且如果获取的高度值小于最小高度参数的值，则将最小高度参数赋值为获取的高度值，记录获取的高度值的列号，直到完成最后一列的高度值与最小高度参数的值的比较。

本申请中从获取显示列中的第一列的高度值开始，与最小高度参数的值进行比较，完成比较后，获取下一列的高度值并与最小高度参数的值进行比较，直到得到高度最小的列的高度值以及高度最小的列的列号。

以下是获取所有显示列中高度最小的列的高度值以及高度最小的列的列号的部分实现代码，其中显示列的高度值保存在高度数组columnHeights中：

(b)：根据要显示的内容的相关信息和业务需求计算视窗的尺寸信息；

为实现本申请的方法，需要预先从服务器或者本地文件获取文本数据。文本数据中包含了要显示的内容的名称、路径信息、宽高比等要显示的内容的相关信息，以及需要显示的文字等。宽高比是实现非对称性显示的关键参数。

在获取文本数据后，需要对文本数据进行解析。常用的解析方法有XML解析以及JSON解析，本申请中选用JSON解析，JSON文件相对较小且针对一般的文本数据解析速度较快。

在对文本数据进行解析后，将解析得到的数据一一对应缓存。

本申请中将解析得到的数据称为数据源，数据源是显示一切内容的源泉，其中也包含需要显示的文字。需要根据解析得到的数据源完成对视窗框架的初始化操作。

本申请中在显示一个内容前，需要知道要显示的内容的宽度和高度，只有这样才能得到视窗框架。根据数据源中的宽高比以及业务要求提供的显示列数，可以计算出内容的显示尺寸。一般来说显示的总宽度是固定的，再确定了显示列数，内容的显示宽度就可以确定，通过宽高比就可以得到内容的显示高度。

(c)：对计算得到的每个视窗的位置信息和尺寸信息进行缓存；

本申请中将视窗的位置信息和尺寸信息进行缓存，可以快速的显示及定位相应内容。上述位置信息和尺寸信息就构建成了本申请的视窗框架。

(d)：在每次计算视窗的位置信息后，更新当前高度最小的列的高度值为当前高度值与视窗的高度值之和。

以下是初始化视窗框架的部分代码，如上所述所有显示列的高度值保存在高度数组columnHeights中，下面的方法展示了初始化视窗框架的方法，其中将视窗的位置信息和尺寸信息保存的数组cellMap中。

至此，视窗框架的初始化完成。

另外，在上述代码中在将视窗的位置信息和尺寸信息缓存到cellMap后，通过int j＝p.x*_columnCount/self.frame.size.width计算视窗所在列的列号，其中j为列号，p.x为视窗的横坐标值，_columnCount为显示列的列数，self.frame.size.width是整个视窗框架显示的总宽度。例如，要显示两列，总宽度是320，那么两个视窗的横坐标值分别是0和160，计算出来的列号就是0和1。这里也可以不采用这种方式进行计算，由上述计算视窗的位置信息的代码可知，在计算视窗的位置信息时已经获得了视窗所在列的列号，也可以在计算视窗的位置信息的代码中将视窗所在列的列号返回，则此处可不必再进行计算。

步骤102：根据视窗框架创建多个用于显示内容的视窗，将相应的内容加载到视窗中进行显示；

本申请中在初始显示内容时，根据视窗框架创建视窗，将视窗显示在屏幕上视窗框架指定的位置上。本申请中根据视窗框架创建视窗，具体的方法如下：

首先从视窗框架中逐一读取视窗的位置信息，将视窗的纵坐标值与屏幕的高度值进行比较，若视窗的纵坐标值小于屏幕的高度值，则初始化(创建)视窗，并显示在视窗框架中视窗的位置信息指向的位置上；否则，结束初始化视窗。

在创建视窗后，根据数据源将内容加载到视窗中进行显示。

步骤103：监测显示状态，在用户滑动屏幕时，将滑出屏幕的内容移除，并将对应的视窗回收到回收池中；在根据视窗框架显示进入屏幕的内容时，查询回收池中是否存在视窗，如果存在，则获取视窗，将内容加载到视窗中进行显示。

当滑动屏幕时，监听当前显示在屏幕中的视窗的变化，判断是上滑操作还是下滑操作分别处理视窗的显示和消失状态。如进行上滑操作时，则会根据视窗框架，按照当前显示的视窗的索引确定视窗框架中将要显示的视窗，当某个视窗即将出现在屏幕时进行视窗显示的相应处理；对于离开屏幕的视窗，进行视窗消失的相应处理。

本申请中将离开屏幕的视窗回收到一个回收池中，而在即将显示内容时，先查询回收池中是否存能够使用的视窗，如果存在，则直接获取使用，如果从回收池中获取的视窗的尺寸与要显示的内容不匹配，则根据要显示的内容对应的视窗的尺寸信息对从回收池获取的视窗进行尺寸的调整，并将内容加载到视窗进行显示；如果从回收池中获取的视窗的尺寸与要显示的内容匹配，则无需进行视窗尺寸的调整，直接将内容加载到获取的视窗中进行显示；如果回收池中不存在视窗，则初始化新的视窗，将内容加载到新初始化的视窗中进行显示。

本申请中循环利用视窗进行内容显示。传统的内容显示则是不停的建立视窗，这样随着视窗的不断增加，特别是内容缓存的不断递增，会大量的消耗内存，使得设备运行越来越不流畅，同时在不断显示内容的时候会对画面上的视窗进行重新布局，这样会在滑动的时候产生明显的卡顿感。本申请针对消耗内存较大的内容，会在视窗离开画面时移除内容，在内容即将出现时才重新加载，这样能节约大量的内存，避免了由于不断初始化视窗带来的内存消耗过大的问题。本申请适用于各种需要快速显示大量内容的场合，整个界面给人十分流畅的感觉，实用性强。

如图3所示，本申请还提供了一种显示内容的装置，包括：视窗框架初始化单元、初始显示单元和滑动单元，其中：

视窗框架初始化单元，用于响应用户进行内容显示的请求，初始化视窗框架；

初始显示单元，用于根据视窗框架创建多个用于显示内容的视窗，将相应的内容加载到视窗中进行显示；

滑动单元，用于监测显示状态，在用户滑动屏幕时，将滑出屏幕的内容移除，并将对应的视窗回收到回收池中；在根据视窗框架显示进入屏幕的内容时，查询回收池中是否存在视窗，如果存在，则获取视窗，将内容加载到视窗中进行显示。

本申请中视窗框架初始化单元初始化视窗框架，包括：

针对每个要显示的内容依次计算显示相应内容的视窗的位置信息以及根据要显示的内容的相关信息和业务需求计算视窗的尺寸信息；

对计算得到的每个视窗的位置信息和尺寸信息进行缓存。

视窗框架初始化单元计算显示相应内容的视窗的位置信息，包括：

在分列显示内容时，获取所有显示列中高度最小的列的高度值以及高度最小的列的列号；

根据高度最小的列的列号计算高度最小的列的横坐标值，将该横坐标值作为视窗的横坐标值，并且将高度最小的列的高度值作为视窗的纵坐标值。

视窗框架初始化单元，还用于在每次计算显示相应内容的视窗的位置信息后，更新当前高度最小的列的高度值为当前高度值与视窗的高度值之和。

初始显示单元根据视窗框架创建多个用于显示内容的视窗，包括：

从视窗框架中逐一读取视窗的位置信息，将读取到的视窗的纵坐标值与屏幕的高度值进行比较，如果视窗的纵坐标值小于屏幕的高度值，则创建视窗，并显示在视窗的位置信息指向的位置上；否则，结束创建视窗。

滑动单元，还用于在查询回收池中是否存在视窗后，如果回收池中不存在视窗，则新建视窗，将内容加载到新建的视窗中进行内容的显示。

本领域的技术人员应该明白，上述的本发明的各模块或各步骤可以用通用的计算装置来实现，它们可以集中在单个的计算装置上，或者分布在多个计算装置所组成的网络上，可选地，它们可以用计算装置可执行的程序代码来实现，从而，可以将它们存储在存储装置中由计算装置来执行，并且在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤，或者将它们分别制作成各个集成电路模块，或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样，本发明不限制于任何特定的硬件和软件结合。

以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

尽管上文对本发明进行了详细说明，但是本发明不限于此，本技术领域技术人员可以根据本发明的原理进行各种修改。因此，凡按照本发明原理所作的修改，都应当理解为落入本发明的保护范围。

Claims (10)

1.一种显示内容的方法，其特征在于，包括：

响应用户进行内容显示的请求，初始化视窗框架；

根据视窗框架创建多个用于显示内容的视窗，将相应的内容加载到视窗中进行显示；

监测显示状态，在用户滑动屏幕时，将滑出屏幕的内容移除，并将对应的视窗回收到回收池中；在根据所述视窗框架显示进入屏幕的内容时，查询所述回收池中是否存在视窗，如果存在，则获取视窗，将内容加载到视窗中进行显示。

2.如权利要求1所述的方法，其特征在于，所述初始化视窗框架，包括：

针对每个要显示的内容依次计算显示相应内容的视窗的位置信息以及根据要显示的内容的相关信息和业务需求计算视窗的尺寸信息；

对计算得到的每个视窗的位置信息和尺寸信息进行缓存。

3.如权利要求2所述的方法，其特征在于，所述计算显示相应内容的视窗的位置信息，包括：

在分列显示内容时，获取所有显示列中高度最小的列的高度值以及高度最小的列的列号；

根据高度最小的列的列号计算高度最小的列的横坐标值，将该横坐标值作为视窗的横坐标值，并且将高度最小的列的高度值作为视窗的纵坐标值。

4.如权利要求3所述的方法，其特征在于，所述方法还包括：

在每次计算显示相应内容的视窗的位置信息后，还更新当前高度最小的列的高度值为当前高度值与视窗的高度值之和。

5.如权利要求3或4所述的方法，其特征在于，所述根据视窗框架创建多个用于显示内容的视窗，包括：

从所述视窗框架中逐一读取视窗的位置信息，将读取到的视窗的纵坐标值与屏幕的高度值进行比较，如果视窗的纵坐标值小于屏幕的高度值，则创建视窗，并显示在视窗的位置信息指向的位置上；否则，结束创建视窗。

6.如权利要求1～4任意之一所述的方法，其特征在于，所述方法还包括：

在查询所述回收池中是否存在视窗后，如果所述回收池中不存在视窗，则新建视窗，将内容加载到新建的视窗中进行内容的显示。

7.一种显示内容的装置，其特征在于，包括：视窗框架初始化单元、初始显示单元和滑动单元，其中：

所述视窗框架初始化单元，用于响应用户进行内容显示的请求，初始化视窗框架；

所述初始显示单元，用于根据视窗框架创建多个用于显示内容的视窗，将相应的内容加载到视窗中进行显示；

所述滑动单元，用于监测显示状态，在用户滑动屏幕时，将滑出屏幕的内容移除，并将对应的视窗回收到回收池中；在根据所述视窗框架显示进入屏幕的内容时，查询所述回收池中是否存在视窗，如果存在，则获取视窗，将内容加载到视窗中进行显示。

8.如权利要求7所述的装置，其特征在于，所述视窗框架初始化单元初始化视窗框架，包括：

针对每个要显示的内容依次计算显示相应内容的视窗的位置信息以及根据要显示的内容的相关信息和业务需求计算视窗的尺寸信息；

对计算得到的每个视窗的位置信息和尺寸信息进行缓存。

9.如权利要求8所述的装置，其特征在于，所述视窗框架初始化单元计算显示相应内容的视窗的位置信息，包括：

在分列显示内容时，获取所有显示列中高度最小的列的高度值以及高度最小的列的列号；

根据高度最小的列的列号计算高度最小的列的横坐标值，将该横坐标值作为视窗的横坐标值，并且将高度最小的列的高度值作为视窗的纵坐标值。

10.如权利要求9所述的装置，其特征在于：

所述视窗框架初始化单元，还用于在每次计算显示相应内容的视窗的位置信息后，更新当前高度最小的列的高度值为当前高度值与视窗的高度值之和。