CN104156150A - 显示图片的方法和装置 - Google Patents

Abstract

本申请公开了一种显示图片的方法和装置，属于电子通信技术领域。所述方法包括：接收交互页面打开指令，获取所述交互页面的焦点信息和所述交互页面的图片信息；根据所述交互页面的焦点信息和所述交互页面的图片信息获取焦点所在屏及所述焦点所在屏之后M屏所述交互页面的图片，并加载到本地内存；通过图形处理器GPU对所述本地内存中的所述焦点所在屏及所述焦点所在屏之后M屏所述交互页面的图片、以及所述焦点的框图进行渲染；显示渲染后的所述焦点的框图和所述焦点所在屏的图片。所述装置包括：第一获取模块、加载模块、渲染模块和显示模块。本发明不会导致显示图片的速度下降、显示图片延时；且减轻CPU任务量，提高显示图片的速度。

Description

显示图片的方法和装置

技术领域

本申请涉及电子通信技术领域，具体涉及一种显示图片的方法和装置。

背景技术

随着电子通信技术的发展，电视机的功能越来越多，不但可以通过电视机收看各种电视节目，而且还可以通过电视机连接网络，在线收看电影、电视等。目前，在电视机与用户的交互页面(如开机页面、频道列表页面、电影或电视详情介绍页面等)中，会通过图片的形式为用户显示相关的内容，如在电影详情介绍页面中显示电影海报图片等。

现有显示图片的方法是：通过CPU(Central Processing Unit，中央处理器)将交互页面对应的所有图片(即需要在交互页面中显示的所有图片)，全部加载在本地内存中，通过CPU对本地内存中的图片进行计算并通过软解(软件进行编解码)来进行渲染显示。

现有显示图片的方法，通过CPU将交互页面对应的所有图片一次全部加载到本地内存中，占用大量本地内存空间使软解可用本地内存下降，会导致显示图片的速度下降，显示图片存在延时；且通过CPU控制加载和渲染，CPU任务量繁重，影响显示图片的速度。

发明内容

本申请所要解决的技术问题在于提供一种显示图片的方法和装置，根据交互页面的焦点信息和交互页面的图片信息获取焦点所在屏及焦点所在屏之后M屏交互页面的图片，并加载到本地内存，不需要占用大量的内存空间，不会导致显示图片的速度下降、显示图片延时；且通过GPU进行渲染，减轻CPU任务量，提高显示图片的速度。

为了解决上述问题，本申请公开了一种显示图片的方法，所述方法包括：

接收交互页面打开指令，获取所述交互页面的焦点信息和所述交互页面的图片信息；

根据所述交互页面的焦点信息和所述交互页面的图片信息获取焦点所在屏及所述焦点所在屏之后M屏所述交互页面的图片，并加载到本地内存；其中，M为大于等于1的整数；

通过图形处理器GPU对所述本地内存中的所述焦点所在屏及所述焦点所在屏之后M屏所述交互页面的图片、以及所述焦点的框图进行渲染；

显示渲染后的所述焦点的框图和所述焦点所在屏的图片。

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

获取焦点移动指令；

根据所述焦点移动指令，计算所述焦点的框图移动后的新位置；

若所述焦点的框图移动后的新位置仍在当前屏内，通过所述GPU对所述焦点的框图进行渲染，将所述焦点的框图显示在所述交互页面的新位置；

若所述焦点的框图移动后的新位置在当前屏外，显示所述焦点所在屏的图片，通过所述GPU对所述焦点的框图进行渲染，将所述焦点的框图显示在所述交互页面的新位置，并刷新所述本地内存。

进一步地，所述刷新所述本地内存包括：

根据所述焦点移动指令和所述交互页面的图片信息确定移动后的所述焦点所在屏之后M屏所述交互页面的图片；

确定移动后的所述焦点所在屏之后M屏所述交互页面的图片中没有存储在所述本地内存中的图片为待补充加载图片，并加载所述待补充加载图片到所述本地内存；

