CN109542547A - 角标处理方法及装置、计算设备及可读介质 - Google Patents

Abstract

本发明提供一种角标处理方法及装置、计算设备及可读介质。其方法包括：将原始布局中的原始图片显示控件替换为承载有原始图片显示控件的承载图片显示控件；在承载图片显示控件中创建原始图片显示控件的角标。本发明通过采用上述技术方案，设置的角标无任何侵入性，便于后续角标的修改，从而能够有效地增强角标的扩展性，提高角标设置效率。

Description

角标处理方法及装置、计算设备及可读介质

技术领域

本发明涉及计算机应用技术领域，尤其涉及一种角标处理方法及装置、计算设备及可读介质。

背景技术

为了丰富各种应用中的图片显示功能，现有技术中，可以采用在图片显示控件如View的边角增加角标，并具体根据需求，可以在角标中显示文字、数字或者字母、甚至动画等等，以满足不同场景的需求。

现有技术中，创建角标时，可以自定义View或者自实现xml布局，并通过对原本布局进行更改，在原本布局的想要插入角标的位置，添加想要展示的角标，这样，在后面展示图片显示控件如View时，可以根据需求展示插入的角标。

但是，现有的角标设置方案中，由于对原本的图片显示控件所在的布局进行更改，侵入性较强，导致后续角标更改的操作非常复杂，使得角标的扩展性较差。

发明内容

本发明提供一种角标处理方法及装置、计算设备及可读介质，用于避免角标设置的侵入性，便于角标的修改，增强角标的扩展性。

本发明提供一种角标处理方法，所述方法包括：

将原始布局中的原始图片显示控件替换为承载有所述原始图片显示控件的承载图片显示控件；

在所述承载图片显示控件中创建所述原始图片显示控件的角标。

进一步可选地，如上所述的方法中，将原始布局中的原始图片显示控件替换为承载有所述原始图片显示控件的承载图片显示控件，包括：

从所述原始布局中移除所述原始图片显示控件；

将所述原始图片显示控件添加到新创建的所述承载图片显示控件中，作为所述承载图片显示控件的子布局；

将所述承载图片显示控件添加到所述原始布局中。

进一步可选地，如上所述的方法中，将所述原始图片显示控件添加到新创建的所述承载图片显示控件中之后，将所述承载图片显示控件添加到所述原始布局中之前，所述方法还包括：

将所述原始图片显示控件的布局方式设置为与所述承载图片显示控件一致。

进一步可选地，如上所述的方法中，在所述承载图片显示控件中创建所述原始图片显示控件的角标，包括：

在所述承载图片显示控件中创建角标显示控件，所述角标显示控件用于承载所述角标的显示；

在所述角标显示控件中配置所述角标显示的属性参数；

配置所述角标显示控件的显示方位，以限定所述角标在所述原始图片显示控件的显示方位。

进一步可选地，如上所述的方法中，若所述角标为文字时，在所述角标显示控件中配置所述角标显示的属性参数，包括：

在所述角标显示控件中配置所述角标显示的背景颜色、字体大小和、或背景形状。

进一步可选地，如上所述的方法中，在所述角标显示控件中配置所述角标显示的背景形状，包括：

若所述角标的文字字符小于或者等于两个时，将所述背景形状设置为圆形；

若所述角标的文字字符大于两个时，将所述背景形状设置为圆角矩形。

本发明还提供一种角标处理装置，其特征在于，所述装置包括：

替换模块，用于将原始布局中的原始图片显示控件替换为承载有所述原始图片显示控件的承载图片显示控件；

创建模块，用于在所述承载图片显示控件中创建所述原始图片显示控件的角标。

进一步可选地，如上所述的装置中，所述替换模块，包括：

移除单元，用于从所述原始布局中移除所述原始图片显示控件；

添加单元，用于将所述原始图片显示控件添加到新创建的所述承载图片显示控件中，作为所述承载图片显示控件的子布局；

所述添加单元，还用于将所述承载图片显示控件添加到所述原始布局中。

进一步可选地，如上所述的装置中，所述替换模块，还包括：

设置单元，用于将所述原始图片显示控件的布局方式设置为与所述承载图片显示控件一致。

进一步可选地，如上所述的装置中，所述创建模块，包括：

创建单元，用于在所述承载图片显示控件中创建角标显示控件，所述角标显示控件用于承载所述角标的显示；

配置单元，用于在所述角标显示控件中配置所述角标显示的属性参数；

