CN102622214A - 一种实现多种显示模式通用图标的方法与装置 - Google Patents

Abstract

本发明公开了一种实现多种显示模式通用图标的方法及装置。预先设置位图格式的原图图标；根据预先设置的显示模式，对原图图标分别进行半透明处理，得到符合各显示模式要求的遮罩层图标；将原图图标与半透明处理得到遮罩层图标封装为皮肤安装包并下发。应用本发明，可以减少皮肤安装包里包含的图片数量、降低用户下载成本。

Description

一种实现多种显示模式通用图标的方法与装置

技术领域

本发明涉及图像处理技术，特别涉及一种实现多种显示模式通用图标的方法与装置。

背景技术

终端设备，尤其是移动终端设备，经常运行在不同的环境中，例如，户外环境、户内环境、白天环境以及夜间环境等，为了使终端设备显示屏幕上显示的图标(Icon)能够适应用户在不同环境的舒适性需求，需要针对不同的环境，为用户提供适应不同显示模式下的图标，例如，当处于白天环境时，需要采用正常模式的图标，而处于夜间环境时，需要采用夜间模式的图标。也就是说，需要准备应用于不同环境的多套皮肤，每套皮肤对应一种特定的环境或显示模式，包含多个图标。

下面以现有移动终端在正常模式以及夜间模式下的图标为例进行说明。

图1为现有移动终端正常模式显示的图标结构示意图。

图2为现有移动终端夜间模式显示的图标结构示意图。

参见图1和图2，由于用户对正常模式下的图标浏览要求与夜间模式下不一样，在正常模式下，图标只需考虑用户能够正常的识别、运用即可，而在夜间模式下，图标不仅需要保证能正常识别，还要考虑用户眼睛的舒适性，使得图标不能刺眼、颜色要温和，与黑暗的大环境融合。这样，使得生成显示图标所需的图片也不一样，需要基于各自不同处理的图片进行操作，而且，由于移动终端系统自身性能及开发工具的问题，现阶段不能用流式网络图形格式(PNG，Portable Network Graphic Format)的24位以上全透明的图像来实现一些图标与图片在移动终端软件上的透明和阴影，因此，要呈现多套皮肤，则需要存储对应的多套图片，也就是说，需要为每套实现半透明或透明的显示图标提供一套相对应的遮罩层，例如，如果软件A皮肤的图片切好图后，有40张图片需要用到透明和半透明，则为了达到用户界面(UI，User Interface)设计效果，需要为该40张图片提供一套相对应的遮罩，用于生成显示图标，因而，该软件A皮肤的安装包里包含80张图片。当然，如果需要增加新的皮肤，则要切与新增皮肤相对应颜色的图片及其对应的遮罩。

以下以图1和图2中的设置图标为例，对生成正常模式显示图标以及夜间模式显示图标分别进行说明。

图3为现有生成正常模式显示图标的方法流程示意图。参见图3，该流程包括：

步骤301，预先设置正常模式原图图标并存储；

本步骤中，将正常模式原图图标背景设置为纯白，即颜色值为#ffffff，并定义白色为不透明。

步骤302，对正常模式原图图标进行颜色调整得到正常模式遮罩(Mask)层图标并存储；

本步骤中，对正常模式原图图标进行颜色调整、处理，得到正常模式遮罩层图标，背景设置为纯黑，颜色值为#000000，并定义黑色为全透明。

上述步骤301～步骤302在网络侧执行，在得到相关显示模式的相关处理图片后，网络侧封装为皮肤安装包，并下发至移动终端侧。

步骤303，将正常模式原图图标与正常模式遮罩层图标进行代码运算，得到正常模式显示图标。

本步骤中，移动终端接收皮肤安装包，将正常模式原图图标与正常模式遮罩层图标进行代码运算后，即利用遮罩中的灰色来实现半透明效果，使得原图图标透明后与背景融合，得到透明的含有256色通道的透明背景图层图标，即呈现给用户直接能够看到的正常模式显示图标。

图4为现有生成正常模式显示图标“设置”的示意图。参见图4，图中，A为正常模式遮罩层图标，B为正常模式原图图标，C为正常模式显示图标。

对于夜间模式，其显示图标生成流程与图3相类似，与图3不同的是，由于夜间模式显示图标考虑的因素不同，需要再对正常模式原图图标进行颜色调整，截图，获取用于夜间模式图标的遮罩层图标以及原图图标，并将获取的夜间模式原图图标与夜间模式遮罩层图标进行代码运算，得到夜间模式显示图标。

