一种占位图的加载处理方法和装置与流程

本发明涉及计算机技术领域，尤其涉及一种占位图的加载处理方法和装置。

背景技术：

随着多媒体技术的快速发展，用户可以从网络中获取越来越多的图片，但图片相对于文本会占用比较多的信息资源，这就需要一定的存储空间来保存图片，因此从网络中向网页的某一个位置加载图片时，在网页中的图片还没有加载完成之前就需要先使用占位图来占位，目前常用的占位图加载处理方法主要有如下两种方案。

1、在网页的图片位置加载一个已知的小图片的方法。

其中，在网页中需要加载图像的位置预加载一张存储空间较小的已知图片，例如，该已知图片可以是网站域名符号的标识图片，待原图片加载成功后再显示原图片给用户。

上述现有技术通过向用户提供已知的小图片使得用户可以确定有图片正在加载，让用户对即将出现的图片有预期。但是这种已知的小图片在所有图片加载之前都是相同的，这会使得网页的界面显得很单调，容易让用户失去兴趣和等待的耐心。

2、在网页的图片位置加载一个原图片对应的缩略图的方法。

其中，在原图片加载之前，预先保存下来一个占用存储空间较小的对应于原图片的缩略图，在加载缩略图时将缩略图放大显示在图片位置，用户可以提前了解到正在加载的原图片，待原图片加载成功后再显示原图片给用户。为了进一步压缩存储空间，还可以将缩略图设置成黑白图。

上述现有技术可以向用户加载原图片的图像预览，让用户预先了解到即将出现的原图片。虽然缩略图相比于原图片已经经过压缩，但是在加载缩略图时需要加载的内容的信息很多，从而使得缩略图的加载速度很慢。

技术实现要素：

本发明实施例提供了一种占位图的加载处理方法和装置，用于提高占位图的加载速度，并且可以满足用户提前了解需要加载的原图片的需要。

为解决上述技术问题，本发明实施例提供以下技术方案：

第一方面，本发明实施例提供一种占位图的加载处理方法，包括：

获取需要延时加载的图片对应的主色调；

根据所述主色调设置占位图的颜色；

在所述图片对应的显示位置上加载颜色设置完成后的占位图。

第二方面，本发明实施例还提供一种占位图的加载处理装置，包括：

主色获取模块，用于获取需要延时加载的图片对应的主色调；

颜色设置模块，用于根据所述主色调设置占位图的颜色；

占位图加载模块，用于在所述图片对应的显示位置上加载颜色设置完成后的占位图。

从以上技术方案可以看出，本发明实施例具有以下优点：

在本发明实施例中，首先获取需要延时加载的图片对应的主色调，然后根据上述主色调设置占位图的颜色，最后在图片对应的显示位置上加载颜色设置完成后的占位图。本发明实施例中可以根据图片对应的主色调来设置占位图的颜色，因此在图片加载完成之前可以在图片对应的显示位置加载设置好颜色的占位图，因此在图片的显示位置上不再显示一个已知的小图片，也不再显示缩略图，而显示的是带有颜色的占位图，该占位图的颜色由正在加载的图片对应的主色调确定，因此占位图可以反映出正在加载的图片的颜色属性，用户可以在看到原图片之前先看到占位图的颜色，满足用户对预先了解图片的需要，另外在图片对应的显示位置上显示占位图的颜色，占位图的颜色的色值只需要占用几个字节即可完成，因此相比于加载缩略图的方式，本发明实施例中加载占位图的加载速度很快。

附图说明

为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域的技术人员来讲，还可以根据这些附图获得其他的附图。

图1为本发明实施例提供的一种占位图的加载处理方法的流程方框示意图；

图2-a为本发明实施例提供的一种占位图的加载处理装置的组成结构示意图；

图2-b为本发明实施例提供的一种主色获取模块的组成结构示意图；

图2-c为本发明实施例提供的另一种主色获取模块的组成结构示意图；

图2-d为本发明实施例提供的另一种主色获取模块的组成结构示意图；

图2-e为本发明实施例提供的一种颜色设置模块的组成结构示意图；