所述配置单元，还用于配置所述角标显示控件的显示方位，以限定所述角标在所述原始图片显示控件的显示方位。

进一步可选地，如上所述的装置中，所述配置单元，用于：

在所述角标显示控件中配置所述角标显示的背景颜色、字体大小和、或背景形状。

进一步可选地，如上所述的装置中，所述配置单元，用于：

若所述角标的文字字符小于或者等于两个时，将所述背景形状设置为圆形；

若所述角标的文字字符大于两个时，将所述背景形状设置为圆角矩形。

本发明还提供一种计算设备，包括：

处理器；以及

存储器，其上存储有可执行代码，当所述可执行代码被所述处理器执行时，使所述处理器执行如上任何一项所述的方法。

本发明还提供一种非暂时性机器可读存储介质，其上存储有可执行代码，当所述可执行代码被电子设备的处理器执行时，使所述处理器执行如上任一项所述的方法。

本发明的角标处理方法及装置、计算设备及可读介质，通过将原始布局中的原始图片显示控件替换为承载有原始图片显示控件的承载图片显示控件；在承载图片显示控件中创建原始图片显示控件的角标，设置的角标无任何侵入性，便于后续角标的修改，从而能够有效地增强角标的扩展性，提高角标设置效率。

附图说明

通过结合附图对本公开示例性实施方式进行更详细的描述，本公开的上述以及其它目的、特征和优势将变得更加明显，其中，在本公开示例性实施方式中，相同的参考标号通常代表相同部件。

图1为本发明的角标处理方法实施例一的流程图。

图2为本发明提供的一种角标示意图。

图3为本发明的角标处理方法实施例二的流程图。

图4为本发明的角标处理方法实施例三的流程图。

图5为本发明的角标处理装置实施例一的流程图。

图6为本发明的角标处理装置实施例二的流程图。

图7示出了根据本发明一实施例可用于实现上述角标处理方法的计算设备的结构示意图。

具体实施方式

下面将参照附图更详细地描述本公开的优选实施方式。虽然附图中显示了本公开的优选实施方式，然而应该理解，可以以各种形式实现本公开而不应被这里阐述的实施方式所限制。相反，提供这些实施方式是为了使本公开更加透彻和完整，并且能够将本公开的范围完整地传达给本领域的技术人员。

图1为本发明的角标处理方法实施例一的流程图。如图1所示，本实施例的角标处理方法，具体可以包括如下步骤：

S100、将原始布局中的原始图片显示控件替换为承载有原始图片显示控件的承载图片显示控件；

S101、在承载图片显示控件中创建原始图片显示控件的角标。

本实施例的角标处理方法的执行主体为角标处理装置，该角标处理装置用于对图片显示控件的如View中的角标进行处理。本实施例的角标处理方法可以适用于Android或者ios等操作系统的平台，用于克服移动终端的View中设置角标时侵入性较强，以致于再修改角标时操作复杂，使得角标的扩展性较差的技术问题。本实施例的角标处理装置可以应用于任意想要创建角标的产品中，以避免角标侵入至View中，增强角标的扩展性。

与现有技术中，角标直接侵入在View中，实现角标的设置的不同，本实施例中，通过将原始布局中的原始图片显示控件替换为承载有原始图片显示控件的承载图片显示控件；然后再在承载图片显示控件中创建原始图片显示控件的角标。由此可知，本实施例的角标处理方法中，采用了两个拖显示控件即原始图片显示控件和承载图片显示控件。其中原始图片显示控件可以为真正需要添加角标的View，而承载图片显示控件位于原始图片显示控件之外，用于承载原始图片显示控件和角标。这样，可以保证角标对原始图片显示控件没有侵入性，可以随意扩展，增强了角标的扩展性。

例如，图2为本发明提供的一种角标示意图。如图2所示，以设置右角标99为例，图2所示的角标设置时包括两层View，其中内层的View为需要支持角标的View，即为本实施例的原始图片显示控件，而承载内层View和角标的外边框的View，即为本实施例的承载原始图片显示控件。另外，需要说明的是，原始图片显示控件的四个角的位置，都可以支持角标的配置，图2所示示例图仅以右角标为例。

本实施例的角标处理方法，通过将原始布局中的原始图片显示控件替换为承载有原始图片显示控件的承载图片显示控件；在承载图片显示控件中创建原始图片显示控件的角标，设置的角标无任何侵入性，便于后续角标的修改，从而能够有效地增强角标的扩展性，提高角标设置效率。