通过所述GPU对所述本地内存中的所述待补充加载图片进行渲染。

进一步地，所述刷新所述本地内存还包括：

确定移动后的所述焦点所在屏之后M屏所述交互页面的图片中存储在所述本地内存中的图片为保留图片，确定所述本地内存中除所述保留图片之外的图片为回收图片，移动所述回收图片至本地缓存，并释放所述回收图片占用的本地内存。

进一步地，所述加载所述待补充加载图片到所述本地内存包括：从所述本地缓存中加载所述待补充加载图片到所述本地内存。

为了解决上述问题，本申请还公开了一种显示图片的装置，所述装置包括：

第一获取模块，用于接收交互页面打开指令，获取所述交互页面的焦点信息和所述交互页面的图片信息；

加载模块，用于根据所述交互页面的焦点信息和所述交互页面的图片信息获取焦点所在屏及所述焦点所在屏之后M屏所述交互页面的图片，并加载到本地内存；其中，M为大于等于1的整数；

渲染模块，用于通过图形处理器GPU对所述本地内存中的所述焦点所在屏及所述焦点所在屏之后M屏所述交互页面的图片、以及所述焦点的框图进行渲染；

显示模块，用于显示渲染后的所述焦点的框图和所述焦点所在屏的图片。

进一步地，所述装置还包括：

第二获取模块，用于获取焦点移动指令；

计算模块，用于根据所述焦点移动指令，计算所述焦点的框图移动后的新位置；

第一处理模块，用于若所述焦点的框图移动后的新位置仍在当前屏内，通过所述GPU对所述焦点的框图进行渲染，将所述焦点的框图显示在所述交互页面的新位置；

第二处理模块，用于若所述焦点的框图移动后的新位置在当前屏外，显示所述焦点所在屏的图片，通过所述GPU对所述焦点的框图进行渲染，将所述焦点的框图显示在所述交互页面的新位置，并刷新所述本地内存。

进一步地，所述第二处理模块包括：

确定单元，用于根据所述焦点移动指令和所述交互页面的图片信息确定移动后的所述焦点所在屏之后M屏所述交互页面的图片；

加载单元，用于确定移动后的所述焦点所在屏之后M屏所述交互页面的图片中没有存储在所述本地内存中的图片为待补充加载图片，并加载所述待补充加载图片到所述本地内存；

渲染单元，用于通过所述GPU对所述本地内存中的所述待补充加载图片进行渲染。

进一步地，所述第二处理模块还包括：

释放单元，用于确定移动后的所述焦点所在屏之后M屏所述交互页面的图片中存储在所述本地内存中的图片为保留图片，确定所述本地内存中除所述保留图片之外的图片为回收图片，移动所述回收图片至本地缓存，并释放所述回收图片占用的本地内存。

进一步地，所述加载单元包括：

加载子单元，用于从所述本地缓存中加载所述待补充加载图片到所述本地内存。

与现有技术相比，本申请可以获得包括以下技术效果：

1)根据交互页面的焦点信息和交互页面的图片信息获取焦点所在屏及焦点所在屏之后M屏交互页面的图片，并加载到本地内存，不需要占用大量的内存空间，不会导致显示图片的速度下降、显示图片延时；且通过GPU进行渲染，减轻CPU任务量，提高显示图片的速度。

2)通过CPU释放需要释放的图片至本地缓存，下次加载时优先从本地缓存加载，可以进一步提升图片显示的速度。

当然，实施本申请的任一产品不一定必需要同时达到以上所述的所有技术效果。

附图说明

此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：

图1是本申请实施例一提供的一种显示图片的方法流程图；

图2是本申请实施例二提供的一种显示图片的方法流程图；

图3是本申请实施例三提供的一种显示图片的方法流程图；

图4是本申请实施例四提供的一种显示图片的装置框图；

图5是本申请实施例五提供的一种显示图片的装置框图；

图6是本申请实施例六提供的一种第二处理模块的装置框图；

图7是本申请实施例六提供的另一种第二处理模块的装置框图。