图5为现有生成夜间模式显示图标“设置”的示意图。参见图5，图中，D为夜间模式遮罩层图标，E为夜间模式原图图标，F为夜间模式显示图标。其中，A与D的区别在于图标颜色调整、处理的程度不同，B与E的区别也在于图标颜色调整、处理的程度不同。

由上述可见，现有生成正常模式显示图标以及夜间模式显示图标的方法，需要对图片进行颜色调整，并分别进行切图获取相应的原图图标以及遮罩层图标，然后再由移动终端进行代码运算得到皮肤中的显示图标，使得皮肤安装包里包含的图片数量多，需要消耗移动终端较多的内存；同时，安装包的容量大，增加了无线资源下载的开销以及用户成本。

发明内容

有鉴于此，本发明的主要目的在于提出一种实现多种显示模式通用图标的方法，减少皮肤安装包里包含的图片数量、降低用户下载成本。

本发明的另一目的在于提出一种实现多种显示模式通用图标的装置，减少皮肤安装包里包含的图片数量、降低用户下载成本。

为达到上述目的，本发明提供了一种实现多种显示模式通用图标的方法，该方法包括：

预先设置位图格式的原图图标；

根据预先设置的显示模式，对原图图标分别进行半透明处理，得到符合各显示模式要求的遮罩层图标；

将原图图标与半透明处理得到遮罩层图标封装为皮肤安装包并下发。

进一步包括：

接收皮肤安装包，分别将原图图标与显示模式对应的遮罩层图标进行代码运算，得到该显示模式对应的显示图标。

所述原图图标背景设置为纯白，并定义白色为全透明。

所述显示模式包括正常模式以及夜间模式。

所述对原图图标分别进行半透明处理具体包括：

读取存储的原图图标，调整原图图标的透明度，使图片效果符合正常模式下用户对浏览图片的要求，得到正常模式遮罩层图标，背景设置为纯黑，并定义黑色为全透明；

读取存储的原图图标，调整原图图标的透明度，使图片效果符合夜间模式下用户对浏览图片的要求，得到夜间模式遮罩层图标，背景设置为纯黑，图片为半透明处理的灰色。

所述皮肤安装包中的图片包括：原图图标、正常模式遮罩层图标以及夜间模式遮罩层图标。

所述分别将原图图标与显示模式对应的遮罩层图标进行代码运算，得到该显示模式对应的显示图标具体包括：

从皮肤安装包中读取原图图标以及该原图图标经半透明处理对应的正常模式遮罩层图标，进行代码运算，得到正常模式显示图标；

从皮肤安装包中读取原图图标以及该原图图标经半透明处理对应的夜间模式遮罩层图标，进行代码运算，得到夜间模式显示图标。

一种实现多种显示模式通用图标的装置，该装置包括：原图图标存储模块、显示模式策略存储模块、遮罩层图标处理模块以及封装模块，其中，

原图图标存储模块，用于存储获取的位图格式的原图图标；

显示模式策略存储模块，用于存储预先设置的各显示模式策略；

遮罩层图标处理模块，用于根据显示模式策略存储模块存储的各显示模式策略，将从原图图标存储模块读取的原图图标分别进行半透明处理，得到符合各显示模式要求的遮罩层图标，输出至封装模块；

封装模块，用于根据原图图标存储模块存储的原图图标以及接收的遮罩层图标，进行封装并下发。

所述遮罩层图标处理模块包括：正常模式遮罩层图标处理单元以及夜间模式遮罩层图标处理单元，其中，

正常模式遮罩层图标处理单元，用于根据显示模式策略存储模块存储的正常显示模式策略，对从原图图标存储模块读取的原图图标进行半透明处理，得到正常模式遮罩层图标，输出至封装模块；

夜间模式遮罩层图标处理单元，用于根据显示模式策略存储模块存储的夜间显示模式策略，对从原图图标存储模块读取的原图图标进行半透明处理，得到夜间模式遮罩层图标，输出至封装模块。