图3为本发明实施例提供的占位图的加载处理方法应用于终端的组成结构示意图。

具体实施方式

本发明实施例提供了一种占位图的加载处理方法和装置，用于提高占位图的加载速度，并且可以满足用户提前了解需要加载的原图片的需要。

为使得本发明的发明目的、特征、优点能够更加的明显和易懂，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，下面所描述的实施例仅仅是本发明一部分实施例，而非全部实施例。基于本发明中的实施例，本领域的技术人员所获得的所有其他实施例，都属于本发明保护的范围。

本发明的说明书和权利要求书及上述附图中的术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，以便包含一系列单元的过程、方法、系统、产品或设备不必限于那些单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它单元。

以下分别进行详细说明。

本发明占位图的加载处理方法的一个实施例，具体可以应用于需要加载 占位图的图片显示场景中，请参阅图1所示，本发明一个实施例提供的加载处理方法，可以包括如下步骤：

101、获取需要延时加载的图片对应的主色调。

在本发明实施例中，终端从网络中加载图片时，由于图片相比于文本会占用较大的资源，因此图片通常需要延时加载。本发明实施例中，首先获取到需要延时加载的图片对应的主色调，其中，图片对应的主色调是图片的主要色调，主色调指的是图片的色彩搭配中表现出来的主要颜色属性，主色调是指图片反射的光线中以哪种波长占优势来决定的，不同波长产生不同颜色的感觉，主色调是图片的颜色的重要特征。例如，需要延时加载的图片采用红绿蓝(英文全称：Red Green Blue，英文简称：RGB)色彩模式，对于不同的图片，需要分别指定RGB，也就是红绿蓝三种原色的强度，在RGB色彩模式下，每一种颜色强度最低为0，最高为255，并且通常都以16进制数值标识，例如，255对应于十六进制就是FF，并把RGB三个分量的数值依次排列起来，以#开头，来表示不同的颜色，例如，颜色值#FF0000为红色。在图片采用RGB色彩模式下，例如，步骤101中获取到图片对应的主色调为RGB(76,125,158)。需要说明的是，在本发明实施例中，图片的颜色还可以采用其它色彩模式来实现，例如可以是YUV色彩模式等，此处不做限定。

需要说明的是，图片的主色调目前主要用于计算机技术识别图像，但在本发明的实施例中，将图片的主色调用于占位图的加载过程中，可以实现快速加载以及满足用户预先了解图片的需要。在本发明实施例中，有多种方法可以计算出图片的主色调，其中一种可实现的方式如下，步骤101获取需要延时加载的图片对应的主色调，具体可以包括如下步骤：

A1、根据色板数据库中选择出的多种颜色获取一个色盘，色盘包括多种颜色；

A2、接收后台服务器发送的图片对应的主色调的颜色代码；

A3、使用颜色代码和色盘中的颜色进行匹配，根据匹配结果确定图片对应的主色调。

其中，步骤A1中可以根据需要自定义色板数据库，在色板数据库中存储可能显示的多种颜色，按照预配置的要求从色板数据库中选择出多种颜色放 在一个色盘中，则在该色盘中包括有选择出的多种颜色。比如，通用色环的24种基本颜色。在获取到色盘之后执行步骤A2，终端可以通过客户端接收后台服务器发送的需要延时加载的图片对应的主色调的颜色代码，也就是说，由后台服务器计算出需要延时加载的图片对应的主色调，后台服务器计算出需要延时加载的图片对应的主色调之后，后台服务器将该主色调的颜色代码发送给终端，则终端可以接收到后台服务器发送的主色调的颜色代码。接下里执行步骤A3，使用接收到的主色调的颜色代码和色盘中的颜色进行匹配，生成匹配结果，在匹配结果中记录有上述颜色代码和色盘中的哪种颜色可以匹配成功，则匹配成功的色盘中的颜色就是需要延时加载的图片对应的主色调。

在前述的一种实现方式中，终端通过与后台服务器交互接收到需要延时加载的图片对应的主色调的颜色代码，从而通过色盘获取到了图片对应的主色调。在本发明的另一种实现方式中，步骤101获取需要延时加载的图片对应的主色调，具体可以包括如下步骤：