具体实施方式

以下将配合附图及实施例来详细说明本申请的实施方式，藉此对本申请如何应用技术手段来解决技术问题并达成技术功效的实现过程能充分理解并据以实施。

如在说明书及权利要求当中使用了某些词汇来指称特定组件。本领域技术人员应可理解，硬件制造商可能会用不同名词来称呼同一个组件。本说明书及权利要求并不以名称的差异来作为区分组件的方式，而是以组件在功能上的差异来作为区分的准则。如在通篇说明书及权利要求当中所提及的“包含”为一开放式用语，故应解释成“包含但不限定于”。“大致”是指在可接收的误差范围内，本领域技术人员能够在一定误差范围内解决所述技术问题，基本达到所述技术效果。此外，“耦接”一词在此包含任何直接及间接的电性耦接手段。因此，若文中描述一第一装置耦接于一第二装置，则代表所述第一装置可直接电性耦接于所述第二装置，或通过其他装置或耦接手段间接地电性耦接至所述第二装置。说明书后续描述为实施本申请的较佳实施方式，然所述描述乃以说明本申请的一般原则为目的，并非用以限定本申请的范围。本申请的保护范围当视所附权利要求所界定者为准。

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的商品或者系统不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种商品或者系统所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的商品或者系统中还存在另外的相同要素。

实施例一

图1为本申请实施例一显示图片的方法的流程示意图；如图1所示，其可以具体包括：

步骤101：接收交互页面打开指令，获取交互页面的焦点信息和交互页面的图片信息。

具体地，当获取到用户打开开机页面、频道列表页面、电影或电视详情介绍页面等的命令后，发出交互页面打开指令。

其中，交互页面的焦点信息包括焦点在所在屏的位置，焦点的框图的大小、形状等。交互页面的图片信息包括图片的数量、每个大小、每个图片在交互页面中的位置等。

具体地，一般交互页面的图片包括多屏数据，需要通过多屏才能完全展示。

步骤102：根据交互页面的焦点信息和交互页面的图片信息获取焦点所在屏及焦点所在屏之后M屏交互页面的图片，并加载到本地内存。

其中，M为大于等于1的整数，M通常可以取为1、2或3等正整数，通常根据终端的本地内存的大小和交互页面包括多少屏图片确定。

具体地，为了不占用大量的内存空间，又可以快速显示出图片，可以将打开交互页面就需要显示在当前屏(即焦点所在屏)中的图片，和当前屏之后M屏交互页面的图片，加载到本地内存，不需要占用大量的内存空间，不会导致显示图片的速度下降、显示图片延时；且通过GPU进行渲染，减轻CPU任务量，提高显示图片的速度。

步骤103：通过GPU(Graphic Processing Unit，图形处理器)对本地内存中的焦点所在屏及焦点所在屏之后M屏交互页面的图片、以及焦点的框图进行渲染。

其中，焦点的框图是可以随着用户的操作而上下左右移动的用于表示选择焦点所在屏的图片的框图。

具体地，根据交互页面的焦点信息和交互页面的图片信息获取焦点所在屏及焦点所在屏之后M屏交互页面的图片，并加载到本地内存后，通过CPU开启GPU硬件加速。其中，硬件加速的开启方式有很多种，如Application(应用)级别、Activity(活动)级别、Window级别等。本实施例中考虑到Window级别对应用的影响比较小，因此优先采用Window级别的硬件加速开启方式。开启Window级别的GPU硬件加速后，对于Android(安卓)系统，会通过JNI(Java Native Interface，JAVA本地调用)技术调用底层驱动进而调用到GPU，此时GPU开始工作。

具体地，可以通过使用Android画布的方式进行动态渲染，具体可以使用Android SurfaceView的onDraw方法实现，将焦点所在屏及焦点所在屏之后M屏交互页面的图片、以及焦点的框图调到SurfaceView中，打开锁标后，通过onDraw方法进行渲染。

步骤104：显示渲染后的焦点的框图和焦点所在屏的图片。