图3为本发明的角标处理方法实施例二的流程图。本实施例的角标处理方法，在上述图1所示实施例的技术方案的基础上，进一步更加详细地介绍本发明的技术方案。如图3所示，本实施例的角标处理方法中，步骤S100“将原始布局中的原始图片显示控件替换为承载有原始图片显示控件的承载图片显示控件”，具体可以包括如下步骤：

S200、从原始布局中移除原始图片显示控件；

S201、将原始图片显示控件添加到新创建的承载图片显示控件中，作为承载图片显示控件的子布局；

S202、将承载图片显示控件添加到原始布局中。

本实施例的原始布局即为原始图片显示控件(originalView)的父布局，由于一个View只能有一个父布局，本实施例中欲将该originalView承载至承载图片显示控件中，作为其子布局，因此，必须需要将originalView从其原始布局中移除。然后将其添加到新创建的承载图片显示控件中，作为承载图片显示控件的子布局。为了便于描述，本实施例中，可以将承载图片显示控件，称为Mark View。最后将Mark View添加到originalView的原始布局中。这样，便可以实现将原始布局中的originalView替换为承载有originalView的MarkView。

后续在Mark View创建originalView的角标即可，不会对originalView有任何侵入性损害，角标修改易操作，从而能够有效地增强角标的扩展性。

本实施例的Mark View就是承载角标和originalView的控件，可以用于控制角标的位置和角标的显示背景的颜色、形状等其他属性。

另外，可选地，本实施例中，在步骤S201“将原始图片显示控件添加到新创建的承载图片显示控件中”之后，步骤S202“将承载图片显示控件添加到原始布局中”之前，还可以包括：将原始图片显示控件的布局方式设置为与承载图片显示控件一致。例如，实际操作中，可以在将origin View添加到Mark View后，将origin View的布局方式设置为Match_Parent，也也就是origin View的长、宽、高和Mark View相同。

例如，以Andriod系统的平台为例，在具体实现时，可以先创建一个View，作为MarkView，继承RelativeLayout(为android常用布局之一)。然个可以通过调用方传递，就是告诉Mark View哪个origin View需要显示角标，获取到origin View。然后执行如下步骤；

A、通过函数origin View.getParent().remove(origin View)将origin View从原始布局中移除；由于一个view只能有一个父布局，本实施例中欲将origin View承载于Mark View中，便必须从原始布局中移除；

B、通过函数Mark View.addView(origin View)，将origin View添加到MarkView，并且设置布局方式为Match_Parent，使得origin View的长、宽、高和Mark View相同；

C、通过函数origin View.getParent().addView(Mark View)，将Mark View添加到origin View原始布局中。

通过上述三个步骤，就可以将origin View替换成mark View，并且将origin View设置成了mark View的子view，然后后续在mark View中设置origin View的角标，便不会对origin View造成侵入性损害。使用时，可以支持任意角标的设置，使用非常方便。

本实施例的角标处理方法，通过采用上述技术方案，可以为设置无侵入性的角标设置提供便利的条件，本实施例的技术方案，能够有效地增强角标的扩展性。

图4为本发明的角标处理方法实施例三的流程图。本实施例的角标处理方法，在上述图1或者图3所示实施例的技术方案的基础上，进一步更加详细地介绍本发明的技术方案。如图4所示，本实施例的角标处理方法中，步骤S101“在承载图片显示控件中创建原始图片显示控件的角标”，具体可以包括如下步骤：

S300、在承载图片显示控件中创建角标显示控件，该角标显示控件用于承载角标的显示；

S301、在角标显示控件中配置角标显示的属性参数；

S302、配置角标显示控件的显示方位，以限定角标在原始图片显示控件的显示方位。

本实施例中，在设置角标时，可以先在承载图片显示控件即Mark View中先设置角标显示控件，该角标显示控件用于显示角标。本实施例的角标可以为文字形式的角标，具体可以为数字或字母。或者也可以为图片形式的角标，甚至也可以为动画形式的角标。本实施例中，还需要在角标显示控件中配置角标显示的属性参数，例如，可以包括角标显示的背景颜色、形状等等。如果是文字形式的角标，角标显示的属性参数中还可以字体的大小、颜色、字体格式等等。对应地，需要在角标显示控件中配置角标显示的背景颜色、字体大小和、或背景形状等等属性参数。