B1、将需要延时加载的图片分割为N个子图片，N为大于1的自然数；

B2、分别计算N个子图片中每个子图片对应的主色调，得到对应于N个子图片的N个主色调；

B3、从N个主色调中选择存在子图片个数最多的一个主色调作为图片对应的主色调。

其中，获取图片对应的主色调还可以通过计算的方式来得到图片对应的主色调，步骤B1中首先对需要延时加载的图片进行切割，可以得到N个子图片，其中子图片也可以称为马赛克小图，接下里执行步骤B2分别计算N个子图片中每个子图片对应的主色调，则可以得到每一个子图片对应的主色调，即可以得到N个主色调，在步骤B3中遍历所有的子图片，分别统计N个主色调中不同主色调的个数，并统计出每一种主色调共有多少个子图片，然后选择子图片个数最多的一个主色调作为需要延时加载的图片对应的主色调。

需要说明的是，在步骤B2中需要计算出每个子图片对应的主色调，计算子图片的主色调的方法可以有多种，例如，可以计算子图片中所有像素点的平均RGB值，将该平均RGB值对应的颜色作为该子图片的主色调对应的颜 色，又如，还可以计算子图片中所有像素点的RGB值，然后统计不同RGB值对应的像素点的个数，取像素点个数最多的RGB值对应的颜色作为该子图片的主色调对应的颜色。

进一步的，在本发明的前述步骤B1至步骤B3的实施例中，步骤B3从N个主色调中选择存在子图片个数最多的一个主色调作为图片对应的主色调之前，本发明实施例提供的占位图的加载处理方法，还可以包括如下步骤：

B4、从N个主色调中去除调M个颜色为黑色或者白色的主色调，得到(N－M)个主色调，M为小于N的自然数。

在执行步骤B4的实现场景中，步骤B3从N个主色调中选择存在子图片个数最多的一个主色调作为图片对应的主色调，具体包括如下步骤：

从(N－M)个主色调中选择存在子图片个数最多的一个主色调作为图片对应的主色调。

也就是说，在步骤B2得到对应于N个子图片的N个主色调之后，获取N个主色调中颜色为黑色以及白色的主色调，若获取到颜色为黑色或者白色的主色调的个数为M个，则将M个颜色为黑色或者白色的主色调从N个主色调中去除掉，剩余(N－M)个主色调，遍历除颜色为黑色或者白色的所有子图片，分别统计(N－M)个主色调中不同主色调的个数，并统计出每一种主色调共有多少个子图片，然后选择子图片个数最多的一个主色调作为需要延时加载的图片对应的主色调。需要说明的是，执行步骤B4的情况下，将子图片中颜色为黑色或者白色的主色调从N个主色调中去除，因此获取到的需要延时加载的图片对应的主色调不可能是黑色或者白色，当然在本发明实施例中也可以不执行步骤B4，则获取到的需要延时加载的图片对应的主色调也可能是黑色或者白色。

102、根据主色调设置占位图的颜色。

在本发明实施例中，获取到需要延时加载的图片对应的主色调之后，根据图片对应的主色调来设置占位图的颜色，其中，占位图是指网页中的图片还没有加载完成之前用来占位的图片。在前述现有技术中，使用的占位图可以是一个已知的小图片(例如网站的域名标识)，或者是原图片对应的缩略图，而本发明实施例中，占位图是带有一种由主色确定出色值的颜色，该占位图 的颜色可以根据主色调来确定，因此占位图可以反映出正在加载的图片的颜色属性。相比于现有技术中占位图的设置方式，本发明实施例中占位图是根据主色调设置了颜色属性的图片，并且本发明实施例中占位图只需要通过色值就可以表示出，而色值通常只需要占用几个字节，即小于0.01k的信息，因此本发明实施例提供的占位图占用的存储空间很小。

在本发明的一些实施例中，步骤102根据主色调设置占位图的颜色，具体可以包括如下步骤：

C1、根据主色调将占位图的颜色设置为主色调对应的第一颜色。