调用显示函数，将焦点所在屏的交互页面的图片和焦点的框图进行显示。根据交互页面的焦点信息和交互页面的图片信息获取焦点所在屏及焦点所在屏之后M屏交互页面的图片，并加载到本地内存，不需要占用大量的内存空间，不会导致显示图片的速度下降、显示图片延时；且通过GPU进行渲染，减轻CPU任务量，提高显示图片的速度。

实施例二

图2为本申请实施例二显示图片的方法流程示意图；基于实施例一显示图片的方法，如图2所示，该方法还可以包括：

步骤201：获取焦点移动指令。

具体地，查找需要的内容或者浏览当前交互页面下一屏的图片时，通过鼠标、手势、遥控器上下左右移动焦点，当接收到移动焦点的操作后，发出焦点移动指令。

步骤202：根据焦点移动指令，计算焦点的框图移动后的新位置。

具体地，根据焦点移动指令可以得知焦点移动的方向和距离；根据焦点移动的方向和距离，以及焦点初始的位置，当前交互页面焦点移动方向显示的图片的尺寸，可以计算得到焦点的框图移动后的新位置。

步骤203：若焦点的框图移动后的新位置仍在当前屏内，通过GPU对焦点的框图进行渲染，将焦点的框图显示在交互页面的新位置。

具体地，若焦点的框图移动后的新位置仍在当前屏内，没有超出当前屏的范围，则没有新的图片需要显示，只需通过GPU对焦点的框图进行渲染，将焦点的框图显示在交互页面的新位置。

步骤204：若焦点的框图移动后的新位置在当前屏外，如，焦点移动到下一屏，显示焦点所在屏的图片，通过GPU对焦点的框图进行渲染，将焦点的框图显示在交互页面的新位置，并刷新本地内存。

具体地，若焦点的框图移动后的新位置在当前屏外，超出当前屏的范围，则有新的图片需要显示，同时有一部分原来显示的图片不需要再显示，需要刷新本地内存。

因为预先渲染了下一屏的图片，因此会提升显示速度。

实施例三

图3为本申请实施例三显示图片的方法的流程示意图；基于实施例一或实施例二显示图片的方法，如图3所示，刷新本地内存可以包括：

步骤301：根据焦点移动指令和交互页面的图片信息确定移动后的焦点所在屏之后M屏交互页面的图片。

步骤302：确定移动后的焦点所在屏之后M屏交互页面的图片中没有存储在本地内存中的图片为待补充加载图片，并加载待补充加载图片到本地内存。

其中，加载待补充加载图片到本地内存包括：从本地缓存中加载待补充加载图片到本地内存和/或从服务器中加载待补充加载图片。

具体地，可以先从从本地缓存中查找待补充加载图片，如果找到待补充加载图片，则将找到的待补充加载图片加载到本地内存；如果没有找到部分或者全部待补充加载图片，则从服务器下载没有找到的待补充加载图片，再加载到本地内存，从而加快加载速度。

步骤303：通过GPU对本地内存中的待补充加载图片进行渲染。

具体过程与步骤103类似，此处不再赘述。

其中，刷新本地内存时还可以包括：

确定移动后的焦点所在屏之后M屏交互页面的图片中存储在本地内存中的图片为保留图片，确定本地内存中除保留图片之外的图片为回收图片，移动回收图片至本地缓存，并释放回收图片占用的本地内存。

具体地，回收图片，即已经显示过的图片(图片已经被移动到当前屏之外)，则可以将其从本地内存中释放，以扩大本地内存空间。可以通过AndroidView的isVisible方法来判断某图片是否已经被移动到当前屏之外。为了满足用户随时可以再向前翻动屏幕，回看之前屏幕的内容，可以移动回收图片至本地缓存，当向前翻动屏幕时，可以首先从本地缓存中获取相应的图片，快速显示。

具体地，可以通过调用GC(Garbage Collector，垃圾回收系统)释放回收图片占用的本地内存。