若角标为图片形式的角标，还可以设置角标的图片的像素等与图片相关的属性参数。若角标为动画形式的角标还可以设置角标中图片的切换频率等与动画相关的属性参数。

进一步地，本实施例中，在角标显示控件中配置角标显示的背景形状时，若角标的文字字符小于或者等于两个时，可以将背景形状设置为圆形；而若角标的文字字符大于两个时，将背景形状设置为圆角矩形。例如，如图2所示，若角标为数字时，在数字小于或者等于99时，此时字符小于或者等于两个，此时可以将角标的背景形状设置为圆形，而若数字大于99时，可以将角标的背景形状设置为圆角矩形。当然实际应用中，还可以具体根据场景需求，设置不同的背景形状，在此不再一一举例赘述。

本实施例中，Mark View和origin View都是以矩形为例，其角标可以位于四个角，具体实现时，通过配置角标显示控件的显示方位如左上、左下、右上或者右下，便可以限定角标在原始图片显示控件origin View的显示方位。

例如，以andriod系统的平台为例，在此以right-top方向位置上的角标为例展开介绍本实施例的技术方案，实际应用中，也可以支持其他方向位置上的角标如left-top、left-bottom或者right-bottom。

此处，以创建文字显示的较为例，在Mark View中创建角标显示控件如MarkTextView(也可以简称TextView)承载角标的文字显示，背景颜色(setBackgroudcolor)和字体大小(setTextSize)可以由用户来控制配置，实际应用中，可以设置有默认值，用户也可以随时修改为其他值。

由于是右上角标，本实施例的andriod平台中，可以采用如下布局设置方式设置的MarkTextView：

RelativeLayout.LayoutParams params＝new

RelativeLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT,ViewGroup.LayoutParams.WRAP_CONTENT)；

params.addRule(RelativeLayout.ALIGN_PARENT_RIGHT)；

params.addRule(RelativeLayout.ALIGN_PARENT_TOP)；

MarkTextView.setLayoutParams(params)；

本实施例中，角标的四个方位的位置，分别由如下四个关键值组合而成：

RelativeLayout.ALIGN_PARENT_LFET,

RelativeLayout.ALIGN_PARENT_RIGHT,

RelativeLayout.ALIGN_PARENT_TOP,

RelativeLayout.ALIGN_PARENT_BOTTOM)

当角标的字符小于等于2个时(即角标为数字时，数字小于99时)，可以默认角标的背景是圆形；如果角标的字符大于2时(即角标为数字时，数字大于99时)，可以默认角标的背景是圆角矩形，具体可以采用如下方式来实现：

GradientDrawable bg＝new GradientDrawable()；

bg.setShape(GradientDrawable.OVAL)//设置背景为圆

bg.setShape(GradientDrawable.RECTANGLE)//设置背景为圆角矩形

bg.setCornerRadius(10)；//设置圆角半径

赋值到MarkTextView；

MarkTextView.setImageDrawable(bg).

上述技术方案以android系统为了，实际应用中，ios等其他平台也可以采用类似方式实现角标的设置，在此不再一一举例赘述。

通过采用上述技术方案，实现角标的设置，这样，MarkView便承载了origin View和角标。

本实施例的角标处理方法，通过采用上述技术方案设置的角标不会对originView造成侵害，可以支持随意修改角标，能够有效地增强角标的扩展性。

图5为本发明的角标处理装置实施例一的流程图。如图5所示，本实施例的角标处理装置，具体可以包括：

替换模块10用于将原始布局中的原始图片显示控件替换为承载有原始图片显示控件的承载图片显示控件；

创建模块11用于在替换模块10处理后的承载图片显示控件中创建原始图片显示控件的角标。

本实施例的角标处理装置，通过采用上述模块实现角标的处理，与上述相关方法实施例的实现原理相同，详细可以参考上述相关方法实施例的记载，在此不再赘述。

图6为本发明的角标处理装置实施例二的流程图。如图6所示，本实施例的角标处理装置，在上述图5所示实施例的技术方案的基础上，进一步更加详细地介绍本发明的技术方案。

如图6所示，本实施例的角标处理装置中，替换模块10，具体可以包括：

移除单元101用于从原始布局中移除原始图片显示控件；

添加单元102用于将移除单元101移除的原始图片显示控件添加到新创建的承载图片显示控件中，作为承载图片显示控件的子布局；