其中，在执行步骤C1的实施例中，在前述步骤获取到需要延时加载的图片对应的主色调之后，终端确定需要延时加载的图片对应的主色调为第一颜色，例如若需要延时加载的图片为一幅蓝色天空的图片，获取到该图片的主色调对应的第一颜色为蓝色，则本发明实施例中可以将占位图的颜色设置为与主色调对应的第一颜色，即可以将占位图的颜色设置为蓝色。在步骤C1的实现场景下，将识别图片主色调的技术用在图片延时加载的占位图中，可以将需要延时加载的图片的主色调作为占位图的颜色，占位图的颜色与需要延时加载的图片的主色调相同，使得用户在图片加载完成之前可以提前了解到图片的主色调，既能够满足用户对即将加载的图片的好奇心，也能够节省加载的流量，加载主色调的色值只需要传输几字节，小于0.01K的数据量，因此可以提高加载速度，及节省加载流量。

在本发明的另一些实施例中，步骤102根据主色调设置占位图的颜色，具体可以包括如下步骤：

D1、根据预置的颜色修正参数对主色调对应的第一颜色进行修正，得到第二颜色，将占位图的颜色设置为对第一颜色修正后得到的第二颜色。

其中，在执行步骤D1的实施例中，在前述步骤获取到需要延时加载的图片对应的主色调之后，终端侧预先设置一组颜色修正参数，例如以图片为RGB色彩模式为例，可以设置RGB中3个分量中颜色修正参数为+2，例如前述步骤获取到需要延时加载的图片对应的主色调对应的第一颜色为RGB(76,125,158)，则按照颜色修正参数对第一颜色进行修正，得到的第二颜色为RGB(76+2,125+2,158+2)＝RGB(78,127,160)。得到上述第二颜色之后， 将占位图的颜色设置为第二颜色。需要说明的是，步骤D1与前述步骤C1的实现方式不同，步骤D1中并不是直接使用图片的主色调对应的第一颜色作为占位图的颜色，而是对图片的主色调对应的第一颜色进行修正，得到第二颜色，该修正后得到的第二颜色才是占位图的颜色，例如若获取到主色调对应的第一颜色为白色，该颜色的显示效果不佳，可以按照颜色修正参数进行修正，以得到和白色相关联的类似颜色作为第二颜色，则加载占位图的颜色为前述第二颜色。在步骤D1的实现场景下，将识别图片主色调的技术用在图片延时加载的占位图中，可以将需要延时加载的图片的主色调对应的第一颜色进行修正后作为占位图的颜色，占位图的颜色与需要延时加载的图片的主色调有直接的关联关系，使得用户在图片加载完成之前可以提前了解到图片的主色调相关的颜色，既能够满足用户对即将加载的图片的好奇心，也能够节省加载的流量，加载主色调的色值只需要传输几字节，小于0.01K的数据量，因此可以提高加载速度，及节省加载流量。

在本发明的另一些实施例中，步骤102根据主色调设置占位图的颜色，具体可以包括如下步骤：

E1、获取从色板数据库中选择出的多种色盘，多种色盘中每一种色盘对应一种颜色；

E2、根据主色调对应的第一颜色从多种色盘中选择颜色和第一颜色相同或者最接近的第三颜色；

E3、将占位图的颜色设置为第三颜色。

其中，步骤E1和前述实施例中步骤A1相类似，终端可以根据需要自定义色板数据库，在色板数据库中存储可能显示的多种颜色，按照预配置的要求从色板数据库中选择出多种颜色放在一个色盘中，则在该色盘中包括有选择出的多种颜色。步骤E1中定义完成色盘之后，若需要延时加载的图片对应的主色调为第一颜色，将该第一颜色和色盘中的颜色进行匹配，若色盘中存在与第一颜色相同的颜色，则第三颜色为与第一颜色的颜色代码完全相等的颜色，或者若色盘中不存在与第一颜色相同的颜色，则选择从色盘中选择颜色与第一颜色最接近的第三颜色。其中，颜色与第一颜色最接近的第三颜色可以指的是颜色代码的各个分量取值与第一颜色最接近的颜色代码，例如可 以计算与第一颜色的各个分量取值在距离上最近的颜色代码作为第三颜色，其中计算两种接近的颜色的接近程度可以通过欧式距离来计算，当然也可以通过其它的距离算法来实现。