实施例四

图4为本申请实施例四显示图片的装置结构示意图；该装置可以包括：

第一获取模块401，用于接收交互页面打开指令，获取交互页面的焦点信息和交互页面的图片信息；

加载模块402，用于根据交互页面的焦点信息和交互页面的图片信息获取焦点所在屏及焦点所在屏之后M屏交互页面的图片，并加载到本地内存；其中，M为大于等于1的整数；

渲染模块403，用于通过图形处理器GPU对本地内存中的焦点所在屏及焦点所在屏之后M屏交互页面的图片、以及焦点的框图进行渲染；

显示模块404，用于显示渲染后的焦点的框图和焦点所在屏的图片。

根据交互页面的焦点信息和交互页面的图片信息获取焦点所在屏及焦点所在屏之后M屏交互页面的图片，并加载到本地内存，不需要占用大量的内存空间，不会导致显示图片的速度下降、显示图片延时；且通过GPU进行渲染，减轻CPU任务量，提高显示图片的速度。

实施例五

图5为本申请实施例五显示图片的装置；基于实施例四显示图片的装置，如图5所示，该装置还可以包括：

第二获取模块405，用于获取焦点移动指令；

计算模块406，用于根据焦点移动指令，计算焦点的框图移动后的新位置；

第一处理模块407，用于若焦点的框图移动后的新位置仍在当前屏内，通过GPU对焦点的框图进行渲染，将焦点的框图显示在交互页面的新位置；

第二处理模块408，用于若焦点的框图移动后的新位置在当前屏外，显示焦点所在屏的图片，通过GPU对焦点的框图进行渲染，将焦点的框图显示在交互页面的新位置，并刷新本地内存。

实施例六

图6为本申请实施例六显示图片的装置；基于实施例四或实施例五显示图片的装置，如图6所示，第二处理模块408具体可以包括：

确定单元408a，用于根据焦点移动指令和交互页面的图片信息确定移动后的焦点所在屏之后M屏交互页面的图片；

加载单元408b，用于确定移动后的焦点所在屏之后M屏交互页面的图片中没有存储在本地内存中的图片为待补充加载图片，并加载待补充加载图片到本地内存；

渲染单元408c，用于通过GPU对本地内存中的待补充加载图片进行渲染。

其中，加载单元408b具体可以包括：

加载子单元，用于从本地缓存中加载待补充加载图片到本地内存。可以进一步提升图片加载的速度。

其中，参见图7，第二处理模块408还可以包括：

释放单元408d，用于确定移动后的焦点所在屏之后M屏交互页面的图片中存储在本地内存中的图片为保留图片，确定本地内存中除保留图片之外的图片为回收图片，移动回收图片至本地缓存，并释放回收图片占用的本地内存。

所述装置与前述的方法流程描述对应，不清楚之处参考上述方法流程的叙述，不再一一赘述。

上述说明示出并描述了本申请的若干优选实施例，但如前所述，应当理解本申请并非局限于本文所披露的形式，不应看作是对其他实施例的排除，而可用于各种其他组合、修改和环境，并能够在本文所述发明构想范围内，通过上述教导或相关领域的技术或知识进行改动。而本领域人员所进行的改动和变化不脱离本申请的精神和范围，则都应在本申请所附权利要求的保护范围内。

Claims (10)

1.一种显示图片的方法，其特征在于，所述方法包括：

接收交互页面打开指令，获取所述交互页面的焦点信息和所述交互页面的图片信息；

根据所述交互页面的焦点信息和所述交互页面的图片信息获取焦点所在屏及所述焦点所在屏之后M屏所述交互页面的图片，并加载到本地内存；其中，M为大于等于1的整数；

通过图形处理器GPU对所述本地内存中的所述焦点所在屏及所述焦点所在屏之后M屏所述交互页面的图片、以及所述焦点的框图进行渲染；

显示渲染后的所述焦点的框图和所述焦点所在屏的图片。

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

获取焦点移动指令；