添加单元102还用于将承载图片显示控件添加到原始布局中。

进一步可选地，如图6所示，本实施例的角标处理装置中，替换模块10还包括：

设置单元103用于在添加单元102将移除单元101移除的原始图片显示控件添加到新创建的承载图片显示控件中后，将原始图片显示控件的布局方式设置为与承载图片显示控件一致。

进一步可选地，如图6所示，本实施例的角标处理装置中，创建模块11包括：

创建单元111用于在添加单元102添加处理后的承载图片显示控件中创建角标显示控件，该角标显示控件用于承载角标的显示；

配置单元112用于在创建单元111创建的角标显示控件中配置角标显示的属性参数；

配置单元112还用于配置角标显示控件的显示方位，以限定角标在原始图片显示控件的显示方位。

进一步可选地，本实施例的角标处理装置中，配置单元112用于：

在角标显示控件中配置角标显示的背景颜色、字体大小和、或背景形状。

进一步可选地，本实施例的角标处理装置中，配置单元112还用于：

若角标的文字字符小于或者等于两个时，将背景形状设置为圆形；

若角标的文字字符大于两个时，将背景形状设置为圆角矩形。

本实施例的角标处理装置，通过采用上述模块实现角标的处理，与上述相关方法实施例的实现原理相同，详细可以参考上述相关方法实施例的记载，在此不再赘述。

图7示出了根据本发明一实施例可用于实现上述角标处理方法的计算设备的结构示意图。

参见图7，计算设备1000包括存储器1010和处理器1020。

处理器1020可以是一个多核的处理器，也可以包含多个处理器。在一些实施例中，处理器1020可以包含一个通用的主处理器以及一个或多个特殊的协处理器，例如图形处理器(GPU)、数字信号处理器(DSP)等等。在一些实施例中，处理器1020可以使用定制的电路实现，例如特定用途集成电路(ASIC，Application Specific Integrated Circuit)或者现场可编程逻辑门阵列(FPGA，Field Programmable Gate Arrays)。

存储器1010可以包括各种类型的存储单元，例如系统内存、只读存储器(ROM)，和永久存储装置。其中，ROM可以存储处理器1020或者计算机的其他模块需要的静态数据或者指令。永久存储装置可以是可读写的存储装置。永久存储装置可以是即使计算机断电后也不会失去存储的指令和数据的非易失性存储设备。在一些实施方式中，永久性存储装置采用大容量存储装置(例如磁或光盘、闪存)作为永久存储装置。另外一些实施方式中，永久性存储装置可以是可移除的存储设备(例如软盘、光驱)。系统内存可以是可读写存储设备或者易失性可读写存储设备，例如动态随机访问内存。系统内存可以存储一些或者所有处理器在运行时需要的指令和数据。此外，存储器1010可以包括任意计算机可读存储媒介的组合，包括各种类型的半导体存储芯片(DRAM，SRAM，SDRAM，闪存，可编程只读存储器)，磁盘和/或光盘也可以采用。在一些实施方式中，存储器1010可以包括可读和/或写的可移除的存储设备，例如激光唱片(CD)、只读数字多功能光盘(例如DVD-ROM，双层DVD-ROM)、只读蓝光光盘、超密度光盘、闪存卡(例如SD卡、min SD卡、Micro-SD卡等等)、磁性软盘等等。计算机可读存储媒介不包含载波和通过无线或有线传输的瞬间电子信号。

存储器1010上存储有可执行代码，当可执行代码被处理器1020处理时，可以使处理器1020执行上文述及的角标处理方法。

上文中已经参考附图详细描述了根据本发明的角标处理。

此外，根据本发明的方法还可以实现为一种计算机程序或计算机程序产品，该计算机程序或计算机程序产品包括用于执行本发明的上述方法中限定的上述各步骤的计算机程序代码指令。

或者，本发明还可以实施为一种非暂时性机器可读存储介质(或计算机可读存储介质、或机器可读存储介质)，其上存储有可执行代码(或计算机程序、或计算机指令代码)，当所述可执行代码(或计算机程序、或计算机指令代码)被电子设备(或计算设备、服务器等)的处理器执行时，使所述处理器执行根据本发明的上述方法的各个步骤。

本领域技术人员还将明白的是，结合这里的公开所描述的各种示例性逻辑块、模块、电路和算法步骤可以被实现为电子硬件、计算机软件或两者的组合。

