CN104915915A - 图片展示方法和装置 - Google Patents
图片展示方法和装置 Download PDFInfo
- Publication number
- CN104915915A CN104915915A CN201410086516.2A CN201410086516A CN104915915A CN 104915915 A CN104915915 A CN 104915915A CN 201410086516 A CN201410086516 A CN 201410086516A CN 104915915 A CN104915915 A CN 104915915A
- Authority
- CN
- China
- Prior art keywords
- picture
- content
- dash box
- peripheral
- peripheral dash
- 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
Landscapes
- Controls And Circuits For Display Device (AREA)
Abstract
本发明提供了一种图片展示方法，所述方法包括：获取外围阴影框图片，所述外围阴影框图片为可任意拉伸的格式且内部为透明区域；获取内容图片；按照与所述内容图片匹配的预设大小对所述外围阴影框图片进行拉伸；将拉伸后的外围阴影框图片与所述内容图片进行叠加；显示叠加后的图片。采用该图片展示方法，能够减少图片容量，节省存储空间。此外，还提供了一种图片展示装置。
Description
技术领域
本发明涉及图片处理技术领域，特别是涉及一种图片展示方法和装置。
背景技术
在智能终端的很多应用中都需要展示图片，比如，一些游戏场景中以图片的形式弹出提示框等。传统的图片展示方法，为了展示有边框或阴影框的图片，通常只能采用一张PNG格式的图片。但是PNG格式的图片容量较大，占用存储空间，对于一些存储容量较小的智能终端来说，这种图片展示方法会导致图片占用大量的存储空间，从而浪费存储资源。
发明内容
基于此，有必要针对上述技术问题，提供一种能减少容量，节省存储空间的图片展示方法和装置。
一种图片展示方法，所述方法包括：
获取外围阴影框图片，所述外围阴影框图片为可任意拉伸的格式且内部为透明区域；
获取内容图片；
按照与所述内容图片匹配的预设大小对所述外围阴影框图片进行拉伸；
将拉伸后的外围阴影框图片与所述内容图片进行叠加；
显示叠加后的图片。
在其中一个实施例中，所述外围阴影框图片还包括边框区域和/或外围透明或阴影区域，所述内容图片包括预设大小的内容区域；
所述按照与内容图片匹配的预设大小对所述外围阴影框图片进行拉伸的步骤，包括：
对所述外围阴影框图片进行拉伸，使所述外围阴影框图片内部的透明区域大小与所述内容图片的内容区域的大小一致。
在其中一个实施例中，所述将拉伸后的外围阴影框图片与所述内容图片进行叠加的步骤，包括：
将所述拉伸后的外围阴影框图片放置在所述内容图片的上层并进行叠加。
在其中一个实施例中，所述外围阴影框图片为PNG格式的外围阴影框图片，所述内容图片为非PNG格式的内容图片，所述非PNG格式的内容图片比PNG格式的内容图片的图片容量小。
在其中一个实施例中，所述非PNG格式的内容图片为JPG格式的图片，所述PNG格式的外围阴影框图片为NinePatch图片。
一种图片展示装置，所述装置包括：
第一图片获取模块，用于获取外围阴影框图片，所述外围阴影框图片为可任意拉伸的格式且内部为透明区域；
第二图片获取模块，用于获取内容图片；
图片拉伸模块，用于按照与所述内容图片匹配的预设大小对所述外围阴影框图片进行拉伸；
图片叠加模块，用于将拉伸后的外围阴影框图片与所述内容图片进行叠加；
图片显示模块，用于显示叠加后的图片。
在其中一个实施例中，所述外围阴影框图片还包括边框区域和/或外围透明或阴影区域，所述内容图片包括预设大小的内容区域；
所述图片拉伸模块用于对所述外围阴影框图片进行拉伸，使所述外围阴影框图片内部的透明区域大小与所述内容图片的内容区域的大小一致。
在其中一个实施例中，所述图片叠加模块用于将所述拉伸后的外围阴影框图片放置在所述内容图片的上层并进行叠加。
在其中一个实施例中，所述外围阴影框图片为PNG格式的外围阴影框图片，所述内容图片为非PNG格式的内容图片，所述非PNG格式的内容图片比PNG格式的内容图片的图片容量小。
在其中一个实施例中，所述非PNG格式的内容图片为JPG格式的图片，所述PNG格式的外围阴影框图片为NinePatch图片。
上述图片展示方法和装置，相对于现有技术，不再只是获取一张固定格式的图片，而是预先将需要展示的图片分为了两张图片：外围阴影框图片和内容图片。由于外围阴影框图片的内部为透明区域且可以随意拉伸，这样，外围阴影框图片的尺寸可以非常小，在拉伸后与内容图片进行叠加并显示。由于外围阴影框图片可以设计成可拉伸的格式，比如PNG格式，而内容图片可以设计成不需要拉伸或缩小且容量相对PNG格式更小的图片格式，比如JPG格式。因此，这种图片展示方法和装置能够减少容量，节省存储空间。
附图说明
图1为一个实施例中图片展示方法的流程示意图；
图2A为一个实施例中外围阴影框图片的示意图；
图2B为图2A所示实施例中的内容图片的示意图；
图2C为图2A所示实施例中的叠加后的图片的示意图；
图3为一个实施例中图片展示装置的结构框图。
具体实施方式
为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
除非上下文另有特定清楚的描述，本发明中的元件和组件，数量既可以单个的形式存在，也可以多个的形式存在，本发明并不对此进行限定。本发明中的步骤虽然用标号进行了排列，但并不用于限定步骤的先后次序，除非明确说明了步骤的次序或者某步骤的执行需要其他步骤作为基础，否则步骤的相对次序是可以调整的。可以理解，本文中所使用的术语“和/或”涉及且涵盖相关联的所列项目中的一者或一者以上的任何和所有可能的组合。
如图1所示，在一个实施例中，提供了一种图片展示方法，该方法以应用于各种能展示图片的终端中进行举例说明，这些终端包括但不限于台式计算机、笔记本电脑、平板电脑、智能手机、个人数字助理和电子书阅读器等，该方法包括：
步骤102，获取外围阴影框图片。
外围阴影框图片为可任意拉伸的格式且内部为透明区域。优选的，外围阴影框图片可为PNG（Portable Network Graphic Format，可移植网络图形格式）格式的图片。这样，外围阴影框图片任意拉伸后其内部仍然是透明区域。进一步的，外围阴影框图片内部的透明区域可为预设大小的透明区域，比如优选为10x10像素的透明区域。将外围阴影框图片的尺寸设置为非常小，也能进一步减少图片容量。
进一步优选的，PNG格式的外围阴影框图片可为NinePatch图片。NinePatch图片是一种可延伸的PNG格式的图片，其用途是可以使得图片随着内容的缩放而缩放大小。
在一个实施例中，外围阴影框图片还可包括边框区域和/或外围透明或阴影区域。这样，所展示图片则具有边框和/或阴影效果。
步骤104，获取内容图片。
内容图片指的是具有实际内容的图片，通常为非纯色的图片。内容图片包括预设大小的内容区域。进一步的，内容图片还可包含预设大小的边框区域。
在一个实施例中，外围阴影框图片为PNG格式的图片，内容图片可为非PNG格式的内容图片，且该非PNG格式的内容图片比PNG格式的该内容图片的图片容量小。进一步的，非PNG格式的内容图片可为JPG（全名为JPEG，是一种常用的图片格式）格式的图片。由于JPG格式的图片占用的容量小，
步骤106，按照与内容图片匹配的预设大小对外围阴影框图片进行拉伸。
在一个实施例中，步骤106包括：对外围阴影框图片进行拉伸，使外围阴影框图片内部的透明区域大小与内容图片的内容区域的大小一致。这样，内容图片的内容区域恰好放置在外围阴影框图片内部的透明区域中。
步骤108，将拉伸后的外围阴影框图片与内容图片进行叠加。
在一个优选的实施例中，将拉伸后的外围阴影框图片放置在内容图片的上层并进行叠加。由于内容图片可以是JPG格式的图片，当其外形尺寸不规则时，比如边缘具有圆角等，则会产生底纹。将拉伸后的外围阴影框图片放置在内容图片的上层，使得外围阴影框图片的边框正好可遮挡内容图片产生的底纹，从而展示的图片更准确和美观。
步骤110，显示叠加后的图片。
请参考图2A所示，在一个实施例中，外围阴影框图片202包括内部的透明区域202a、边框区域202b和阴影区域202c，都为10单位高、10单位宽的区域。外围阴影框图片202可为PNG格式的图片。
请参考图2B所示，本实施例中，内容图片204包括内容区域204a，当然内容图片204也可以包括一个边框区域（图2B中未示出）。
将外围阴影框图片202拉伸，使其内部的透明区域202a的大小与内容区域204a的大小一致。拉伸后的外围阴影框图片202放置在内容图片204的上层，并与内容图片204叠加，从而显示为叠加后的图片206（请参考图2C）所示。
相对于现有技术，由于预先将需要展示的图片分为了两张图片：外围阴影框图片和内容图片，外围阴影框图片可以是PNG格式的图片，其内部为透明区域，因此，其尺寸也可以非常小，在拉伸后与内容图片进行叠加。而内容图片可以为相对于PNG格式更小的图片格式，比如JPG格式。这种图片展示方法和装置能够减少容量，节省存储空间。
如图3所示，在一个实施例中，还提供了一种图片展示装置，包括：
第一图片获取模块302，用于获取外围阴影框图片，该外围阴影框图片为可任意拉伸的格式且内部为透明区域。
第二图片获取模块304，用于获取内容图片。
图片拉伸模块306，用于按照与内容图片匹配的预设大小对外围阴影框图片进行拉伸。
图片叠加模块308，用于将拉伸后的外围阴影框图片与内容图片进行叠加。
图片显示模块310，用于显示叠加后的图片。
在一个实施例中，外围阴影框图片还包括边框区域和/或外围透明或阴影区域，内容图片包括预设大小的内容区域。进一步的，内容图片还可包含预设大小的边框区域。
图片拉伸模块306用于对外围阴影框图片进行拉伸，是外围阴影框图片内部的透明区域大小与内容图片的内容区域大小一致。
在一个实施例中，图片叠加模块308用于将拉伸后的外围阴影框图片放置在内容图片的上层并进行叠加。
在一个实施例中，外围阴影框图片为PNG格式的图片，内容图片为非PNG格式的图片，且该非PNG格式的内容图片比PNG格式的内容图片的图片容量小。
进一步的，非PNG格式的图片为JPG格式的图片，PNG格式的外围阴影框图片为NinePatch图片。
以上所述实施例仅表达了本发明的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附权利要求为准。
Claims (10)
1.一种图片展示方法，所述方法包括：
获取外围阴影框图片，所述外围阴影框图片为可任意拉伸的格式且内部为透明区域；
获取内容图片；
按照与所述内容图片匹配的预设大小对所述外围阴影框图片进行拉伸；
将拉伸后的外围阴影框图片与所述内容图片进行叠加；
显示叠加后的图片。
2.根据权利要求1所述的方法，其特征在于，所述外围阴影框图片还包括边框区域和/或外围透明或阴影区域，所述内容图片包括预设大小的内容区域；
所述按照与内容图片匹配的预设大小对所述外围阴影框图片进行拉伸的步骤，包括：
对所述外围阴影框图片进行拉伸，使所述外围阴影框图片内部的透明区域大小与所述内容图片的内容区域的大小一致。
3.根据权利要求1所述的方法，其特征在于，所述将拉伸后的外围阴影框图片与所述内容图片进行叠加的步骤，包括：
将所述拉伸后的外围阴影框图片放置在所述内容图片的上层并进行叠加。
4.根据权利要求1所述的方法，其特征在于，所述外围阴影框图片为PNG格式的外围阴影框图片，所述内容图片为非PNG格式的内容图片，所述非PNG格式的内容图片比PNG格式的内容图片的图片容量小。
5.根据权利要求4所述的方法，其特征在于，所述非PNG格式的内容图片为JPG格式的图片，所述PNG格式的外围阴影框图片为NinePatch图片。
6.一种图片展示装置，其特征在于，所述装置包括：
第一图片获取模块，用于获取外围阴影框图片，所述外围阴影框图片为可任意拉伸的格式且内部为透明区域；
第二图片获取模块，用于获取内容图片；
图片拉伸模块，用于按照与所述内容图片匹配的预设大小对所述外围阴影框图片进行拉伸；
图片叠加模块，用于将拉伸后的外围阴影框图片与所述内容图片进行叠加；
图片显示模块，用于显示叠加后的图片。
7.根据权利要求6所述的装置，其特征在于，所述外围阴影框图片还包括边框区域和/或外围透明或阴影区域，所述内容图片包括预设大小的内容区域；
所述图片拉伸模块用于对所述外围阴影框图片进行拉伸，使所述外围阴影框图片内部的透明区域大小与所述内容图片的内容区域的大小一致。
8.根据权利要求6所述的装置，其特征在于，所述图片叠加模块用于将所述拉伸后的外围阴影框图片放置在所述内容图片的上层并进行叠加。
9.根据权利要求6所述的装置，其特征在于，所述外围阴影框图片为PNG格式的外围阴影框图片，所述内容图片为非PNG格式的内容图片，所述非PNG格式的内容图片比PNG格式的内容图片的图片容量小。
10.根据权利要求9所述的装置，其特征在于，所述非PNG格式的内容图片为JPG格式的图片，所述PNG格式的外围阴影框图片为NinePatch图片。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410086516.2A CN104915915A (zh) | 2014-03-10 | 2014-03-10 | 图片展示方法和装置 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410086516.2A CN104915915A (zh) | 2014-03-10 | 2014-03-10 | 图片展示方法和装置 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN104915915A true CN104915915A (zh) | 2015-09-16 |
Family
ID=54084958
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201410086516.2A Pending CN104915915A (zh) | 2014-03-10 | 2014-03-10 | 图片展示方法和装置 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN104915915A (zh) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106604015A (zh) * | 2016-12-20 | 2017-04-26 | 宇龙计算机通信科技(深圳)有限公司 | 一种图像处理方法及装置 |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1863680A (zh) * | 2003-08-08 | 2006-11-15 | 佳能株式会社 | 记录设备、图像提供设备、记录系统及其控制方法和程序 |
| CN1979474A (zh) * | 2005-12-05 | 2007-06-13 | 英业达股份有限公司 | 相框生成系统及方法 |
| CN101291402A (zh) * | 2007-04-18 | 2008-10-22 | 深圳Tcl新技术有限公司 | 一种功能界面图片组合使用的方法及装置 |
| CN101561759A (zh) * | 2009-05-26 | 2009-10-21 | 腾讯科技（深圳）有限公司 | 一种在桌面上显示融合动画的方法及装置 |
| US20120256948A1 (en) * | 2011-04-11 | 2012-10-11 | Vistaprint Technologies Limited | Method and system for rendering images in scenes |
| CN103514616A (zh) * | 2013-09-02 | 2014-01-15 | 北京新学堂网络科技有限公司 | 一种降低移动电子杂志文件尺寸的方法 |
-
2014
- 2014-03-10 CN CN201410086516.2A patent/CN104915915A/zh active Pending
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1863680A (zh) * | 2003-08-08 | 2006-11-15 | 佳能株式会社 | 记录设备、图像提供设备、记录系统及其控制方法和程序 |
| CN1979474A (zh) * | 2005-12-05 | 2007-06-13 | 英业达股份有限公司 | 相框生成系统及方法 |
| CN101291402A (zh) * | 2007-04-18 | 2008-10-22 | 深圳Tcl新技术有限公司 | 一种功能界面图片组合使用的方法及装置 |
| CN101561759A (zh) * | 2009-05-26 | 2009-10-21 | 腾讯科技（深圳）有限公司 | 一种在桌面上显示融合动画的方法及装置 |
| US20120256948A1 (en) * | 2011-04-11 | 2012-10-11 | Vistaprint Technologies Limited | Method and system for rendering images in scenes |
| CN103514616A (zh) * | 2013-09-02 | 2014-01-15 | 北京新学堂网络科技有限公司 | 一种降低移动电子杂志文件尺寸的方法 |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106604015A (zh) * | 2016-12-20 | 2017-04-26 | 宇龙计算机通信科技(深圳)有限公司 | 一种图像处理方法及装置 |
| CN106604015B (zh) * | 2016-12-20 | 2018-09-14 | 宇龙计算机通信科技(深圳)有限公司 | 一种图像处理方法及装置 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN104038807B (zh) | 一种基于OpenGL的图层混合方法及装置 | |
| CN101521004B (zh) | 具有图片处理功能的电子装置及其图片处理方法 | |
| CN107507160B (zh) | 一种图像融合方法、终端及计算机可读存储介质 | |
| CN107092684B (zh) | 图像处理方法及装置、存储介质 | |
| US20220319077A1 (en) | Image-text fusion method and apparatus, and electronic device | |
| CN103533244A (zh) | 拍摄装置及其自动视效处理拍摄方法 | |
| US10554803B2 (en) | Method and apparatus for generating unlocking interface, and electronic device | |
| CN105447125A (zh) | 一种电子设备及化妆辅助方法 | |
| WO2020001022A1 (zh) | 图片展示方法、计算设备及计算机存储介质 | |
| CN103440674B (zh) | 一种数字图像蜡笔特效的快速生成方法 | |
| US11069322B2 (en) | Display method and display device, visible light communication transmission method and device | |
| CN103996167A (zh) | 一种缩略图的显示方法以及用户设备 | |
| CN105469361A (zh) | 一种局部图像处理方法和装置 | |
| CN113126862B (zh) | 截屏方法、装置、电子设备以及可读存储介质 | |
| CN113625983A (zh) | 图像显示方法、装置、计算机设备及存储介质 | |
| CN105578035A (zh) | 一种图像处理方法及电子设备 | |
| CN103744942B (zh) | 网页浏览方法及装置、网页浏览终端设备 | |
| CN106231209A (zh) | 一种视频详情页背景图片实现方法 | |
| CN105719335A (zh) | 一种地图图像渲染方法、装置以及车载终端 | |
| CN104915915A (zh) | 图片展示方法和装置 | |
| CN103177469A (zh) | 视频合成终端及其方法 | |
| CN107644451A (zh) | 动画展示方法和装置 | |
| CN113393391B (zh) | 图像增强方法、图像增强装置、电子设备和存储介质 | |
| CN103514616B (zh) | 一种降低移动电子杂志文件尺寸的方法 | |
| CN104915162B (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 | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20150916 |