根据所述焦点移动指令，计算所述焦点的框图移动后的新位置；

若所述焦点的框图移动后的新位置仍在当前屏内，通过所述GPU对所述焦点的框图进行渲染，将所述焦点的框图显示在所述交互页面的新位置；

若所述焦点的框图移动后的新位置在当前屏外，显示所述焦点所在屏的图片，通过所述GPU对所述焦点的框图进行渲染，将所述焦点的框图显示在所述交互页面的新位置，并刷新所述本地内存。

3.如权利要求2所述的方法，其特征在于，所述刷新所述本地内存包括：

根据所述焦点移动指令和所述交互页面的图片信息确定移动后的所述焦点所在屏之后M屏所述交互页面的图片；

确定移动后的所述焦点所在屏之后M屏所述交互页面的图片中没有存储在所述本地内存中的图片为待补充加载图片，并加载所述待补充加载图片到所述本地内存；

通过所述GPU对所述本地内存中的所述待补充加载图片进行渲染。

4.如权利要求3所述的方法，其特征在于，所述刷新所述本地内存还包括：

确定移动后的所述焦点所在屏之后M屏所述交互页面的图片中存储在所述本地内存中的图片为保留图片，确定所述本地内存中除所述保留图片之外的图片为回收图片，移动所述回收图片至本地缓存，并释放所述回收图片占用的本地内存。

5.如权利要求4所述的方法，其特征在于，所述加载所述待补充加载图片到所述本地内存包括：从所述本地缓存中加载所述待补充加载图片到所述本地内存。

6.一种显示图片的装置，其特征在于，所述装置包括：

第一获取模块，用于接收交互页面打开指令，获取所述交互页面的焦点信息和所述交互页面的图片信息；

加载模块，用于根据所述交互页面的焦点信息和所述交互页面的图片信息获取焦点所在屏及所述焦点所在屏之后M屏所述交互页面的图片，并加载到本地内存；其中，M为大于等于1的整数；

渲染模块，用于通过图形处理器GPU对所述本地内存中的所述焦点所在屏及所述焦点所在屏之后M屏所述交互页面的图片、以及所述焦点的框图进行渲染；

显示模块，用于显示渲染后的所述焦点的框图和所述焦点所在屏的图片。

7.如权利要求6所述的装置，其特征在于，所述装置还包括：

第二获取模块，用于获取焦点移动指令；

计算模块，用于根据所述焦点移动指令，计算所述焦点的框图移动后的新位置；

第一处理模块，用于若所述焦点的框图移动后的新位置仍在当前屏内，通过所述GPU对所述焦点的框图进行渲染，将所述焦点的框图显示在所述交互页面的新位置；

第二处理模块，用于若所述焦点的框图移动后的新位置在当前屏外，显示所述焦点所在屏的图片，通过所述GPU对所述焦点的框图进行渲染，将所述焦点的框图显示在所述交互页面的新位置，并刷新所述本地内存。

8.如权利要求7所述的装置，其特征在于，所述第二处理模块包括：

确定单元，用于根据所述焦点移动指令和所述交互页面的图片信息确定移动后的所述焦点所在屏之后M屏所述交互页面的图片；

加载单元，用于确定移动后的所述焦点所在屏之后M屏所述交互页面的图片中没有存储在所述本地内存中的图片为待补充加载图片，并加载所述待补充加载图片到所述本地内存；

渲染单元，用于通过所述GPU对所述本地内存中的所述待补充加载图片进行渲染。

9.如权利要求8所述的装置，其特征在于，所述第二处理模块还包括：

释放单元，用于确定移动后的所述焦点所在屏之后M屏所述交互页面的图片中存储在所述本地内存中的图片为保留图片，确定所述本地内存中除所述保留图片之外的图片为回收图片，移动所述回收图片至本地缓存，并释放所述回收图片占用的本地内存。

10.如权利要求9所述的装置，其特征在于，所述加载单元包括：

加载子单元，用于从所述本地缓存中加载所述待补充加载图片到所述本地内存。