附图中的流程图和框图显示了根据本发明的多个实施例的系统和方法的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分，所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标记的功能也可以以不同于附图中所标记的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

以上已经描述了本发明的各实施例，上述说明是示例性的，并非穷尽性的，并且也不限于所披露的各实施例。在不偏离所说明的各实施例的范围和精神的情况下，对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择，旨在最好地解释各实施例的原理、实际应用或对市场中的技术的改进，或者使本技术领域的其它普通技术人员能理解本文披露的各实施例。

Claims (14)

1.一种角标处理方法，其特征在于，所述方法包括：

将原始布局中的原始图片显示控件替换为承载有所述原始图片显示控件的承载图片显示控件；

在所述承载图片显示控件中创建所述原始图片显示控件的角标。

2.根据权利要求1所述的方法，其特征在于，将原始布局中的原始图片显示控件替换为承载有所述原始图片显示控件的承载图片显示控件，包括：

从所述原始布局中移除所述原始图片显示控件；

将所述原始图片显示控件添加到新创建的所述承载图片显示控件中，作为所述承载图片显示控件的子布局；

将所述承载图片显示控件添加到所述原始布局中。

3.根据权利要求2所述的方法，其特征在于，将所述原始图片显示控件添加到新创建的所述承载图片显示控件中之后，将所述承载图片显示控件添加到所述原始布局中之前，所述方法还包括：

将所述原始图片显示控件的布局方式设置为与所述承载图片显示控件一致。

4.根据权利要求1所述的方法，其特征在于，在所述承载图片显示控件中创建所述原始图片显示控件的角标，包括：

在所述承载图片显示控件中创建角标显示控件，所述角标显示控件用于承载所述角标的显示；

在所述角标显示控件中配置所述角标显示的属性参数；

配置所述角标显示控件的显示方位，以限定所述角标在所述原始图片显示控件的显示方位。

5.根据权利要求4所述的方法，其特在于，若所述角标为文字时，在所述角标显示控件中配置所述角标显示的属性参数，包括：

在所述角标显示控件中配置所述角标显示的背景颜色、字体大小和、或背景形状。

6.根据权利要求5所述的方法，其特在于，在所述角标显示控件中配置所述角标显示的背景形状，包括：

若所述角标的文字字符小于或者等于两个时，将所述背景形状设置为圆形；

若所述角标的文字字符大于两个时，将所述背景形状设置为圆角矩形。

7.一种角标处理装置，其特征在于，所述装置包括：

替换模块，用于将原始布局中的原始图片显示控件替换为承载有所述原始图片显示控件的承载图片显示控件；

创建模块，用于在所述承载图片显示控件中创建所述原始图片显示控件的角标。

8.根据权利要求7所述的装置，其特征在于，所述替换模块，包括：

移除单元，用于从所述原始布局中移除所述原始图片显示控件；

添加单元，用于将所述原始图片显示控件添加到新创建的所述承载图片显示控件中，作为所述承载图片显示控件的子布局；

所述添加单元，还用于将所述承载图片显示控件添加到所述原始布局中。

9.根据权利要求8所述的装置，其特征在于，所述替换模块，还包括：

设置单元，用于将所述原始图片显示控件的布局方式设置为与所述承载图片显示控件一致。

10.根据权利要求7述的装置，其特征在于，所述创建模块，包括：

创建单元，用于在所述承载图片显示控件中创建角标显示控件，所述角标显示控件用于承载所述角标的显示；

配置单元，用于在所述角标显示控件中配置所述角标显示的属性参数；

所述配置单元，还用于配置所述角标显示控件的显示方位，以限定所述角标在所述原始图片显示控件的显示方位。

11.根据权利要求10所述的装置，其特在于，所述配置单元，用于：

在所述角标显示控件中配置所述角标显示的背景颜色、字体大小和、或背景形状。

12.根据权利要求11所述的装置，其特在于，所述配置单元，用于：

若所述角标的文字字符小于或者等于两个时，将所述背景形状设置为圆形；

若所述角标的文字字符大于两个时，将所述背景形状设置为圆角矩形。

13.一种计算设备，包括：

处理器；以及

存储器，其上存储有可执行代码，当所述可执行代码被所述处理器执行时，使所述处理器执行如权利要求1-6中任何一项所述的方法。

14.一种非暂时性机器可读存储介质，其上存储有可执行代码，当所述可执行代码被电子设备的处理器执行时，使所述处理器执行如权利要求1至6中任一项所述的方法。