由上述的技术方案可见，本发明提供的一种实现多种显示模式通用图标的方法及装置，预先设置位图格式的原图图标；根据预先设置的显示模式，对原图图标分别进行半透明处理，得到符合各显示模式要求的遮罩层图标；将原图图标与半透明处理得到遮罩层图标封装为皮肤安装包并下发。这样，通过对原图图标根据显示模式分别进行半透明处理，多种显示模式的遮罩层图标可以基于原图图标进行透明处理得到，而多种显示模式的原图图标可以共享同一图标，从而减少了软件安装包的图片数量，有效降低了用户下载的成本。

附图说明

图1为现有移动终端正常模式显示的图标结构示意图。

图2为现有移动终端夜间模式显示的图标结构示意图。

图3为现有生成正常模式显示图标的方法流程示意图。

图4为现有生成正常模式显示图标“设置”的示意图。

图5为现有生成夜间模式显示图标“设置”的示意图。

图6为本发明实施例实现多种显示模式通用图标的方法流程示意图。

图7为本发明实施例生成正常模式显示图标“设置”的示意图。

图8为本发明实施例生成夜间模式显示图标“设置”的示意图。

图9为本发明实施例实现多种显示模式通用图标的装置结构示意图。

具体实施方式

为使本发明的目的、技术方案和优点更加清楚，下面将结合附图及具体实施例对本发明作进一步地详细描述。

现有技术中，由于移动终端个性化的需求，软件UI皮肤众多，每一模式显示图标需要通过相应模式的原图图标与遮罩层图标进行代码运算，使得皮肤安装包里包含的图片数量多，用户下载的成本高。本发明实施例中，考虑位图(BMP，Bitmap)文件是一种与硬件设备无关的图像文件格式，其BMP灰色为半透明的特性，基于同一BMP原图图标，通过改变BMP原图图标的透明度，可以得到适合不同模式下的图标亮度，从而不需要对原图图标进行颜色调整、切图等处理，同样可以满足用户对不同模式下显示图标的浏览需求。

图6为本发明实施例实现多种显示模式通用图标的方法流程示意图。参见图6，该流程包括：

步骤601，预先设置BMP格式的原图图标；

本步骤中，将原图图标背景设置为纯白，即颜色值为#ffffff，并定义白色为全透明。

步骤602，根据预先设置的显示模式，对原图图标分别进行半透明处理，得到符合各显示模式要求的遮罩层图标；

本步骤中，预先设置的显示模式包括正常模式以及夜间模式，当然，实际应用中，随着用户需求的变化以及用户舒适性的提升，也可以设置更多的模式，每一显示模式对图片的要求都是预先确定的。

以预先设置的显示模式包括正常模式以及夜间模式为例，对原图图标分别进行半透明处理具体包括：

读取存储的原图图标，调整原图图标的透明度，使图片效果符合正常模式下用户对浏览图片的要求，得到正常模式遮罩层图标，背景设置为纯黑，颜色值为#000000，并定义黑色为全透明；

读取存储的原图图标，调整原图图标的透明度，使图片效果符合夜间模式下用户对浏览图片的要求，得到夜间模式遮罩层图标，背景设置为纯黑，颜色值为#000000，图片为半透明处理的灰色。也就是说，将位于白色与黑色之间的灰色定义为半透明，利用灰色的不同色深就有不同透明度的特性，具体来说，采用正常模式的原图图标，即存储的原图图标，然后调节原图图标的透明度，使之适合夜间模式下显示图标的亮度，接着，对调节透明度的图标进行处理，例如，如果设定黑色成为不透明，白色成为全透明，则对调节好透明度的图标进行白色的颜色填充，在其后面添加一个黑色的图层，得到一个灰色的遮罩，这样，在夜间模式下，只需要利用得到的灰色遮罩就可以实现相对应的图标的透明，从而达到和正常模式共用一套原图图标的目的。

实际应用中，可以对原图图标以及半透明处理得到的遮罩层图标进行存储。

步骤603，将原图图标与半透明处理得到遮罩层图标封装为皮肤安装包并下发。

本步骤中，皮肤安装包中的图片包括：原图图标、正常模式遮罩层图标以及夜间模式遮罩层图标，不同的图标可以以标识进行区别。相对于现有技术中的皮肤安装包中的图片，减少了夜间模式下的原图图标。

这样，对于包含n(n为自然数)种显示模式的皮肤安装包，其包含的图片套数为：

N＝2n-(n-1)＝n+1

式中，N为包含n种模式的皮肤安装包包含的图片套数；

n为自然数，2n表示现有包含n种模式的皮肤安装包包含的图片套数。

