CN103500189A - 图片浏览方法与装置 - Google Patents
图片浏览方法与装置 Download PDFInfo
- Publication number
- CN103500189A CN103500189A CN201310422962.1A CN201310422962A CN103500189A CN 103500189 A CN103500189 A CN 103500189A CN 201310422962 A CN201310422962 A CN 201310422962A CN 103500189 A CN103500189 A CN 103500189A
- Authority
- CN
- China
- Prior art keywords
- picture
- list
- image data
- internal memory
- played
- 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.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
Abstract
本发明公开了一种图片浏览方法与装置,只将部分图片存入内存以备显示,并随用户操作更新该部分图片,其他部分图片则暂不存入内存,以此节省内存开支,并采用预渲染的手段加快图片显示速度,从而在减少内存占用和加快显示速度方面都具有较好的效果,尤其适用于内存和性能有限,但需要显示大量图片的手机等智能终端。
Description
技术领域
本发明涉及移动终端图片浏览技术领域,特别是涉及一种图片浏览方法与装置。
背景技术
随着手机等移动智能终端设备的普及,拍照更加简便快速,拍照质量和数量也在不断的提高。伴随着手机相片数量的急剧上升,由于手机设备内存和运行速度的限制,开发者在开发此类手机相册应用过程中越来越困难,一方面要满足显示大量的照片,一方面又要满足相片浏览的流畅体验,市场上的产品却往往达不到这样的效果。
目前市场上的产品普遍采取的做法是:一次性直接读取所有需要显示的图片数据并装入内存,以便在浏览相片的过程当中能快速从内存中加载图片并显示。然而,当用户的手机存在大量照片的情况下,此种做法会令手机空闲内存剧烈下降从而导致内存不足,严重的甚至会让应用运行起来有卡顿感。
发明内容
基于上述情况,本发明提出了一种图片浏览方法与装置,以减少图片显示过程中对内存的占用,同时加快图片显示速度。
一种图片浏览方法,包括步骤:
获取图片的标记信息,形成列表;
接收对所述列表的操作,显示相应部分列表;
读取当前显示部分列表所对应图片的图片数据;
对读取的所述图片数据进行渲染并存入内存;
读取内存中已渲染的图片,并显示在图片浏览窗口。
一种图片浏览装置,包括:
列表建立模块,用于获取图片的标记信息,形成列表;
列表显示模块,用于接收对所述列表的操作,显示相应部分列表;
图片数据读取模块,用于读取当前显示部分列表所对应图片的图片数据;
预渲染模块,用于对读取的所述图片数据进行渲染并存入内存;
图片显示模块,用于读取内存中已渲染且与当前显示列表对应的图片,并显示在图片浏览窗口。
本发明的图片浏览方法与装置,只将部分图片存入内存以备显示,并随用户操作更新显示该部分图片,其他部分图片则暂不存入内存,以此节省内存开支,并采用预渲染的手段加快图片显示速度,从而在减少内存占用和加快显示速度方面都具有较好的效果,尤其适用于内存和性能有限,但需要显示大量图片的手机等智能终端。
附图说明
图1为本发明图片浏览方法的流程示意图;
图2为本发明图片浏览装置的结构示意图。
具体实施方式
为了使本发明的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本发明进行进一步的详细说明。应当理解,此处所描述的具体实施方式仅仅用以解释本发明,并不限定本发明的保护范围。
本发明图片浏览方法,如图1所示,包括步骤:
步骤S101、获取图片的标记信息,形成列表;
步骤S102、接收对所述列表的操作,显示相应部分列表;
步骤S103、读取当前显示部分列表所对应图片的图片数据;
步骤S104、对读取的所述图片数据进行渲染并存入内存;
步骤S105、读取内存中已渲染的与当前显示部分列表对应的图片,并显示在所述图片浏览窗口。
步骤S101获取的仅仅是图片的标记信息,不包括任何图片内容,列表中各个标记信息的顺序可以根据需要设定。步骤S102向用户展示该标记信息列表,展示平台可以是一个窗口,该窗口可以有滑动条,用户拖动滑动条,则相应部分的列表显示在窗口中,用户继续拖动滑动条,则另一部分的列表显示在窗口中。步骤S103、步骤S104和步骤S105对该部分列表对应的图片进行加载,并显示在图片浏览窗口中。优选地,可以在图片浏览窗口中设置一部分区域用于显示列表,其他区域用于显示渲染好的图片。
为了加快显示速度,并减少图片显示过程中的卡顿现象,优选地采用异步线程分别执行所述步骤读取当前显示部分列表所对应图片的图片数据,和所述步骤对读取的所述图片数据进行渲染并存入内存。经实验,采用异步线程相比单线程能够明显加快图片显示速度,而本方法采用在显示之前预先渲染的方法进一步加快了图片显示速度。
若当前显示部分列表所对应的图片已经渲染,则直接从内存中读取并显示;若尚未渲染则依次执行步骤S103和步骤S104,即读取图片内容并进行预渲染。当用户浏览到一定量的的照片,内存的占用也会慢慢变高,当已渲染的图片所占用的内存超过阈值时,优选地释放当前显示部分列表之外的图片所占用的内存,以保证系统内存的充足。
所述图片标记信息,优选地包括图片所在路径和/或图片名称,还可以包括图片大小等反应图片特征的信息。
作为一个优选的实施例,本方法还包括步骤,按照预定规则对所述列表进行排序。预定的规则可以是按照图片存储时间从先到后的顺序、或按照图片大小从小到大的顺序等。
本发明图片浏览装置是与上述方法对应的装置,如图2所示,包括:
列表建立模块,用于获取图片的标记信息,形成列表;
列表显示模块,用于接收对所述列表的操作,显示相应部分列表;
图片数据读取模块,用于读取当前显示部分列表所对应图片的图片数据;
预渲染模块,用于对读取的所述图片数据进行渲染并存入内存;
图片显示模块,用于读取内存中已渲染且与当前显示列表对应的图片,并显示在所述图片浏览窗口。
作为一个优选的实施例,所述图片数据读取模块与所述预渲染模块执行的步骤为异步线程所执行的步骤。
作为一个优选的实施例,还包括内存管理模块,用于在已渲染的图片所占用的内存超过阈值时,释放当前显示部分列表之外的图片所占用的内存。所述图片数据读取模块读取的是当前显示部分列表所对应的尚未渲染的图片的图片数据。
作为一个优选的实施例,所述图片标记信息包括图片所在路径和/或图片名称。
作为一个优选的实施例,所述列表建立模块还用于按照预定规则对所述列表进行排序。
综上,本发明的图片浏览方法与装置,针对传统图片浏览方法的弊端,预先建立一个图片目录,即文中的图片标记信息列表,用户选中列表中的哪一部分,则对哪一部分列表对应的图片数据进行一系列操作并最终显示在浏览窗口中,达到按需显示的效果,而不是一次性读取所有图片数据并渲染显示,从而减轻了内存负担,加快了浏览速度。
以上所述实施例仅表达了本发明的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对本发明专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本发明构思的前提下,还可以做出若干变形和改进,这些都属于本发明的保护范围。因此,本发明专利的保护范围应以所附权利要求为准。
Claims (10)
1.一种图片浏览方法,其特征在于,包括步骤:
获取图片的标记信息,形成列表;
接收对所述列表的操作,显示相应部分列表;
读取当前显示部分列表所对应图片的图片数据;
对读取的所述图片数据进行渲染并存入内存;
读取内存中已渲染的图片,并显示在图片浏览窗口。
2.根据权利要求1所述的图片浏览方法,其特征在于,
采用异步线程分别执行所述步骤读取当前显示部分列表所对应图片的图片数据,和所述步骤对读取的所述图片数据进行渲染并存入内存。
3.根据权利要求1或2所述的图片浏览方法,其特征在于,
若当前显示部分列表所对应的图片已经渲染,则直接从内存中读取并显示;若未渲染则读取当前显示部分列表所对应图片的图片数据,对读取的所述图片数据进行渲染并存入内存;
当已渲染的图片所占用的内存超过阈值时,释放当前显示部分列表之外的图片所占用的内存。
4.根据权利要求1或2所述的图片浏览方法,其特征在于,
所述图片标记信息包括图片所在路径和/或图片名称。
5.根据权利要求1或2所述的图片浏览方法,其特征在于,
还包括步骤,按照预定规则对所述列表进行排序。
6.一种图片浏览装置,其特征在于,包括:
列表建立模块,用于获取图片的标记信息,形成列表;
列表显示模块,用于接收对所述列表的操作,显示相应部分列表;
图片数据读取模块,用于读取当前显示部分列表所对应图片的图片数据;
预渲染模块,用于对读取的所述图片数据进行渲染并存入内存;
图片显示模块,用于读取内存中已渲染且与当前显示列表对应的图片,并显示在图片浏览窗口。
7.根据权利要求6所述的图片浏览装置,其特征在于,
所述图片数据读取模块与所述预渲染模块执行的步骤为异步线程所执行的步骤。
8.根据权利要求6或7所述的图片浏览装置,其特征在于,
还包括内存管理模块,用于在已渲染的图片所占用的内存超过阈值时,释放当前显示部分列表之外的图片所占用的内存;
所述图片数据读取模块读取的是当前显示部分列表所对应的尚未渲染的图片的图片数据。
9.根据权利要求6或7所述的图片浏览装置,其特征在于,
所述图片标记信息包括图片所在路径和/或图片名称。
10.根据权利要求6或7所述的图片浏览装置,其特征在于,
所述列表建立模块还用于按照预定规则对所述列表进行排序。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310422962.1A CN103500189A (zh) | 2013-09-16 | 2013-09-16 | 图片浏览方法与装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310422962.1A CN103500189A (zh) | 2013-09-16 | 2013-09-16 | 图片浏览方法与装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN103500189A true CN103500189A (zh) | 2014-01-08 |
Family
ID=49865400
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201310422962.1A Pending CN103500189A (zh) | 2013-09-16 | 2013-09-16 | 图片浏览方法与装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN103500189A (zh) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104268012A (zh) * | 2014-09-28 | 2015-01-07 | 广州华多网络科技有限公司 | 一种图片数据处理方法及装置 |
CN109684578A (zh) * | 2018-12-28 | 2019-04-26 | 北京字节跳动网络技术有限公司 | 用于显示信息的方法和装置 |
CN109697045A (zh) * | 2018-12-28 | 2019-04-30 | 天弘基金管理有限公司 | 图片显示方法及装置 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101667185A (zh) * | 2008-09-05 | 2010-03-10 | 深圳富泰宏精密工业有限公司 | 行动装置及其图片快速显示方法 |
CN101895635A (zh) * | 2010-07-15 | 2010-11-24 | 优视科技有限公司 | 基于移动终端的图片转换方法及装置 |
CN102346782A (zh) * | 2011-10-25 | 2012-02-08 | 中兴通讯股份有限公司 | 在用户终端浏览器上按需显示图片的方法及装置 |
-
2013
- 2013-09-16 CN CN201310422962.1A patent/CN103500189A/zh active Pending
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101667185A (zh) * | 2008-09-05 | 2010-03-10 | 深圳富泰宏精密工业有限公司 | 行动装置及其图片快速显示方法 |
CN101895635A (zh) * | 2010-07-15 | 2010-11-24 | 优视科技有限公司 | 基于移动终端的图片转换方法及装置 |
CN102346782A (zh) * | 2011-10-25 | 2012-02-08 | 中兴通讯股份有限公司 | 在用户终端浏览器上按需显示图片的方法及装置 |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104268012A (zh) * | 2014-09-28 | 2015-01-07 | 广州华多网络科技有限公司 | 一种图片数据处理方法及装置 |
CN104268012B (zh) * | 2014-09-28 | 2017-10-24 | 广州华多网络科技有限公司 | 一种图片数据处理方法及装置 |
CN109684578A (zh) * | 2018-12-28 | 2019-04-26 | 北京字节跳动网络技术有限公司 | 用于显示信息的方法和装置 |
CN109697045A (zh) * | 2018-12-28 | 2019-04-30 | 天弘基金管理有限公司 | 图片显示方法及装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN103544207B (zh) | 一种图片加载显示的方法与系统 | |
CN109408752B (zh) | 在线文档展示方法、装置以及电子设备 | |
CN106802803A (zh) | 应用数据处理的方法和装置 | |
CN102984383A (zh) | 一种预览的方法、装置和手机 | |
CN105869199B (zh) | 用于处理动画的装置和方法 | |
CN107707452A (zh) | 针对表情的信息展示方法、装置以及电子设备 | |
CN103309560A (zh) | 多界面显示信息的方法及终端 | |
CN103685328A (zh) | 一种广告播放方法 | |
CN107977150A (zh) | 一种视图滚动方法、装置以及电子设备 | |
CN112486611B (zh) | 页面切换显示方法、装置、存储介质及电子设备 | |
US20170177206A1 (en) | Method for interaction with terminal and electronic apparatus for the same | |
CN109254801A (zh) | 启动、配置方法,装置,设备,介质和操作系统 | |
CN109144652A (zh) | 一种视图显示方法、装置、电子设备及存储介质 | |
CN103677491A (zh) | 一种用于渲染网页的方法和装置 | |
EP3061238A1 (en) | Customizing mobile media captioning based on mobile media rendering | |
CN103150085A (zh) | 应用内容信息的展示方法及终端 | |
CN111240793B (zh) | cell预渲染的方法、装置、电子设备以及计算机可读介质 | |
CN103500189A (zh) | 图片浏览方法与装置 | |
WO2014082541A1 (en) | Method for switching pictures of picture galleries and browser | |
CN106886549A (zh) | 一种网络图片的加载方法、装置和系统 | |
CN103631824A (zh) | 一种网页显示方法及装置 | |
US20130152006A1 (en) | Electronic device capable of simulating page flip effect | |
CN103942199A (zh) | 一种获取网页中的图片信息的方法、装置和终端 | |
US9134948B1 (en) | Method and system for detecting and serving high-resolution images to high-resolution devices | |
US20130132893A1 (en) | Method and apparatus for displaying data |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20140108 |
|
RJ01 | Rejection of invention patent application after publication |