103、在图片对应的显示位置上加载颜色设置完成后的占位图。

在本发明实施例中，在原图片正在加载的过程中，可以加载颜色设置完成后的占位图，在原图片对应的显示位置上显示某种颜色的占位图，这样用户在等待原图片加载完成的过程中，用户可以在看到原图片之前先看到占位图的颜色，满足用户对预先了解图片的需要，另外在图片对应的显示位置上显示占位图的颜色，占位图的颜色的色值只需要占用几个字节即可完成，因此本发明实施例中占位图的加载速度很快。

通过以上实施例对本发明实施例的描述可知，首先获取需要延时加载的图片对应的主色调，然后根据上述主色调设置占位图的颜色，最后在图片对应的显示位置上加载颜色设置完成后的占位图。本发明实施例中可以根据图片对应的主色调来设置占位图的颜色，因此在图片加载完成之前可以在图片对应的显示位置加载设置好颜色的占位图，因此在图片的显示位置上不再显示一个已知的小图片，也不再显示缩略图，而显示的是带有颜色的占位图，该占位图的颜色由正在加载的图片对应的主色调确定，因此占位图可以反映出正在加载的图片的颜色属性，用户可以在看到原图片之前先看到占位图的颜色，满足用户对预先了解图片的需要，另外在图片对应的显示位置上显示占位图的颜色，占位图的颜色的色值只需要占用几个字节即可完成，因此相比于加载缩略图的方式，本发明实施例中加载占位图的加载速度很快。

需要说明的是，对于前述的各方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本发明并不受所描述的动作顺序的限制，因为依据本发明，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作和模块并不一定是本发明所必须的。

为便于更好的实施本发明实施例的上述方案，下面还提供用于实施上述方案的相关装置。

请参阅图2-a所示，本发明实施例提供的一种占位图的加载处理装置200， 可以包括：主色获取模块201、颜色设置模块202、占位图加载模块203，其中，

主色获取模块201，用于获取需要延时加载的图片对应的主色调；

颜色设置模块202，用于根据所述主色调设置占位图的颜色；

占位图加载模块203，用于在所述图片对应的显示位置上加载颜色设置完成后的占位图。

在本发明的一些实施例中，请参阅如图2-b所示，所述主色获取模块201，包括：

色盘获取子模块2011，用于根据色板数据库中选择出的多种颜色获取一个色盘，所述色盘包括多种颜色；

接收子模块2012，用于接收后台服务器发送的所述图片对应的主色调的颜色代码；

主色匹配子模块2013，用于使用所述颜色代码和所述色盘中的颜色进行匹配，根据匹配结果确定所述图片对应的主色调。

在本发明的一些实施例中，请参阅如图2-c所示，所述主色获取模块201，包括：

图片分割子模块2014，用于将需要延时加载的图片分割为N个子图片，所述N为大于1的自然数；

主色计算子模块2015，用于分别计算所述N个子图片中每个子图片对应的主色调，得到对应于所述N个子图片的N个主色调；

主色选择子模块2016，用于从所述N个主色调中选择存在子图片个数最多的一个主色调作为所述图片对应的主色调。

在本发明的一些实施例中，请参阅如图2-d所示，所述主色获取模块201，还包括：颜色去除子模块2017，其中，

所述颜色去除子模块2017，用于所述主色选择子模块2016从所述N个主色调中选择存在子图片个数最多的一个主色调作为所述图片对应的主色调之前，从所述N个主色调中去除调M个颜色为黑色或者白色的主色调，得到(N－M)个主色调，所述M为小于所述N的自然数；

所述主色选择子模块2016，具体用于从所述(N－M)个主色调中选择存 在子图片个数最多的一个主色调作为所述图片对应的主色调。

在本发明的一些实施例中，所述颜色设置模块202，具体用于根据所述主色调将占位图的颜色设置为所述主色调对应的第一颜色。