例如，对于包含正常模式和夜间模式两种显示模式的皮肤安装包，其包含的图片套数为3套，即原图图标一套、正常模式遮罩层图标以及夜间模式遮罩层图标一套，相对于现有包含正常模式和夜间模式两种模式的皮肤安装包，其包含的图片套数为4套，即正常模式原图图标一套、夜间模式原图图标一套、正常模式遮罩层图标以及夜间模式遮罩层图标一套，减少了一套夜间模式原图图标，即可以减少四分之一的图片量。也就是说，如果皮肤安装包中包含的显示模式为一种，则皮肤安装包容量大小与现有技术相同，而对于包含的显示模式为两种或两种以上的皮肤安装包，可以大大减少皮肤安装包的容量。

移动终端接收到皮肤安装包后，进一步包括：

步骤604，接收皮肤安装包，分别将原图图标与显示模式对应的遮罩层图标进行代码运算，得到该显示模式对应的显示图标。

本步骤中，将原图图标与相应遮罩层图标进行代码运算后，即利用遮罩中的灰色来实现半透明效果，使得图标透明后与背景融合，得到透明的含有256色通道的透明背景图层图标，即呈现给用户直接能够看到的显示模式对应的显示图标。

如上所述，对于正常模式，从皮肤安装包中读取原图图标以及该原图图标经半透明处理对应的正常模式遮罩层图标，进行代码运算，得到正常模式显示图标，即呈现给用户直接能够看到的显示图标，例如，对于图1中的书签显示图标，从皮肤安装包中读取书签原图图标以及正常模式书签遮罩层图标，进行代码运算，得到书签显示图标，其它如历史、工具、设置、下载、帮助以及推出等显示图标，可以依据与书签显示图标同样的方法获取；

对于夜间模式，从皮肤安装包中读取原图图标以及该原图图标经半透明处理对应的夜间模式遮罩层图标，进行代码运算，得到夜间模式显示图标，即呈现给用户直接能够看到的夜间模式显示图标。

图7为本发明实施例生成正常模式显示图标“设置”的示意图。参见图7，图中，A为正常模式遮罩层图标，B为原图图标，C为正常模式显示图标。与图4不同的是，图7中的正常模式遮罩层图标为通过原图图标进行半透明处理得到，而图4中的正常模式遮罩层图标为通过原图图标进行颜色处理以及切图得到。

图8为本发明实施例生成夜间模式显示图标“设置”的示意图。参见图8，图中，G为夜间模式遮罩层图标，B为原图图标，F为夜间模式显示图标。与图5不同的是，图8中的夜间模式遮罩层图标为通过原图图标进行半透明处理得到，夜间模式原图图标与正常模式原图图标共用同一图标，而图5中的夜间模式遮罩层图标以及夜间模式原图图标为通过正常模式原图图标进行颜色处理以及切图得到。

由上述可见，本发明实施例的实现多种模式通用图标的方法，预先设置BMP格式的原图图标并存储；根据预先设置的显示模式，对原图图标分别进行半透明处理，得到符合各显示模式要求的遮罩层图标并存储；将存储的原图图标与半透明处理得到遮罩层图标封装为皮肤安装包并下发。这样，通过对原图图标根据显示模式分别进行半透明处理，夜间模式和日间模式的遮罩层图标可以基于原图图标进行透明处理得到，而夜间模式的原图图标可以共享日间模式的原图图标，从而减少了软件安装包的图片数量，降低了安装包的容量，节约了无线网络资源开销，也有效降低了用户下载的成本。同时，也避免了图片过多消耗移动终端运行内存，并易于程序使用。

图9为本发明实施例实现多种显示模式通用图标的装置结构示意图。参见图9，该装置包括：原图图标存储模块、显示模式策略存储模块、遮罩层图标处理模块以及封装模块，其中，

原图图标存储模块，用于存储获取的BMP格式的原图图标；

显示模式策略存储模块，用于存储预先设置的各显示模式策略；

本实施例中，显示模式策略即是最后经过代码运算得到的显示图标与原图图标透明度的对应关系，也就是说，根据该对应关系对原图图标进行半透明处理后，最后经过代码运算得到的显示图标就能满足用户的舒适性需求。

遮罩层图标处理模块，用于根据显示模式策略存储模块存储的各显示模式策略，将从原图图标存储模块读取的原图图标分别进行半透明处理，得到符合各显示模式要求的遮罩层图标，输出至封装模块；

封装模块，用于根据原图图标存储模块存储的原图图标以及接收的遮罩层图标，进行封装并下发。

移动终端在接收到皮肤安装包后，分别将原图图标与显示模式对应的遮罩层图标进行代码运算，得到该显示模式对应的显示图标。

本发明实施例中，遮罩层图标处理模块包括：正常模式遮罩层图标处理单元以及夜间模式遮罩层图标处理单元(图中未示出)，其中，

正常模式遮罩层图标处理单元，用于根据显示模式策略存储模块存储的正常显示模式策略，对从原图图标存储模块读取的原图图标进行半透明处理，得到正常模式遮罩层图标，输出至封装模块；

夜间模式遮罩层图标处理单元，用于根据显示模式策略存储模块存储的夜间显示模式策略，对从原图图标存储模块读取的原图图标进行半透明处理，得到夜间模式遮罩层图标，输出至封装模块。

以上所述仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。凡在本发明的精神和原则之内，所作的任何修改、等同替换以及改进等，均应包含在本发明的保护范围之内。

Claims (9)

1.一种实现多种显示模式通用图标的方法，其特征在于，该方法包括：

预先设置位图格式的原图图标；

根据预先设置的显示模式，对原图图标分别进行半透明处理，得到符合各显示模式要求的遮罩层图标；

将原图图标与半透明处理得到遮罩层图标封装为皮肤安装包并下发。

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

接收皮肤安装包，分别将原图图标与显示模式对应的遮罩层图标进行代码运算，得到该显示模式对应的显示图标。

3.如权利要求2所述的方法，其特征在于，所述原图图标背景设置为纯白，并定义白色为全透明。

4.如权利要求3所述的方法，其特征在于，所述显示模式包括正常模式以及夜间模式。

5.如权利要求4所述的方法，其特征在于，所述对原图图标分别进行半透明处理具体包括：

读取存储的原图图标，调整原图图标的透明度，使图片效果符合正常模式下用户对浏览图片的要求，得到正常模式遮罩层图标，背景设置为纯黑，并定义黑色为全透明；

读取存储的原图图标，调整原图图标的透明度，使图片效果符合夜间模式下用户对浏览图片的要求，得到夜间模式遮罩层图标，背景设置为纯黑，图片为半透明处理的灰色。

6.如权利要求5所述的方法，其特征在于，所述皮肤安装包中的图片包括：原图图标、正常模式遮罩层图标以及夜间模式遮罩层图标。

7.如权利要求4所述的方法，其特征在于，所述分别将原图图标与显示模式对应的遮罩层图标进行代码运算，得到该显示模式对应的显示图标具体包括：

从皮肤安装包中读取原图图标以及该原图图标经半透明处理对应的正常模式遮罩层图标，进行代码运算，得到正常模式显示图标；

从皮肤安装包中读取原图图标以及该原图图标经半透明处理对应的夜间模式遮罩层图标，进行代码运算，得到夜间模式显示图标。

8.一种实现多种显示模式通用图标的装置，其特征在于，该装置包括：原图图标存储模块、显示模式策略存储模块、遮罩层图标处理模块以及封装模块，其中，

原图图标存储模块，用于存储获取的位图格式的原图图标；

显示模式策略存储模块，用于存储预先设置的各显示模式策略；

遮罩层图标处理模块，用于根据显示模式策略存储模块存储的各显示模式策略，将从原图图标存储模块读取的原图图标分别进行半透明处理，得到符合各显示模式要求的遮罩层图标，输出至封装模块；

封装模块，用于根据原图图标存储模块存储的原图图标以及接收的遮罩层图标，进行封装并下发。

9.如权利要求8所述的装置，其特征在于，所述遮罩层图标处理模块包括：正常模式遮罩层图标处理单元以及夜间模式遮罩层图标处理单元，其中，

正常模式遮罩层图标处理单元，用于根据显示模式策略存储模块存储的正常显示模式策略，对从原图图标存储模块读取的原图图标进行半透明处理，得到正常模式遮罩层图标，输出至封装模块；

夜间模式遮罩层图标处理单元，用于根据显示模式策略存储模块存储的夜间显示模式策略，对从原图图标存储模块读取的原图图标进行半透明处理，得到夜间模式遮罩层图标，输出至封装模块。

Images