CN105095259B - 瀑布流对象显示方法及装置 - Google Patents
瀑布流对象显示方法及装置 Download PDFInfo
- Publication number
- CN105095259B CN105095259B CN201410193255.4A CN201410193255A CN105095259B CN 105095259 B CN105095259 B CN 105095259B CN 201410193255 A CN201410193255 A CN 201410193255A CN 105095259 B CN105095259 B CN 105095259B
- Authority
- CN
- China
- Prior art keywords
- area
- display
- list
- preset
- snapshot
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种瀑布流对象显示方法及装置,属于显示技术领域。所述方法包括:获取按照瀑布流布局排布的至少一个待显示的对象;对于每一个对象,检测对象所在的区域与预设显示区域是否存在交叠区域;将与预设显示区域存在交叠区域的对象存储在对象显示列表中,将与预设显示区域不存在交叠区域的对象以快照形式存储在快照列表中;显示对象显示列表中的对象在交叠区域中的内容;解决了内存得不到释放容易卡的问题;由于快照所需要的内存很少,因此通过将暂时不需要显示的对象存入快照列表中的方式,达到了释放内存空间,提高页面浏览顺滑度的效果。
Description
技术领域
本发明实施例涉及显示技术领域,特别涉及一种瀑布流对象显示方法及装置。
背景技术
在显示技术领域中,当一个页面需要同时显示大量的图片、文字和链接等对象时,尤其在用户触发滚动操作较多的情况下,通常采用瀑布流的显示方式。瀑布流又称瀑布流式布局,是目前比较流行的一种网站页面布局,视觉表现为参差不齐的多栏布局,随着页面滚动条向下滚动,不断加载对象。
在瀑布流的场景下,相关技术中通常采用如下方式:终端获取瀑布流布局排布的至少一个待显示的对象,该对象可以包括图片、文字和链接等;通过滚动页面的方式,终端不断加载对象;在页面滚动的过程中,终端会保存被移除出显示区域的对象的浏览历史记录,通常还会同时保留这些被移除出显示区域的对象。
在实现本发明实施例的过程中,发明人发现背景技术至少存在以下问题:加载大量图片会迅速消耗内存,造成“多翻几页就觉得卡”的现象,即使对象被移除出显示区域,浏览器也不会立刻调用垃圾回收机制,内存得不到释放。
发明内容
为了解决内存得不到释放容易卡的问题,本发明实施例提供了一种瀑布流对象显示方法及装置。所述技术方案如下:
第一方面,提供了一种瀑布流对象显示方法,所述方法包括:
获取按照瀑布流布局排布的至少一个待显示的对象;
对于每一个对象,检测所述对象所在的区域与预设显示区域是否存在交叠区域;
将与所述预设显示区域存在交叠区域的所述对象存储在对象显示列表中,将与所述预设显示区域不存在交叠区域的所述对象以快照形式存储在快照列表中;
显示所述对象显示列表中的对象在所述交叠区域中的内容。
第二方面,提供了一种瀑布流对象显示装置,所述装置包括:
对象获取模块,用于获取按照瀑布流布局排布的至少一个待显示的对象;
区域检测模块,用于对于每一个对象,检测所述对象所在的区域与预设显示区域是否存在交叠区域;
对象存储模块,用于将与所述预设显示区域存在交叠区域的所述对象存储在对象显示列表中,将与所述预设显示区域不存在交叠区域的所述对象以快照形式存储在快照列表中;
内容显示模块,用于显示所述对象显示列表中的对象在所述交叠区域中的内容。
本发明实施例提供的技术方案带来的有益效果是:
通过获取按照瀑布流布局排布的至少一个待显示的对象;对于每一个对象,检测对象所在的区域与预设显示区域是否存在交叠区域;将与预设显示区域存在交叠区域的对象存储在对象显示列表中,将与预设显示区域不存在交叠区域的对象以快照形式存储在快照列表中;显示对象显示列表中的对象在交叠区域中的内容;解决了内存得不到释放容易卡的问题;由于快照所需要的内存很少,因此通过将暂时不需要显示的对象存入快照列表中的方式,达到了释放内存空间,提高页面浏览顺滑度的效果。
附图说明
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本发明一个实施例提供的瀑布流对象显示方法的方法流程图;
图2A是本发明另一个实施例提供的瀑布流对象显示方法的方法流程图;
图2B是本发明另一个实施例提供的区域交叠检测的示意图;
图2C是本发明另一个实施例提供的预设显示区域变化的示意图;
图2D是本发明另一个实施例提供的列表更新的示意图;
图3是本发明一个实施例提供的瀑布流对象显示装置的结构方框图;
图4是本发明另一个实施例提供的瀑布流对象显示装置的结构方框图;
图5是本发明一个实施例提供的终端的结构示意图。
具体实施方式
为使本发明的目的、技术方案和优点更加清楚,下面将结合附图对本发明实施方式作进一步地详细描述。
本文中所述的“终端”,通常是包括显示屏幕的终端。具体可以是:智能手机、平板电脑、电子书阅读器、MP3播放器(Moving Picture Experts Group Audio Layer III,动态影像专家压缩标准音频层面3)、MP4(Moving Picture Experts Group Audio Layer IV,动态影像专家压缩标准音频层面4)播放器、可穿戴电子设备、膝上型便携计算机和台式计算机等等。
请参考图1,其示出了本发明一个实施例提供的瀑布流对象显示方法的方法流程图。本实施例主要以该瀑布流对象显示方法应用于包括显示屏幕的终端中来举例说明。该瀑布流对象显示方法,包括:
步骤102,获取按照瀑布流布局排布的至少一个待显示的对象;
步骤104,对于每一个对象,检测对象所在的区域与预设显示区域是否存在交叠区域;
步骤106,将与预设显示区域存在交叠区域的对象存储在对象显示列表中,将与预设显示区域不存在交叠区域的对象以快照形式存储在快照列表中;
步骤108,显示对象显示列表中的对象在交叠区域中的内容。
综上所述,本实施例提供的瀑布流对象显示方法,通过获取按照瀑布流布局排布的至少一个待显示的对象;对于每一个对象,检测对象所在的区域与预设显示区域是否存在交叠区域;将与预设显示区域存在交叠区域的对象存储在对象显示列表中,将与预设显示区域不存在交叠区域的对象以快照形式存储在快照列表中;显示对象显示列表中的对象在交叠区域中的内容;解决了内存得不到释放容易卡的问题;由于快照所需要的内存很少,因此通过将暂时不需要显示的对象存入快照列表中的方式,达到了释放内存空间,提高页面浏览顺滑度的效果。
请参考图2A,其示出了本发明另一个实施例提供的瀑布流对象显示方法的方法流程图。本实施例主要以该瀑布流对象显示方法应用于包括显示屏幕的终端中来举例说明。该瀑布流对象显示方法,包括:
步骤201,获取按照瀑布流布局排布的至少一个待显示的对象;
瀑布流又称瀑布流式布局,是目前比较流行的一种页面布局,视觉表现为参差不齐的多栏布局,随着页面滚动条向下滚动,终端在预设显示区域内不断显示对象,该对象通常以DOM(Document Object Model,文档对象模型)形式表现。终端在初次加载瀑布流布局的页面时,获取按照瀑布流布局排布的至少一个待显示的对象,对象中包括对象的位置信息和对象的显示内容信息,对象的显示内容信息包括:文本信息,和/或,图片的地址信息,和/或,视频的地址信息。
待显示的对象包括当前需要在预设显示区域显示的对象和暂时不需要在预设显示区域显示的对象。
步骤202,对于每一个对象,检测对象所在的区域与预设显示区域是否存在交叠区域;
对于获取到的每一个对象,终端检测对象所在的区域与预设显示区域是否存在交叠区域。预设显示区域是指显示对象的区域,通常来讲是指终端的显示屏幕的区域,也即人眼所能看到的区域。如图2B所示,区域20即预设显示区域。
终端可以通过几何形状的碰撞检测来检测对象所在的区域与预设显示区域是否存在交叠区域,具体来讲,本步骤包括如下子步骤:
1、终端将预设显示区域设定为预设几何形状;
终端根据显示屏幕的形状和显示屏幕的横竖屏状态将预设显示区域设定为预设几何形状,该预设几何形状可以是矩形、多边形、圆形和其它形状。
2、终端将每一个对象都转换为对应的几何形状;
终端根据对象的位置信息将每一个对象都转换为对应的几何形状,比如,大小不一的矩形。
3、终端通过碰撞检测来检测预设显示区域的预设几何形状和每一个对象的几何形状是否存在交叠区域。
也即终端对预设显示区域所对应的几何形状和每一个对象所对应的几何形状进行碰撞检测。若对象所对应的几何形状和预设显示区域所对应的几何形状存在相交关系,则预设显示区域和对象所在的区域存在交叠区域;若对象所对应的几何形状和预设显示区域所对应的几何形状不存在相交关系,则预设显示区域和对象所在的区域不存在交叠区域。
如图2B所示,对象2所在的区域22、对象3所在的区域23、对象4所在的区域24、对象5所在的区域25和对象7所在的区域27与预设显示区域存在交叠区域;对象1所在的区域21和对象6所在的区域26与预设显示区域不存在交叠区域。
步骤203,将与预设显示区域存在交叠区域的对象存储在对象显示列表中,将与预设显示区域不存在交叠区域的对象以快照形式存储在快照列表中;
终端将与预设显示区域存在交叠区域的对象存储在对象显示列表中,终端将与预设显示区域不存在交叠区域的对象以快照形式存储在快照列表中。
如图2B所示,终端将对象2、对象3、对象4、对象5和对象7存储在对象显示列表100中,将对象1和对象6存储在快照列表200中。
步骤204,显示对象显示列表中的对象在交叠区域中的内容。
终端显示对象显示列表中的对象在交叠区域中的内容。如图2B,也即显示在预设显示区域20所在区域的内容。
本步骤具体包括如下子步骤:
1、终端根据各个对象的显示内容信息将对象显示列表中存储的对象进行渲染;
2、根据渲染结果,终端显示对象显示列表中的对象在交叠区域中的内容。
其中,各个对象的渲染结果也存储在对象显示列表中。
由于对象显示列表中需要存储的每个对象的信息较多,比如每个对象的位置信息、显示内容信息以及渲染结果等等;而快照列表中只需存储每个对象的位置信息和显示内容信息,且这些信息通常都是以字符形式来存储,因此对象显示列表中的对象需要大量的内存空间,而快照列表中的对象所占用的存储空间较小。
当用户进行滚动、左右拖拉和横竖屏切换等操作时,预设显示区域会发生变化,有如下步骤:
步骤205,若预设显示区域发生变化,则对于每一个对象,检测对象所在的区域与变化后的预设显示区域是否存在交叠区域。
当发生滚动、左右拖拉和横竖屏切换等操作时,会造成预设显示区域发生变化。如图2C所示,当页面滚动时,预设显示区域20向下移动了。若预设显示区域发生变化,则对于每一个对象,终端检测对象所在的区域与变化后的预设显示区域是否存在交叠区域。进一步的,终端分别检测快照列表中的对象和对象显示列表中的对象所在的区域与变化后的预设显示区域是否存在交叠区域。
又如图2D所示,终端检测对象显示列表100中的对象所在的区域与变化后的预设显示区域是否存在交叠区域;终端检测快照列表200中的对象所在的区域与变化后的预设显示区域是否存在交叠区域。
本步骤中检测是否存在交叠区域的方式与步骤202类似,在此就不再赘述。
步骤206,如果检测出快照列表中的对象所在的区域与变化后的预设显示区域存在交叠区域,则将对象从快照列表移除到对象显示列表中;
如果检测出快照列表中的对象所在的区域与变化后的预设显示区域存在交叠区域,终端将对象从快照列表移除到对象显示列表中。终端将与变化后的预设显示区域存在交叠区域的对象的位置信息和显示内容信息移除到对象显示列表中。移除是指从一个列表中删除,移动到另一个列表中,也即从快照显示列表中删除,移动到对象显示列表中。
如图2D,终端在快照列表200中检测到对象26所在的区域与变化后的预设显示区域存在交叠区域,终端将对象26从快照列表200移除到对象显示列表100中。
如果检测出快照列表中的对象所在的区域与变化后的预设显示区域不存在交叠区域,终端将与变化后的预设显示区域不存在交叠区域的对象保留在快照列表中。如图2D,终端将对象21保留在快照列表中。
步骤207,如果检测出对象显示列表中的对象所在的区域与变化后的预设显示区域不存在交叠区域,则将对象从对象显示列表移除到快照列表中。
如果检测出对象显示列表中的对象所在的区域与变化后的预设显示区域不存在交叠区域,终端将对象从对象显示列表移除到快照列表中。快照列表中存储移入的对象的位置信息、文本信息和图片的地址信息等描述信息。
如图2D,终端在对象显示列表100中检测到对象22所在区域与变化后的预设显示区域不存在交叠区域,终端将对象26从对象显示列表100移除到快照列表200中。
如果检测出对象显示列表中的对象所在的区域与变化后的预设显示区域存在交叠区域,终端将该对象保留在对象显示列表中。如图2D所示,终端将对象23、对象24、对象25和对象27保留在对象显示列表100中。
需要补充说明的是,步骤206和步骤207的执行顺序不限,也可以同时进行。
208,将从快照列表移除到对象显示列表的对象进行渲染;
终端将从快照列表移除到对象显示列表的对象进行渲染。保留在对象显示列表中的对象仍旧保存原有的渲染结果。如图2D所示,终端对从快照列表200移除到对象显示列表100的对象26进行渲染,对象23、对象24、对象25和对象27保存原有的渲染结果。
209,根据对象显示列表中原有对象的渲染结果和对象的渲染结果,显示对象显示列表中的各个对象在交叠区域中的内容。
根据对象显示列表中原有对象的渲染结果和对象的渲染结果,终端显示对象显示列表中的各个对象在交叠区域中的内容。如图2C所示,终端显示对象23、对象24、对象25、对象26和对象27在交叠区域中的内容,也即上述对象在变化后的预设显示区域20中的内容。
综上所述,本实施例提供的瀑布流对象显示方法,通过获取按照瀑布流布局排布的至少一个待显示的对象;对于每一个对象,检测对象所在的区域与预设显示区域是否存在交叠区域;将与预设显示区域存在交叠区域的对象存储在对象显示列表中,将与预设显示区域不存在交叠区域的对象以快照形式存储在快照列表中;显示对象显示列表中的对象在交叠区域中的内容;解决了内存得不到释放容易卡的问题;由于快照所需要的内存很少,因此通过将暂时不需要显示的对象存入快照列表中的方式,达到了释放内存空间,提高页面浏览顺滑度的效果。
另外,当预设显示区域发生变化时,通过分别检测快照列表和对象显示列表中的对象所在的区域与变化后的预设显示区域是否存在交叠区域,且可以同时进行删除和移动,提高了效率;通过将要显示的对象放入对象显示列表中,暂时不显示的对象存储入快照列表中,达到了能够合理控制对象显示列表中的对象数目的效果。再者,通过只渲染移动到对象显示列表中的对象,达到了提高效率节省空间的效果。
在一个具体的实施例中,优化前后结果对比:
内存占用结果。
优化前 | 优化后 | |
初始内存 | 43229k | 46780k |
加载10屏 | 96827k | 57980k |
加载15屏 | 164756k | 60483k |
加载20屏 | 231832k | 63132k |
加载30屏 | 412118k | 67032k |
(测试环境ie8,分辨率1366*768)
(优化后单屏幕峰值70M-100M之间)
对象数量
优化前 | 优化后 | |
初始对象 | 2002 | 1744 |
加载10屏 | 19202 | 1990 |
加载15屏 | 25335 | 1771 |
加载20屏 | 38825 | 2166 |
加载30屏 | 65341 | 2020 |
(测试环境chrome,分辨率1366*768)
(优化后经多次测试,单屏幕DOM峰值最高为2500-3200之间)
可以看到,通过本实施例进行优化过的页面,很好地解决了翻页多屏内存占用过高的问题,尤其在加载10屏后,效果越发明显,内存占用量一般是优化前的1/3-1/5之间,并呈现缓慢递增状态。而对象数量为优化前的1/10-1/30,整体数量无论加载几屏,也未有明显变化,从而加快了页面的显示速度。
以下为本发明的装置实施例,对于其中未详尽描述的细节,可以参考上述对应的方法实施例。
请参考图3,其示出了本发明一个实施例提供的瀑布流对象显示装置的结构方框图。该瀑布流对象显示装置可以通过软件、硬件或者两者的结合实现成为终端的全部或者部分。该瀑布流对象显示装置可以包括:对象获取模块320、区域检测模块340、对象分配模块360和内容显示模块380;
对象获取模块320,用于获取按照瀑布流布局排布的至少一个待显示的对象;
区域检测模块340,用于对于对象获取模块320获取到的每一个对象,检测对象所在的区域与预设显示区域是否存在交叠区域;
对象存储模块360,用于将区域检测模块340检测到的与预设显示区域存在交叠区域的对象存储在对象显示列表中,将区域检测模块340检测到的与预设显示区域不存在交叠区域的对象以快照形式存储在快照列表中;
内容显示模块380,用于显示对象存储模块360存储在对象显示列表中的对象在交叠区域中的内容。
综上所述,本实施例提供的瀑布流对象显示装置,通过获取按照瀑布流布局排布的至少一个待显示的对象;对于每一个对象,检测对象所在的区域与预设显示区域是否存在交叠区域;将与预设显示区域存在交叠区域的对象存储在对象显示列表中,将与预设显示区域不存在交叠区域的对象以快照形式存储在快照列表中;显示对象显示列表中的对象在交叠区域中的内容;解决了内存得不到释放容易卡的问题;由于快照所需要的内存很少,因此通过将暂时不需要显示的对象存入快照列表中的方式,达到了释放内存空间,提高页面浏览顺滑度的效果。
请参考图4,其示出了本发明另一个实施例提供的瀑布流对象显示装置的结构方框图。该瀑布流对象显示装置可以通过软件、硬件或者两者的结合实现成为终端的全部或者部分。该瀑布流对象显示装置可以包括:对象获取模块320、区域检测模块340、对象分配模块360和内容显示模块380;
对象获取模块320,用于获取按照瀑布流布局排布的至少一个待显示的对象;
区域检测模块340,用于对于对象获取模块320获取到的每一个对象,检测对象所在的区域与预设显示区域是否存在交叠区域;
对象存储模块360,用于将区域检测模块340检测到的与预设显示区域存在交叠区域的对象存储在对象显示列表中,将区域检测模块340检测到的与预设显示区域不存在交叠区域的对象以快照形式存储在快照列表中;
内容显示模块380,用于显示对象存储模块360存储在对象显示列表中的对象在交叠区域中的内容。
进一步的,区域检测模块340,还用于若预设显示区域发生变化,则对于每一个对象,检测对象所在的区域与变化后的预设显示区域是否存在交叠区域。
进一步的,区域检测模块340,还用于分别检测快照列表中的对象和对象显示列表中的对象所在的区域与变化后的预设显示区域是否存在交叠区域。
进一步的,对象存储模块360,包括:
第一移除单元361,用于如果检测出快照列表中的对象所在的区域与变化后的预设显示区域存在交叠区域,则将对象从快照列表移除到对象显示列表中;
第二移除单元362,用于如果检测出对象显示列表中的对象所在的区域与变化后的预设显示区域不存在交叠区域,则将对象从对象显示列表移除到快照列表中。
进一步的,内容显示模块380,包括:
对象渲染单元381,用于将从快照列表移除到对象显示列表的对象进行渲染;
内容显示单元382,用于根据对象显示列表中原有对象的渲染结果和对象的渲染结果,显示对象显示列表中的各个对象在交叠区域中的内容。
综上所述,本实施例提供的瀑布流对象显示装置,通过获取按照瀑布流布局排布的至少一个待显示的对象;对于每一个对象,检测对象所在的区域与预设显示区域是否存在交叠区域;将与预设显示区域存在交叠区域的对象存储在对象显示列表中,将与预设显示区域不存在交叠区域的对象以快照形式存储在快照列表中;显示对象显示列表中的对象在交叠区域中的内容;解决了内存得不到释放容易卡的问题;由于快照所需要的内存很少,因此通过将暂时不需要显示的对象存入快照列表中的方式,达到了释放内存空间,提高页面浏览顺滑度的效果。
另外,当预设显示区域发生变化时,通过分别检测快照列表和对象显示列表中的对象所在的区域与变化后的预设显示区域是否存在交叠区域,且可以同时进行删除和移动,提高了效率;通过将要显示的对象放入对象显示列表中,暂时不显示的对象存储入快照列表中,达到了能够合理控制对象显示列表中的对象数目的效果。再者,通过只渲染移动到对象显示列表中的对象,达到了提高效率节省空间的效果。
请参考图5,其示出了本发明的一个实施例提供的终端的结构示意图。该终端500用于实施上述实施例中提供的瀑布流对象显示方法,具体来讲:
终端500可以包括RF(Radio Frequency,射频)电路510、包括有一个或一个以上计算机可读存储介质的存储器520、输入单元530、显示单元540、传感器550、音频电路560、短距离无线传输模块570、包括有一个或者一个以上处理核心的处理器580、以及电源590等部件。本领域技术人员可以理解,图5中示出的终端结构并不构成对终端的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。其中:
RF电路510可用于收发信息或通话过程中,信号的接收和发送,特别地,将基站的下行信息接收后,交由一个或者一个以上处理器580处理;另外,将涉及上行的数据发送给基站。通常,RF电路510包括但不限于天线、至少一个放大器、调谐器、一个或多个振荡器、用户身份模块(SIM)卡、收发信机、耦合器、LNA(Low Noise Amplifier,低噪声放大器)、双工器等。此外,RF电路510还可以通过无线通信与网络和其他设备通信。无线通信可以使用任一通信标准或协议,包括但不限于GSM(Global System of Mobile communication,全球移动通讯系统)、GPRS(General Packet Radio Service,通用分组无线服务)、CDMA(CodeDivision Multiple Access,码分多址)、WCDMA(Wideband Code Division MultipleAccess,宽带码分多址)、LTE(Long Term Evolution,长期演进)、电子邮件、SMS(ShortMessaging Service,短消息服务)等。存储器520可用于存储软件程序以及模块,比如,存储器520可以用于存储预设时间列表,还可以用于存储采集语音信号的软件程序、实现关键词识别的软件程序、实现连续语音识别的软件程序以及实现设置提醒事项的软件程序,还可以用于存储无线接入点与用户账号的绑定关系等等。处理器580通过运行存储在存储器520的软件程序以及模块,从而执行各种功能应用以及数据处理。存储器520可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等;存储数据区可存储根据终端500的使用所创建的数据(比如音频数据、电话本等)等。此外,存储器520可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。相应地,存储器520还可以包括存储器控制器,以提供处理器580和输入单元530对存储器520的访问。
输入单元530可用于接收输入的数字或字符信息,以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。具体地,输入单元530可包括触敏表面531以及其他输入设备532。触敏表面531,也称为触摸显示屏或者触控板,可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触敏表面531上或在触敏表面531附近的操作),并根据预先设定的程式驱动相应的连接装置。可选的,触敏表面531可包括触摸检测装置和触摸控制器两个部分。其中,触摸检测装置检测用户的触摸方位,并检测触摸操作带来的信号,将信号传送给触摸控制器;触摸控制器从触摸检测装置上接收触摸信息,并将它转换成触点坐标,再送给处理器580,并能接收处理器580发来的命令并加以执行。此外,可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触敏表面531。除了触敏表面531,输入单元530还可以包括其他输入设备532。具体地,其他输入设备532可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。
显示单元540可用于显示由用户输入的信息或提供给用户的信息以及终端500的各种图形用户接口,这些图形用户接口可以由图形、文本、图标、视频和其任意组合来构成。显示单元540可包括显示面板541,可选的,可以采用LCD(Liquid Crystal Display,液晶显示器)、OLED(Organic Light-Emitting Diode,有机发光二极管)等形式来配置显示面板541。进一步的,触敏表面531可覆盖在显示面板541之上,当触敏表面531检测到在其上或附近的触摸操作后,传送给处理器580以确定触摸事件的类型,随后处理器580根据触摸事件的类型在显示面板541上提供相应的视觉输出。虽然在图5中,触敏表面531与显示面板541是作为两个独立的部件来实现输入和输入功能,但是在某些实施例中,可以将触敏表面531与显示面板541集成而实现输入和输出功能。显示单元540可以用于根据对象显示列表中原有对象的渲染结果和对象的渲染结果,显示对象显示列表中的各个对象在交叠区域中的内容。
终端500还可包括至少一种传感器550,比如光传感器、运动传感器以及其他传感器。具体地,光传感器可包括环境光传感器及接近传感器,其中,环境光传感器可根据环境光线的明暗来调节显示面板541的亮度,接近传感器可在终端500移动到耳边时,关闭显示面板541和/或背光。作为运动传感器的一种,重力加速度传感器可检测各个方向上(一般为三轴)加速度的大小,静止时可检测出重力的大小及方向,可用于识别手机姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等;至于终端500还可配置的陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器,在此不再赘述。
音频电路560、扬声器561,传声器562可提供用户与终端500之间的音频接口。音频电路560可将接收到的音频数据转换后的电信号,传输到扬声器561,由扬声器561转换为声音信号输出;另一方面,传声器562将收集的声音信号转换为电信号,由音频电路560接收后转换为音频数据,再将音频数据输出处理器580处理后,经RF电路510以发送给另一终端,或者将音频数据输出至存储器520以便进一步处理。音频电路560还可能包括耳塞插孔,以提供外设耳机与终端500的通信。
短距离无线传输模块570可以是WIFI(wireless fidelity,无线保真)模块或者蓝牙模块等。终端500通过短距离无线传输模块570可以帮助用户收发电子邮件、浏览网页和访问流式媒体等,它为用户提供了无线的宽带互联网访问。虽然图5示出了短距离无线传输模块570,但是可以理解的是,其并不属于终端500的必须构成,完全可以根据需要在不改变发明的本质的范围内而省略。
处理器580是终端500的控制中心,利用各种接口和线路连接整个终端的各个部分,通过运行或执行存储在存储器520内的软件程序和/或模块,以及调用存储在存储器520内的数据,执行终端500的各种功能和处理数据,从而对终端进行整体监控。可选的,处理器580可包括一个或多个处理核心;可选的,处理器580可集成应用处理器和调制解调处理器,其中,应用处理器主要处理操作系统、用户界面和应用程序等,调制解调处理器主要处理无线通信。可以理解的是,上述调制解调处理器也可以不集成到处理器580中。
终端500还包括给各个部件供电的电源590(比如电池),优选的,电源可以通过电源管理系统与处理器580逻辑相连,从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。电源590还可以包括一个或一个以上的直流或交流电源、再充电系统、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。
尽管未示出,终端500还可以包括摄像头、蓝牙模块等,在此不再赘述。
终端500还包括有存储器,以及一个或者一个以上的程序,其中一个或者一个以上程序存储于存储器中,且经配置以由一个或者一个以上处理器执行上述任一实施例所述的瀑布流对象显示方法。
需要补充说明的是,在另外一个实施例中,终端可以包括比图5更多或更少的部件,或者组合某些部件,或者不同的部件布置,来实现全部或者部分功能。
此外,根据本发明的方法还可以被实现为由CPU执行的计算机程序,该计算机程序可以存储在计算机可读存储介质中。在该计算机程序被CPU执行时,执行本发明的方法中限定的上述功能。
上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成,也可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,上述提到的存储介质可以是只读存储器,磁盘或光盘等。
以上所述仅为本发明的较佳实施例,并不用以限制本发明,凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
Claims (10)
1.一种瀑布流对象显示方法,其特征在于,所述方法包括:
获取按照瀑布流布局排布的至少一个待显示的对象;
根据显示屏幕的形状和显示屏幕的横竖屏状态将预设显示区域设定为预设几何形状,分别根据每一个对象的位置信息将每一个对象转换为与所述预设几何形状对应的几何形状,通过碰撞检测来检测预设显示区域的预设几何形状和每一个对象的几何形状是否存在交叠区域,其中,若对象所对应的几何形状和预设显示区域所对应的几何形状存在相交关系,则预设显示区域和对象所在的区域存在交叠区域;
将与所述预设显示区域存在交叠区域的所述对象存储在对象显示列表中,将与所述预设显示区域不存在交叠区域的所述对象以快照形式存储在快照列表中,所述快照列表以字符形式存储每个对象的位置信息和显示内容信息;
根据每个对象的显示内容信息将所述对象显示列表中存储的对象进行渲染,根据渲染结果,显示所述对象显示列表中的对象在所述交叠区域中的内容。
2.根据权利要求1所述的方法,其特征在于,所述方法还包括:
若所述预设显示区域发生变化,则对于每一个对象,检测所述对象所在的区域与变化后的预设显示区域是否存在交叠区域。
3.根据权利要求2所述的方法,其特征在于,所述对于每一个对象,检测所述对象所在的区域与变化后的所述预设显示区域是否存在交叠区域,包括:
分别检测所述快照列表中的对象和所述对象显示列表中的对象所在的区域与所述变化后的预设显示区域是否存在交叠区域。
4.根据权利要求3所述的方法,其特征在于,所述将与所述预设显示区域存在交叠区域的所述对象存储在对象显示列表中,将与所述预设显示区域不存在交叠区域的所述对象以快照形式存储在快照列表中,包括:
如果检测出所述快照列表中的对象所在的区域与所述变化后的预设显示区域存在交叠区域,则将所述对象从所述快照列表移除到所述对象显示列表中;
如果检测出所述对象显示列表中的对象所在的区域与所述变化后的预设显示区域不存在交叠区域,则将所述对象从所述对象显示列表移除到所述快照列表中。
5.根据权利要求4所述的方法,其特征在于,所述显示所述对象显示列表中的对象在所述交叠区域中的内容,包括:
将从所述快照列表移除到所述对象显示列表的所述对象进行渲染;
根据所述对象显示列表中原有对象的渲染结果和所述对象的渲染结果,显示所述对象显示列表中的各个对象在所述交叠区域中的内容。
6.一种瀑布流对象显示装置,其特征在于,所述装置包括:
对象获取模块,用于获取按照瀑布流布局排布的至少一个待显示的对象;
区域检测模块,用于根据显示屏幕的形状和显示屏幕的横竖屏状态将预设显示区域设定为预设几何形状,分别根据每一个对象的位置信息将每一个对象转换为与所述预设几何形状对应的几何形状,通过碰撞检测来检测预设显示区域的预设几何形状和每一个对象的几何形状是否存在交叠区域,其中,若对象所对应的几何形状和预设显示区域所对应的几何形状存在相交关系,则预设显示区域和对象所在的区域存在交叠区域;
对象存储模块,用于将与所述预设显示区域存在交叠区域的所述对象存储在对象显示列表中,将与所述预设显示区域不存在交叠区域的所述对象以快照形式存储在快照列表中,所述快照列表以字符形式存储每个对象的位置信息和显示内容信息;
内容显示模块,用于根据每个对象的显示内容信息将所述对象显示列表中存储的对象进行渲染,根据渲染结果,显示所述对象显示列表中的对象在所述交叠区域中的内容。
7.根据权利要求6所述的装置,其特征在于,所述区域检测模块,用于若所述预设显示区域发生变化,则对于每一个对象,检测所述对象所在的区域与变化后的预设显示区域是否存在交叠区域。
8.根据权利要求7所述的装置,其特征在于,所述区域检测模块,用于分别检测所述快照列表中的对象和所述对象显示列表中的对象所在的区域与所述变化后的预设显示区域是否存在交叠区域。
9.根据权利要求8所述的装置,其特征在于,所述对象存储模块,包括:
第一移除单元,用于如果检测出所述快照列表中的对象所在的区域与所述变化后的预设显示区域存在交叠区域,则将所述对象从所述快照列表移除到所述对象显示列表中;
第二移除单元,用于如果检测出所述对象显示列表中的对象所在的区域与所述变化后的预设显示区域不存在交叠区域,则将所述对象从所述对象显示列表移除到所述快照列表中。
10.根据权利要求9所述的装置,其特征在于,所述内容显示模块,包括:
对象渲染单元,用于将从所述快照列表移除到所述对象显示列表的所述对象进行渲染;
内容显示单元,用于根据所述对象显示列表中原有对象的渲染结果和所述对象的渲染结果,显示所述对象显示列表中的各个对象在所述交叠区域中的内容。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410193255.4A CN105095259B (zh) | 2014-05-08 | 2014-05-08 | 瀑布流对象显示方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410193255.4A CN105095259B (zh) | 2014-05-08 | 2014-05-08 | 瀑布流对象显示方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN105095259A CN105095259A (zh) | 2015-11-25 |
CN105095259B true CN105095259B (zh) | 2020-02-11 |
Family
ID=54575713
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410193255.4A Active CN105095259B (zh) | 2014-05-08 | 2014-05-08 | 瀑布流对象显示方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN105095259B (zh) |
Families Citing this family (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105488218A (zh) * | 2015-12-18 | 2016-04-13 | 北京奇虎科技有限公司 | 一种基于搜索的加载瀑布流的方法和装置 |
CN110058909B (zh) * | 2019-02-26 | 2022-03-08 | 创新先进技术有限公司 | 控件的布局方法、布局装置、服务器及可读存储介质 |
CN111368240B (zh) * | 2019-09-19 | 2024-03-22 | 杭州海康威视系统技术有限公司 | 页面显示方法、装置及设备、存储介质 |
CN114399567B (zh) * | 2022-01-11 | 2024-02-20 | 武汉华信联创技术工程有限公司 | 高分辨率格点分布图显示方法及相关设备 |
CN116451671B (zh) * | 2023-06-16 | 2023-11-07 | 上海森亿医疗科技有限公司 | 文档格式数据加载渲染方法、终端、介质及web编辑器 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103544253A (zh) * | 2013-10-15 | 2014-01-29 | Tcl集团股份有限公司 | 一种以瀑布流方式显示图片的实现方法及系统 |
CN103678622A (zh) * | 2013-12-18 | 2014-03-26 | 百度在线网络技术(北京)有限公司 | 瀑布流式图片动态呈现的方法及装置 |
CN103702216A (zh) * | 2013-12-12 | 2014-04-02 | 乐视网信息技术(北京)股份有限公司 | 一种智能终端及其显示视频图片的方法 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20120324354A1 (en) * | 2011-06-15 | 2012-12-20 | Chipperfield John Stuart | Computer system |
-
2014
- 2014-05-08 CN CN201410193255.4A patent/CN105095259B/zh active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103544253A (zh) * | 2013-10-15 | 2014-01-29 | Tcl集团股份有限公司 | 一种以瀑布流方式显示图片的实现方法及系统 |
CN103702216A (zh) * | 2013-12-12 | 2014-04-02 | 乐视网信息技术(北京)股份有限公司 | 一种智能终端及其显示视频图片的方法 |
CN103678622A (zh) * | 2013-12-18 | 2014-03-26 | 百度在线网络技术(北京)有限公司 | 瀑布流式图片动态呈现的方法及装置 |
Also Published As
Publication number | Publication date |
---|---|
CN105095259A (zh) | 2015-11-25 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10817165B2 (en) | Folder management method and device | |
CN106775637B (zh) | 一种应用程序的页面显示方法和装置 | |
CN106406712B (zh) | 信息显示方法及装置 | |
CN105786878B (zh) | 一种浏览对象的显示方法及装置 | |
CN111984165B (zh) | 一种显示消息的方法、装置及终端设备 | |
EP2851779A1 (en) | Method, device, storage medium and terminal for displaying a virtual keyboard | |
CN108205398B (zh) | 网页动画适配屏幕的方法和装置 | |
WO2015039445A1 (zh) | 通知消息显示方法、装置及电子设备 | |
CN105975190B (zh) | 一种图形界面的处理方法、装置及系统 | |
CN104571979B (zh) | 一种实现分屏视图的方法和装置 | |
CN107533450A (zh) | 一种显示方法及终端设备 | |
CN103677564B (zh) | 滑动操作响应方法、装置及终端设备 | |
US20170046040A1 (en) | Terminal device and screen content enlarging method | |
CN105095259B (zh) | 瀑布流对象显示方法及装置 | |
US20150089431A1 (en) | Method and terminal for displaying virtual keyboard and storage medium | |
CN103399657A (zh) | 鼠标指针的控制方法、装置及终端设备 | |
US10101894B2 (en) | Information input user interface | |
CN104007887A (zh) | 浮层显示的方法和终端 | |
CN108536349B (zh) | 一种图标管理方法及移动终端 | |
CN106126088A (zh) | 一种图片放大显示的方法及装置 | |
EP2911047A1 (en) | Method and apparatus for displaying information and electronic device adapted to the method | |
CN107479799B (zh) | 一种显示窗口的方法和装置 | |
CN104951178A (zh) | 一种桌面数据的处理方法、装置和系统 | |
CN109032487A (zh) | 电子设备控制方法、装置、存储介质和电子设备 | |
CN104615451B (zh) | 一种启动应用的方法及装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |