[发明专利]图标显示方法、装置及电子设备

说明书

技术领域

本发明涉及通信技术领域，更具体的说，是涉及一种图标显示方法、装 置及电子设备。

背景技术

现行的应用程序或网页上通常有多个图标，例如微信上的工具栏包括： 微信、通讯录、发现、我等图标，图标包括元素形状区域和背景区域，当用 户选中一个后，例如用户触按“微信”这一图标，则该图标处于选中状态， 请参阅图1，为本发明提供的现有技术中应用程序中“微信”图标处于选中状 态时，该图标的显示示意图。从图1中可以看出“微信”图标1的元素形状 区域的颜色发生变化，此时将“微信”图标1称为焦点，而其他未处于选中 状态的图标，例如“通讯录”图标2、“发现”图标3、“我”图标4对应的 元素形状区域的颜色未发生变化。以此提示用户该“微信”图标1已被选中。 当“通讯录”图标2为焦点时，“通讯录”图标2对应的图标的颜色发生变 化，“微信”图标1对应的图标的颜色恢复原来的颜色，这种现象成为图标 的移动。

发明人在实现本发明创造的过程中发现，图标处于选中状态时即图标为 焦点时，仅仅图标的元素形状区域的颜色发生变化，导致焦点图标不明显， 用户体验不好。

发明内容

有鉴于此，本发明提供了一种图标显示方法、装置及电子设备，以克服 现有技术中由于图标处于选中状态即图标为焦点时，仅仅图标的元素形状区 域的颜色发生变化，导致焦点图标不明显，用户体验不好的问题。

为实现上述目的，本发明提供如下技术方案：

一种图标显示方法，应用于电子设备，所述电子设备包括显示模块，所 述显示模块上显示有至少第一图标和第二图标，每一图标包括元素形状区域 和背景区域，所述图标显示方法包括：

捕捉到用户选中第一图标的动作信息时，获取所述第一图标的位置信息；

依据所述第一图标的位置信息获取与所述第一图标对应的第一图片信 息；

依据所述第一图片信息在所述显示模块上显示第一图片，所述第一图片 包括所述至少第一图标和第二图标，所述第一图片中所述第一图标的背景区 域的颜色为第一颜色，所述第一图片中其他图标的背景区域的颜色为第二颜 色，所述第一颜色不同于所述第二颜色，以便突出所述第一图标。

其中，所述第一图片中所述第一图标的元素形状区域为第三颜色。

其中，包括：

获取图标移动指令；

根据所述图标移动指令，计算图标移动后的第二图标的位置信息；

依据所述第二图标的位置信息获取与所述第二图标对应第二图片信息；

依据所述第二图片信息在所述显示模块上显示第二图片，所述第二图片 包括所述至少第一图标和第二图标，所述第二图片中所述第二图标的背景区 域的颜色为第一颜色，所述第二图标中其他图标的背景区域的颜色为第二颜 色，以便突出所述第二图标。

一种图标显示装置，应用于电子设备，所述电子设备包括显示模块，所 述显示模块上显示有至少第一图标和第二图标，每一图标包括元素形状区域 和背景区域，所述图标显示装置包括：

获取位置模块，用于捕捉到用户选中第一图标的动作信息时，获取所述 第一图标的位置信息；

第一获取图片信息模块，用于依据所述第一图标的位置信息获取与所述 第一图标对应的第一图片信息；

所述显示模块，用于依据所述第一图片信息在所述显示模块上显示第一 图片，所述第一图片包括所述至少第一图标和第二图标，所述第一图片中所 述第一图标的背景区域的颜色为第一颜色，所述第一图片中其他图标的背景 区域的颜色为第二颜色，所述第一颜色不同于所述第二颜色，以便突出所述 第一图标。

其中，所述第一图片中所述第一图标的元素形状区域为第三颜色。

其中，还包括：

获取图标指令模块，用于获取图标移动指令；

计算模块，用于根据所述图标移动指令，计算图标移动后的第二图标的 位置信息；

第二获取图片信息模块，用于依据所述第二图标的位置信息获取与所述 第二图标对应第二图片信息；

所述显示模块，用于依据所述第二图片信息在所述显示模块上显示第二 图片，所述第二图片包括所述至少第一图标和第二图标，所述第二图片中所 述第二图标的背景区域的颜色为第一颜色，所述第二图标中其他图标的背景 区域的颜色为第二颜色，以便突出所述第二图标。