在本发明的一些实施例中，所述颜色设置模块202，具体用于根据预置的颜色修正参数对所述主色调对应的第一颜色进行修正，得到第二颜色，将所述占位图的颜色设置为对所述第一颜色修正后得到的第二颜色。

在本发明的一些实施例中，请参阅如图2-e所示，所述颜色设置模块202，包括：

色盘获取子模块2021，用于根据色板数据库中选择出的多种颜色获取一个色盘，所述色盘包括多种颜色；

颜色选择子模块2022，用于根据所述主色调对应的第一颜色从所述色盘中选择颜色和所述第一颜色相同或者最接近的第三颜色；

颜色设置子模块2023，用于将所述占位图的颜色设置为所述第三颜色。

通过以上对本发明实施例的描述可知，首先主色获取模块获取需要延时加载的图片对应的主色调，然后颜色设置模块根据上述主色调设置占位图的颜色，最后颜色设置模块在图片对应的显示位置上加载颜色设置完成后的占位图。本发明实施例中可以根据图片对应的主色调来设置占位图的颜色，因此在图片加载完成之前可以在图片对应的显示位置加载设置好颜色的占位图，因此在图片的显示位置上不再显示一个已知的小图片，也不再显示缩略图，而显示的是带有颜色的占位图，该占位图的颜色由正在加载的图片对应的主色调确定，因此占位图可以反映出正在加载的图片的颜色属性，用户可以在看到原图片之前先看到占位图的颜色，满足用户对预先了解图片的需要，另外在图片对应的显示位置上显示占位图的颜色，占位图的颜色的色值只需要占用几个字节即可完成，因此相比于加载缩略图的方式，本发明实施例中加载占位图的加载速度很快。

本发明实施例还提供了另一种终端，如图3所示，为了便于说明，仅示出了与本发明实施例相关的部分，具体技术细节未揭示的，请参照本发明实施例方法部分。该终端可以为包括手机、平板电脑、PDA(Personal Digital Assistant，个人数字助理)、POS(Point of Sales，销售终端)、车载电脑等任 意终端设备，以终端为手机为例：

图3示出的是与本发明实施例提供的终端相关的手机的部分结构的框图。参考图3，手机包括：射频(Radio Frequency，RF)电路310、存储器320、输入单元330、显示单元340、传感器350、音频电路360、无线保真(wireless fidelity，WiFi)模块370、处理器380、以及电源390等部件。本领域技术人员可以理解，图3中示出的手机结构并不构成对手机的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。

下面结合图3对手机的各个构成部件进行具体的介绍：

RF电路310可用于收发信息或通话过程中，信号的接收和发送，特别地，将基站的下行信息接收后，给处理器380处理；另外，将设计上行的数据发送给基站。通常，RF电路310包括但不限于天线、至少一个放大器、收发信机、耦合器、低噪声放大器(Low Noise Amplifier，LNA)、双工器等。此外，RF电路310还可以通过无线通信与网络和其他设备通信。上述无线通信可以使用任一通信标准或协议，包括但不限于全球移动通讯系统(Global System of Mobile communication，GSM)、通用分组无线服务(General Packet Radio Service，GPRS)、码分多址(Code Division Multiple Access，CDMA)、宽带码分多址(Wideband Code Division Multiple Access,WCDMA)、长期演进(Long Term Evolution，LTE)、电子邮件、短消息服务(Short Messaging Service，SMS)等。

存储器320可用于存储软件程序以及模块，处理器380通过运行存储在存储器320的软件程序以及模块，从而执行手机的各种功能应用以及数据处理。存储器320可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等；存储数据区可存储根据手机的使用所创建的数据(比如音频数据、电话本等)等。此外，存储器320可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。

输入单元330可用于接收输入的数字或字符信息，以及产生与手机的用户设置以及功能控制有关的键信号输入。具体地，输入单元330可包括触控 面板331以及其他输入设备332。触控面板331，也称为触摸屏，可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触控面板331上或在触控面板331附近的操作)，并根据预先设定的程式驱动相应的连接装置。可选的，触控面板331可包括触摸检测装置和触摸控制器两个部分。其中，触摸检测装置检测用户的触摸方位，并检测触摸操作带来的信号，将信号传送给触摸控制器；触摸控制器从触摸检测装置上接收触摸信息，并将它转换成触点坐标，再送给处理器380，并能接收处理器380发来的命令并加以执行。此外，可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触控面板331。除了触控面板331，输入单元330还可以包括其他输入设备332。具体地，其他输入设备332可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。

显示单元340可用于显示由用户输入的信息或提供给用户的信息以及手机的各种菜单。显示单元340可包括显示面板341，可选的，可以采用液晶显示器(Liquid Crystal Display，LCD)、有机发光二极管(Organic Light-Emitting Diode,OLED)等形式来配置显示面板341。进一步的，触控面板331可覆盖显示面板341，当触控面板331检测到在其上或附近的触摸操作后，传送给处理器380以确定触摸事件的类型，随后处理器380根据触摸事件的类型在显示面板341上提供相应的视觉输出。虽然在图3中，触控面板331与显示面板341是作为两个独立的部件来实现手机的输入和输入功能，但是在某些实施例中，可以将触控面板331与显示面板341集成而实现手机的输入和输出功能。

手机还可包括至少一种传感器350，比如光传感器、运动传感器以及其他传感器。具体地，光传感器可包括环境光传感器及接近传感器，其中，环境光传感器可根据环境光线的明暗来调节显示面板341的亮度，接近传感器可在手机移动到耳边时，关闭显示面板341和/或背光。作为运动传感器的一种，加速计传感器可检测各个方向上(一般为三轴)加速度的大小，静止时可检测出重力的大小及方向，可用于识别手机姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等；至 于手机还可配置的陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器，在此不再赘述。

音频电路360、扬声器361，传声器362可提供用户与手机之间的音频接口。音频电路360可将接收到的音频数据转换后的电信号，传输到扬声器361，由扬声器361转换为声音信号输出；另一方面，传声器362将收集的声音信号转换为电信号，由音频电路360接收后转换为音频数据，再将音频数据输出处理器380处理后，经RF电路310以发送给比如另一手机，或者将音频数据输出至存储器320以便进一步处理。

WiFi属于短距离无线传输技术，手机通过WiFi模块370可以帮助用户收发电子邮件、浏览网页和访问流式媒体等，它为用户提供了无线的宽带互联网访问。虽然图3示出了WiFi模块370，但是可以理解的是，其并不属于手机的必须构成，完全可以根据需要在不改变发明的本质的范围内而省略。

处理器380是手机的控制中心，利用各种接口和线路连接整个手机的各个部分，通过运行或执行存储在存储器320内的软件程序和/或模块，以及调用存储在存储器320内的数据，执行手机的各种功能和处理数据，从而对手机进行整体监控。可选的，处理器380可包括一个或多个处理单元；优选的，处理器380可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作系统、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器380中。

手机还包括给各个部件供电的电源390(比如电池)，优选的，电源可以通过电源管理系统与处理器380逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。

尽管未示出，手机还可以包括摄像头、蓝牙模块等，在此不再赘述。

在本发明实施例中，该终端所包括的处理器380还具有控制执行以上由终端执行的占位图的加载处理方法流程。

另外需说明的是，以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模 块来实现本实施例方案的目的。另外，本发明提供的装置实施例附图中，模块之间的连接关系表示它们之间具有通信连接，具体可以实现为一条或多条通信总线或信号线。本领域普通技术人员在不付出创造性劳动的情况下，即可以理解并实施。

通过以上的实施方式的描述，所属领域的技术人员可以清楚地了解到本发明可借助软件加必需的通用硬件的方式来实现，当然也可以通过专用硬件包括专用集成电路、专用CPU、专用存储器、专用元器件等来实现。一般情况下，凡由计算机程序完成的功能都可以很容易地用相应的硬件来实现，而且，用来实现同一功能的具体硬件结构也可以是多种多样的，例如模拟电路、数字电路或专用电路等。但是，对本发明而言更多情况下软件程序实现是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在可读取的存储介质中，如计算机的软盘，U盘、移动硬盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述的方法。

综上所述，以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照上述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对上述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。