CN104020971B - 背景显示方法、装置及电子设备 - Google Patents

Abstract

本公开是关于一种背景显示方法、装置及电子设备，属于电子显示领域。所述方法包括：根据目标元素与相邻元素的属性信息确定目标元素在列表视图中所处的位置；根据所述目标元素在所述列表视图中所处的位置确定所述目标元素对应的背景图案信息并显示背景图案。本公开通过根据目标元素与相邻元素的属性信息确定目标元素在列表视图中所处的位置，根据该目标元素在该列表视图中所处的位置确定该目标元素对应的背景图案信息并显示背景图案，解决了相关技术中需要开发人员为列表视图中各个元素指定对应的背景图案，从而需要消耗大量的人工成本的问题，达到在兼顾界面生动美观的同时，缩短开发周期，降低开发和维护成本的效果。

Description

背景显示方法、装置及电子设备

技术领域

本公开涉及电子显示领域，尤其涉及一种背景显示方法、装置及电子设备。

背景技术

在电子显示领域，通常会将元素按照列表视图，例如ListView显示。在一个列表视图中包含数量很大的多个元素，但是由于限于屏幕大小或界面美观列表视图可以仅显示其中的部分元素，通过上下翻页或滑动可以查看其它的元素。

为了显示界面的美观，可以为列表视图中的各个元素设置背景图案。以列表视图为通讯录为例，各个元素(比如联系人或者分组名称)的背景图案由开发人员设定，且开发人员通常为处于同一通讯录中的各个元素设置相同的背景图案。在相关技术中，为了界面更加生动，开发人员还可以在代码中为通讯录中每个元素指定不同的背景图案，在显示界面时，直接查询并显示界面中的元素被指定的背景图案。

在实现本公开的过程中，发现相关技术至少存在以下问题：

相关技术中若要使界面生动美观，需要开发人员为列表视图中每个元素一一指定对应的背景图案，并且当在列表视图中翻页或滑动时，列表中的每一个元素都有可能被显示，也就是说列表视图所呈现的元素是会变化的，开发人员需要针对每个可能显示的元素都重复对元素背景图片的指定工作，需要消耗大量的人工成本，从而延长开发周期，增加开发和维护的成本。

发明内容

为了解决相关技术中若要使界面生动美观，则需要开发人员为列表视图中各个元素指定对应的背景图案，从而需要消耗大量的人工成本的问题，本公开实施例提供了一种背景显示方法、装置及电子设备。所述技术方案如下：

第一方面，提供了一种背景显示方法，所述方法包括：

根据目标元素与相邻元素的属性信息，确定所述目标元素在列表视图中所处的位置，所述目标元素为按照所述列表视图显示的若干个元素中的一个；

根据所述目标元素在所述列表视图中所处的位置查询背景图案配置文件，确定所述目标元素对应的背景图案信息；

根据所述背景图案信息显示所述目标元素的背景图案；

其中，所述属性信息包括类型和背景标识，所述背景标识用于指示所述各个元素分别对应的背景图案配置文件；

其中，所述根据目标元素与相邻元素的属性信息，确定所述目标元素在所述列表视图中所处的位置，包括：

确定所述目标元素分别与第一元素和第二元素之间的相关性，所述相关性包括属性信息相同或者不同；所述第一元素为所述若干个元素中处于所述目标元素之前且距离所述目标元素最近的元素，所述第二元素为所述若干个元素中处于所述目标元素之后且距离所述目标元素最近的元素；

根据所述目标元素分别与所述第一元素和所述第二元素之间的相关性，查询所述相关性与所述目标元素在所述列表视图中所处的位置之间的对应关系，以确定所述目标元素在列表视图中所处的位置。

优选的，所述确定所述目标元素分别与第一元素和第二元素之间的相关性，包括：

当所述第一元素的属性信息为空值时，确定所述目标元素的属性信息与所述第一元素的属性信息不同；

当所述第二元素的属性信息为空值时，确定所述目标元素的属性信息与所述第二元素的属性信息不同。

优选的，所述确定所述目标元素分别与第一元素和第二元素之间的相关性，包括：

查询预先设置的相关性信息，所述相关性信息用于指示所述目标元素的属性信息与所述第一元素的属性信息是否相同以及所述目标元素的属性信息与所述第二元素的属性信息是否相同；

根据所述相关性信息确定所述目标元素分别与所述第一元素和所述第二元素之间的相关性。

优选的，所述根据所述目标元素在所述列表视图中所处的位置查询背景图案配置文件，确定所述目标元素对应的背景图案信息，包括：

确定所述目标元素对应的背景图案配置文件，所述背景图案配置文件中包含有所述列表视图中每个位置与所述每个位置的背景图案信息之间的对应关系；

根据所述目标元素在所述列表视图中所处的位置查询所述背景图案配置文件，确定所述目标元素对应的背景图案信息。

第二方面，提供了一种背景显示装置，所述装置包括：

位置确定模块，用于根据目标元素与相邻元素的属性信息，确定所述目标元素在列表视图中所处的位置，所述目标元素为按照所述列表视图显示的若干个元素中的一个；

背景确定模块，用于根据所述目标元素在所述列表视图中所处的位置查询背景图案配置文件，确定所述目标元素对应的背景图案信息；

背景显示模块，用于根据所述背景图案信息显示所述目标元素的背景图案；

其中，所述位置确定模块，包括：

相关性确定单元，用于确定所述目标元素分别与第一元素和第二元素之间的相关性，所述相关性包括属性信息相同或者不同；所述第一元素为所述若干个元素中处于所述目标元素之前且距离所述目标元素最近的元素，所述第二元素为所述若干个元素中处于所述目标元素之后且距离所述目标元素最近的元素；所述属性信息包括类型和背景标识，所述背景标识用于指示所述各个元素分别对应的背景图案配置文件；

位置确定单元，用于根据所述目标元素分别与所述第一元素和所述第二元素之间的相关性，查询所述相关性与所述目标元素在所述列表视图中所处的位置之间的对应关系，以确定所述目标元素在列表视图中所处的位置。

优选的，所述相关性确定单元，包括：

第一确定子单元，用于当所述第一元素的属性信息为空值时，确定所述目标元素的属性信息与所述第一元素的属性信息不同；

第二确定子单元，用于当所述第一元素的属性信息为空值时，确定所述目标元素的属性信息与所述第二元素的属性信息不同。

优选的，所述相关性确定单元，包括：

查询子单元，用于查询预先设置的相关性信息，所述相关性信息用于指示所述目标元素的属性信息与所述第一元素的属性信息是否相同以及所述目标元素的属性信息与所述第二元素的属性信息是否相同；

第三确定子单元，用于根据所述相关性信息确定所述目标元素分别与所述第一元素和所述第二元素之间的相关性。

优选的，所述背景确定模块，包括：

配置文件确定单元，用于确定所述目标元素对应的背景图案配置文件，所述背景图案配置文件中包含有所述列表视图中每个位置与所述每个位置的背景图案信息之间的对应关系；

背景确定单元，用于根据所述目标元素在所述列表视图中所处的位置查询所述背景图案配置文件，确定所述目标元素对应的背景图案信息。

第三方面，提供了一种电子设备，所述电子设备包括：

处理器；

用于存储所述处理器可执行指令的存储器；

其中，所述处理器被配置为：

根据目标元素与相邻元素的属性信息，确定所述目标元素在列表视图中所处的位置，所述目标元素为按照所述列表视图显示的若干个元素中的一个；

根据所述目标元素在所述列表视图中所处的位置查询背景图案配置文件，确定所述目标元素对应的背景图案信息；

根据所述背景图案信息显示所述目标元素的背景图案；

其中，所述属性信息包括类型和背景标识，所述背景标识用于指示所述各个元素分别对应的背景图案配置文件；

其中，所述根据目标元素与相邻元素的属性信息，确定所述目标元素在所述列表视图中所处的位置，包括：

确定所述目标元素分别与第一元素和第二元素之间的相关性，所述相关性包括属性信息相同或者不同；所述第一元素为所述若干个元素中处于所述目标元素之前且距离所述目标元素最近的元素，所述第二元素为所述若干个元素中处于所述目标元素之后且距离所述目标元素最近的元素；

根据所述目标元素分别与所述第一元素和所述第二元素之间的相关性，查询所述相关性与所述目标元素在所述列表视图中所处的位置之间的对应关系，以确定所述目标元素在列表视图中所处的位置。

本公开实施例提供的技术方案可以带来以下有益效果：

通过根据目标元素与相邻元素的属性信息确定目标元素在列表视图中所处的位置，根据该目标元素在该列表视图中所处的位置确定该目标元素对应的背景图案信息并显示背景图案，目标元素的背景图案由目标元素在列表视图中的位置确定，开发人员只需要为列表视图中的各个位置指定背景图案信息，而不需要为每一个元素指定背景图案信息，可以自动识别每个元素在列表视图中的位置，并显示该位置对应的背景图案，从而减少开发人员的工作量，解决了相关技术中需要开发人员为列表视图中可能显示的各个元素指定对应的背景图案，从而需要消耗大量的人工成本的问题，达到在兼顾界面生动美观的同时，缩短开发周期，降低开发和维护成本的效果。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。

图1是根据一示例性实施例示出的一种背景显示方法的流程图；

图2是根据另一示例性实施例示出的一种背景显示方法的流程图；

图3是根据另一示例性实施例示出的一种通讯录显示示意图；

图4是根据另一示例性实施例示出的另一种通讯录显示示意图；

图5是根据一示例性实施例示出的一种背景显示方法的流程图；

图6是根据一示例性实施例示出的一种通讯录显示示意图；

图7是根据一示例性实施例示出的一种背景显示装置的示意图；

图8是根据另一示例性实施例示出的一种背景显示装置的示意图；

图9是根据一示例性实施例示出的一种电子设备的框图。

具体实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的设备和方法的例子。

图1是根据一示例性实施例示出的一种背景显示方法的流程图，如图1所示，该背景显示方法可以用于在电子设备中显示列表视图中的元素的背景图案。该电子设备可以是智能手机、平板电脑、电视或者电子书阅读器等智能设备。该背景显示方法可以包括以下步骤：

在步骤102中，根据目标元素与相邻元素的属性信息，确定目标元素在列表视图中所处的位置，该目标元素为按照该列表视图显示的若干个元素中的一个；

其中，该目标元素在列表视图中所处的位置包括：在该列表视图所包含的所有元素中该目标元素的排列位置。或者，对于该列表视图中的一部分子列表，该目标元素在列表视图中所处的位置可以包括：该目标元素在子列表中各元素中的排列位置。

在步骤104中，根据该目标元素在该列表视图中所处的位置查询背景图案配置文件，确定该目标元素对应的背景图案信息；

其中，该背景图案配置文件中包含有该列表视图中每个位置与每个位置的背景图案信息之间的对应关系。需要说明的是，每个背景图案配置文件具有一个ID，一个列表视图中的每个元素可以均对应同一个背景图案配置文件，也可以对应不同的背景配置文件。例如，每十个元素可以对应一个不同的背景配置文件。

在步骤106中，根据该背景图案信息显示该目标元素的背景图案。

其中，该背景图案信息为用于指示对应的背景图案的信息，比如对应的背景图案的标识及存储位置等。

受限于电子设备屏幕的尺寸，列表视图中的位置的个数有限，开发人员只需要为列表视图中的各个位置指定背景图案信息，而不需要为列表视图中的每一个元素指定背景图案信息，从而减少开发人员的工作量。

综上所述，本示例性实施例示出的背景显示方法，通过根据目标元素与相邻元素的属性信息确定目标元素在列表视图中所处的位置，根据该目标元素在该列表视图中所处的位置确定该目标元素对应的背景图案信息并显示背景图案，目标元素的背景图案由目标元素在列表视图中的位置确定，开发人员只需要为列表视图中的各个位置指定背景图案信息，而不需要为每一个元素指定背景图案信息，从而减少开发人员的工作量，解决了相关技术中需要开发人员为列表视图中各个元素指定对应的背景图案，从而需要消耗大量的人工成本的问题，达到在兼顾界面生动美观的同时，缩短开发周期，降低开发和维护成本的效果。

图2是根据一示例性实施例示出的一种背景显示方法的流程图，如图2所示，该背景显示方法可以用于在电子设备中显示列表视图中的元素的背景图案。该电子设备可以是智能手机、平板电脑、电视或者电子书阅读器等智能设备。该背景显示方法可以包括以下步骤：

在步骤202中，根据目标元素与相邻元素的属性信息确定目标元素在列表视图中所处的位置；

其中，该目标元素为按照该列表视图显示的若干个元素中的一个。该若干个元素对应有各自的属性信息，该属性包括类型type和背景标识，该背景标识用于指示该各个元素分别对应的背景图案配置文件；在确定目标元素在该列表视图中所处的位置时，电子设备可以首先确定该目标元素分别与第一元素和第二元素之间的相关性，该相关性包括属性信息相同或者不同；该第一元素为该若干个元素中处于该目标元素之前且距离该目标元素最近的元素，该第二元素为该若干个元素中处于该目标元素之后且距离该目标元素最近的元素。

其中，所述确定所述目标元素分别与第一元素和第二元素之间的相关性，包括：若第一元素和目标元素的属性信息相同，则其相关性为相同；若第一元素和目标元素的属性信息不相同，则其相关性为不同。这里说说的属性信息相同，是目标元素与第一元素指类型和背景标识均相同，若其中一个不同则可以认定所述目标元素与第一元素的属性信息不同，即目标元素与第一元素的相关性为不同。特别的，若目前元素之前没有第一元素，则第一元素的属性信息为空，或无法获取第一元素的属性信息，则默认其相关性为不同。对于第二元素与目标元素的相关性判断方法类似。

然后，电子设备根据该目标元素分别与该第一元素和该第二元素之间的相关性，查询该相关性与该目标元素在该列表视图中所处的位置之间的对应关系，以确定该目标元素在列表视图中所处的位置。

其中，当第一元素的属性信息为空值时，该目标元素之前没有元素，因此确定该目标元素的属性信息与该事实上不存在的第一元素的属性信息不同；当第二元素的属性信息为空值时，该目标元素之后没有元素，因此确定该目标元素的属性信息与该事实上不存在的第二元素的属性信息不同。

例如，以该电子设备为智能手机，该若干个元素为智能手机中的通讯录为例，通讯录按照列表视图进行显示，其中，通讯录中包含的元素分为两种类型，一类是可操作的联系人，另一类是不可操作的文本，即分组名称。通讯录中两种类型的元素在同一个列表视图中显示，且各个元素按照显示顺序进行编号，每个元素的属性信息中除了包含各自的类型之外，还包含对应的背景图案配置文件的标识。智能手机在确定通讯录中当前显示的目标元素在列表视图中的位置时，首先获取目标元素的编号curentPos，再检测通讯录中编号为curentPos-1的元素(即第一元素)的类型和对应的背景图案配置文件的标识与目标元素的类型和对应的背景图案配置文件的标识是否相同，将检测结果获取为目标元素和第一元素之间的相关性。同样的，智能手机检测通讯录中编号为curentPos+1的元素(即第二元素)的类型和对应的背景图案配置文件的标识与目标元素的类型和对应的背景图案配置文件的标识是否相同，并将检测结果获取为目标元素和第二元素之间的相关性。

需要说明的是，只有当类型和对应的背景图案配置文件的标识都相同时，两个元素的属性信息才相同，只要类型和对应的背景图案配置文件的标识有一项不相同，则两个元素的属性信息为不同。

智能手机可以根据目标元素和第一元素之间的相关性、目标元素和第二元素之间的相关性，查询该相关性与目标元素在列表视图中的位置之间的对应关系，以确定该目标元素在列表视图中的位置。其中相关性与目标按键图标在列表视图中所处的位置之间的对应关系是预先配置的逻辑对应关系，该对应关系可以由开发人员预先设置，也可以由用户自行修改设置。

设目标元素在该列表视图中所处的位置可以有四种，分别为M、F、L以及S，M表示目标元素处于列表视图显示的多个同类型相邻元素中的中间位置(middle)，F表示目标元素处于列表视图显示的多个同类型相邻元素中的起始位置(first)，L表示目标元素处于列表视图显示的多个同类型相邻元素中的末尾位置(last)，S表示目标元素在列表视图没有同类型相邻元素(single)。目标元素分别与第一元素和第二元素之间的相关性与该目标元素的位置之间的关系如下表1所示：

与第一元素	与第二元素	目标元素的位置
			相同	相同	M
相同	不同	L
			不同	相同	F
不同	不同	S

表1

在表1中，第一列代表目标元素与第一元素的相关性，第二列代表目标元素与第二元素的相关性，第三列代表根据目标元素与第一元素和第二元素的相关性所对应的该目标元素的位置。具体的，若目标元素与第一元素和第二元素之间的属性信息都相同，则目标元素位置为M；若目标元素与第一元素之间的属性信息相同，与第二元素之间的属性信息不同，则目标元素位置为L，依次类推。

需要说明的时，当目标元素为列表视图中的第一个元素时，不存在对应的第一元素，则默认目标元素与第一元素之间属性信息不同；同理，当目标元素为列表视图中的最后一个元素时，不存在对应的第二元素，则默认目标元素与第二元素之间属性信息不同。

在步骤204中，查询该目标元素对应的背景图案配置文件，根据目标元素在列表视图中所处的位置和该背景图案配置文件确定该目标元素对应的背景图案信息；

其中，该背景图案配置文件中包含有该目标元素在列表视图中所处的位置与目标元素对应的背景图案信息之间的对应关系。例如下文中的表2即为一种典型的背景图案配置文件的内容的示意。每个背景图案配置文件可以有一个唯一的ID标识，每个背景图案配置文件中各个位置所配置的背景图案信息的方案可以不同。

以该列表视图为智能手机中的通讯录为例，通讯录中两种类型的元素对应不同的背景图案配置文件，即可操作的联系人对应一个背景图案配置文件，而不可操作的文本对应另一个背景图案配置文件。对于多个列表视图，可以分别对应不同的背景图案配置文件，也可以重用同一个背景图案配置文件，本实施例对此不做限定。

在步骤206中，根据该背景图案信息显示该目标元素的背景图案。

以目标元素为按照列表视图显示的通讯录中的元素，背景图案信息为对应的背景图案的标识为例，设目标元素在列表视图中所处的位置与对应的背景图案之间的对应关系如下表2所示：

表2

如图3所示，其中，通讯录显示在智能手机屏幕中的部分包含有两个分组，分别为“家人”和“客户”，其中，“家人分组”中包含4个元素对象，分别为“爸爸”、“妈妈”、“妹妹”和“姐姐”，客户分组中只包含一个元素对象“本·杰明”。分组名称“家人”和“客户”的类型为不可操作的文本，元素对象“爸爸”、“妈妈”、“妹妹”、“姐姐”和“本·杰明”的类型为可操作的联系人；可操作的联系人对应背景图案配置文件1，不可操作的文本对应背景图案配置文件2。按照步骤204可以确定，元素对象“爸爸”在列表视图中的位置为F，对应背景图案为图案2；元素对象“妈妈”和“妹妹”在列表视图中的位置为M，对应背景图案为图案1；元素对象“姐姐”在列表视图中的位置为L，对应背景图案为图案3；元素对象“本·杰明”在列表视图中的位置为S，对应背景图案为图案4；元素对象家人”和“客户”在列表视图中的位置为S，对应背景图案为图案8。

列表视图中的位置的个数有限(比如本发明上述方案中仅包括4种不同的位置)，开发人员只需要为列表视图中的各个位置指定背景图案信息，而不需要为列表视图中的每一个元素指定背景图案信息，从而减少开发人员的工作量。

当列表视图中的元素发生变化，比如在某些场景下用户可以自定义各个元素的位置，如图4所示，其中，元素对象“妈妈”在列表视图中的位置为F，对应背景图案为图案2；元素对象“爸爸”和“姐姐”在列表视图中的位置为M，对应背景图案为图案1；元素对象“妹妹”在列表视图中的位置为L，对应背景图案为图案3。

对比图3和图4可以看出，当元素位置发生改变时，其对应的背景图案也随之改变，从而保证当元素位置发生变化时，列表视图中的背景图案整体保持不变，从而避免破坏列表视图的美观性，达到提高用户体验的效果。

综上所述，本示例性实施例示出的背景显示方法，通过根据目标元素与相邻元素的属性信息确定目标元素在列表视图中所处的位置，根据该目标元素在该列表视图中所处的位置确定该目标元素对应的背景图案信息并显示背景图案，目标元素的背景图案由目标元素在列表视图中的位置确定，开发人员只需要为列表视图中的各个位置指定背景图案信息，而不需要为每一个元素指定背景图案信息，从而减少开发人员的工作量，解决了相关技术中需要开发人员为列表视图中各个元素指定对应的背景图案，从而需要消耗大量的人工成本的问题，达到在兼顾界面生动美观的同时，缩短开发周期，降低开发和维护成本的效果。

图5是根据一示例性实施例示出的一种背景显示方法的流程图，如图5所示，该背景显示方法可以用于在电子设备中显示列表视图中的元素的背景图案。该电子设备可以是智能手机、平板电脑、电视或者电子书阅读器等智能设备。该背景显示方法可以包括以下步骤：

在步骤302中，根据目标元素与相邻元素的属性信息确定目标元素在列表视图中所处的位置；

其中，该目标元素为按照该列表视图显示的若干个元素中的一个。该若干个元素对应有各自的属性信息，该属性包括类型type和背景标识，该背景标识用于指示该各个元素分别对应的背景图案配置文件；在确定目标元素在该列表视图中所处的位置时，电子设备可以首先确定该目标元素分别与第一元素和第二元素之间的相关性，该相关性包括属性信息相同或者不同；该第一元素为该若干个元素中处于该目标元素之前且距离该目标元素最近的元素，该第二元素为该若干个元素中处于该目标元素之后且距离该目标元素最近的元素。例如，若第一元素和目标元素的属性信息一致，则其相关性为相同。若目前元素之前没有第一元素，则第一元素的属性信息为空，或无法获取第一元素的属性信息，则默认其相关性为不同。对于第二元素与目标元素的相关性判断方法类似。

然后，电子设备根据该目标元素分别与该第一元素和该第二元素之间的相关性，查询该相关性与该目标元素在该列表视图中所处的位置之间的对应关系，以确定该目标元素在列表视图中所处的位置。

其中，当第一元素的属性信息为空值时，该目标元素之前没有元素，因此确定该目标元素的属性信息与该事实上不存在的第一元素的属性信息不同；当第二元素的属性信息为空值时，该目标元素之后没有元素，因此确定该目标元素的属性信息与该事实上不存在的第二元素的属性信息不同。

例如，以该电子设备为智能手机，该若干个元素为智能手机中的通讯录为例，通讯录按照列表视图进行显示，其中，通讯录中包含的元素分为两种类型，一类是可操作的联系人，另一类是不可操作的文本，即分组名称。通讯录中两种类型的元素在同一个列表视图中显示，且各个元素按照显示顺序进行编号，每个元素的属性信息中除了包含各自的类型之外，还包含对应的背景图案配置文件的标识。智能手机在确定通讯录中当前显示的目标元素在列表视图中的位置时，首先获取目标元素的编号curentPos，再检测通讯录中编号为curentPos-1的元素(即第一元素)的类型和对应的背景图案配置文件的标识与目标元素的类型和对应的背景图案配置文件的标识是否相同，将检测结果获取为目标元素和第一元素之间的相关性。同样的，智能手机检测通讯录中编号为curentPos+1的元素(即第二元素)的类型和对应的背景图案配置文件的标识与目标元素的类型和对应的背景图案配置文件的标识是否相同，并将检测结果获取为目标元素和第二元素之间的相关性。

需要说明的是，只有当类型和对应的背景图案配置文件的标识都相同时，两个元素的属性信息才相同，只要类型和对应的背景图案配置文件的标识有一项不相同，则两个元素的属性信息为不同。

智能手机可以根据目标元素和第一元素之间的相关性、目标元素和第二元素之间的相关性，查询该相关性与目标元素在列表视图中的位置之间的对应关系，以确定该目标元素在列表视图中的位置。其中相关性与目标按键图标在列表视图中所处的位置之间的对应关系是预先配置的逻辑对应关系，该对应关系可以由开发人员预先设置，也可以由用户自行修改设置。

设目标元素在该列表视图中所处的位置可以有四种，分别为M、F、L以及S，M表示目标元素处于列表视图显示的多个同类型相邻元素中的中间位置(middle)，F表示目标元素处于列表视图显示的多个同类型相邻元素中的起始位置(first)，L表示目标元素处于列表视图显示的多个同类型相邻元素中的末尾位置(last)，S表示目标元素在列表视图没有同类型相邻元素(single)。目标元素分别与第一元素和第二元素之间的相关性与该目标元素的位置之间的关系如上述表1所示。

在表1中，第一列代表目标元素与第一元素的相关性，第二列代表目标元素与第二元素的相关性，第三列代表根据目标元素与第一元素和第二元素的相关性所对应的该目标元素的位置。具体的，若目标元素与第一元素和第二元素之间的属性信息都相同，则目标元素位置为M；若目标元素与第一元素之间的属性信息相同，与第二元素之间的属性信息不同，则目标元素位置为L，依次类推。

需要说明的时，当目标元素为列表视图中的第一个元素时，不存在对应的第一元素，则默认目标元素与第一元素之间属性信息不同；同理，当目标元素为列表视图中的最后一个元素时，不存在对应的第二元素，则默认目标元素与第二元素之间属性信息不同。

在步骤304中，查询该目标元素对应的背景图案配置文件，根据目标元素在列表视图中所处的位置和该背景图案配置文件确定该目标元素对应的背景图案信息；

其中，该背景图案配置文件中包含有该目标元素在列表视图中所处的位置与目标元素对应的背景图案信息之间的对应关系。，例如下文中的表2即为一种典型的背景图案配置文件的内容的示意。每个背景图案配置文件可以有一个唯一的ID标识，每个背景图案配置文件中各个位置所配置的背景图案信息的方案可以不同。

以该列表视图为智能手机中的通讯录为例，通讯录中两种类型的元素对应不同的背景图案配置文件，即可操作的联系人对应一个背景图案配置文件，而不可操作的文本对应另一个背景图案配置文件。对于多个列表视图，可以分别对应不同的背景图案配置文件，也可以重用同一个背景图案配置文件，本实施例对此不做限定。

在步骤306中，根据该背景图案信息显示该目标元素的背景图案。

以目标元素为按照列表视图显示的通讯录中的元素，背景图案信息为对应的背景图案的标识为例，设目标元素在列表视图中所处的位置与对应的背景图案之间的对应关系如上述表2所示。

如图3所示，其中，通讯录显示在智能手机屏幕中的部分包含有两个分组，分别为“家人”和“客户”，其中，“家人分组”中包含4个元素对象，分别为“爸爸”、“妈妈”、“妹妹”和“姐姐”，客户分组中只包含一个元素对象“本·杰明”。分组名称“家人”和“客户”的类型为不可操作的文本，元素对象“爸爸”、“妈妈”、“妹妹”、“姐姐”和“本·杰明”的类型为可操作的联系人；可操作的联系人对应背景图案配置文件1，不可操作的文本对应背景图案配置文件2。按照步骤204可以确定，元素对象“爸爸”在列表视图中的位置为F，对应背景图案为图案2；元素对象“妈妈”和“妹妹”在列表视图中的位置为M，对应背景图案为图案1；元素对象“姐姐”在列表视图中的位置为L，对应背景图案为图案3；元素对象“本·杰明”在列表视图中的位置为S，对应背景图案为图案4；元素对象家人”和“客户”在列表视图中的位置为S，对应背景图案为图案8。

列表视图中的位置的个数有限(比如本发明上述方案中仅包括4种不同的位置)，开发人员只需要为列表视图中的各个位置指定背景图案信息，而不需要为列表视图中的每一个元素指定背景图案信息，从而减少开发人员的工作量。

当列表视图中的元素发生变化，比如在某些场景下用户可以自定义各个元素的位置，如图4所示，其中，元素对象“妈妈”在列表视图中的位置为F，对应背景图案为图案2；元素对象“爸爸”和“姐姐”在列表视图中的位置为M，对应背景图案为图案1；元素对象“妹妹”在列表视图中的位置为L，对应背景图案为图案3。

对比图3和图4可以看出，当元素位置发生改变时，其对应的背景图案也随之改变，从而保证当元素位置发生变化时，列表视图中的背景图案整体保持不变，从而避免破坏列表视图的美观性，达到提高用户体验的效果。

或者，在确定目标元素在该列表视图中所处的位置时，电子设备还可以查询预先设置的相关性信息，该相关性信息用于指示该目标元素的属性信息与该第一元素的属性信息是否相同以及该目标元素的属性信息与该第二元素的属性信息是否相同；电子设备根据该相关性信息确定该目标元素分别与该第一元素和该第二元素之间的相关性。

其中，电子设备可以预先设置目标元素与其对应的第一元素和第二元素之间相关性并保存，在确定目标元素在该列表视图中所处的位置时，电子设备直接查询保存的该目标元素与第一元素和第二元素之间的相关性，并根据查询结果和表1确定该目标元素在列表视图中的位置。

电子设备可以向用户显示设置界面，根据用户在该设置界面中的选择操作确定目标元素与其对应的第一元素和第二元素之间相关性。比如，电子设备可以给用户提供开放的接口，供用户选择每个目标元素与前一个元素或后一个元素之间的属性信息是相同还是不同，即用户可以自定义每个目标元素对应在表1中的值，从而使列表视图中显示的各个元素的背景图案可以按照用户的需求进行设定。

以该若干个元素为智能手机中按照列表视图显示的通讯录中的各个元素为例，电子设备提供各个元素的属性信息相关性设置界面，用户在该设置界面中可以设置各个元素的显示状态相对于前一个元素的显示状态以及后一个元素的显示状态是相同或者不同。如图6所示，在默认状态下，元素对象“本·杰明”与第一元素和第二元素之间的属性信息都不同，当智能手机显示元素对象“本·杰明”时，查询表1可知其位置为S，显示背景图案为图案4；若用户想要保持元素对象“本·杰明”的位置不变而将其背景图案变为图案1，则可以将元素对象“本·杰明”与第一元素和第二元素之间的属性信息改为都相同，则当智能手机再次显示元素对象“本·杰明”时，查询表1可知其位置为M，对应显示背景图案为图案1。

综上所述，本示例性实施例示出的背景显示方法，通过根据目标元素与相邻元素的属性信息确定目标元素在列表视图中所处的位置，根据该目标元素在该列表视图中所处的位置确定该目标元素对应的背景图案信息并显示背景图案，目标元素的背景图案由目标元素在列表视图中的位置确定，开发人员只需要为列表视图中的各个位置指定背景图案信息，而不需要为每一个元素指定背景图案信息，从而减少开发人员的工作量，解决了相关技术中需要开发人员为列表视图中各个元素指定对应的背景图案，从而需要消耗大量的人工成本的问题，达到在兼顾界面生动美观的同时，缩短开发周期，降低开发和维护成本的效果。

图7是根据一示例性实施例示出的一种背景显示装置的示意图，如图7所示，该背景显示装置可以用于执行如图1、图2或图5所示的背景显示方法。该背景显示装置可以包括：位置确定模块401、背景确定模块402以及背景显示模块403；

所述位置确定模块401被设置为用于根据目标元素与相邻元素的属性信息，确定所述目标元素在列表视图中所处的位置，所述目标元素为按照所述列表视图显示的若干个元素中的一个；

所述背景确定模块402被设置为用于根据所述目标元素在所述列表视图中所处的位置查询背景图案配置文件，确定所述目标元素对应的背景图案信息；

所述背景显示模块403被设置为用于根据所述背景图案信息显示所述目标元素的背景图案。

综上所述，本示例性实施例示出的背景显示装置，通过根据目标元素与相邻元素的属性信息确定目标元素在列表视图中所处的位置，根据该目标元素在该列表视图中所处的位置确定该目标元素对应的背景图案信息并显示背景图案，目标元素的背景图案由目标元素在列表视图中的位置确定，开发人员只需要为列表视图中的各个位置指定背景图案信息，而不需要为每一个元素指定背景图案信息，从而减少开发人员的工作量，解决了相关技术中需要开发人员为列表视图中各个元素指定对应的背景图案，从而需要消耗大量的人工成本的问题，达到在兼顾界面生动美观的同时，缩短开发周期，降低开发和维护成本的效果。

图8是根据另一示例性实施例示出的一种背景显示装置的示意图，如图8所示，该背景显示装置可以用于执行如图1、图2或图5所示的背景显示方法。该背景显示装置可以包括：位置确定模块501、背景确定模块502以及背景显示模块503；

所述位置确定模块501被设置为用于根据目标元素与相邻元素的属性信息，确定目标元素在列表视图中所处的位置，所述目标元素为按照所述列表视图显示的若干个元素中的一个；

所述背景确定模块502被设置为用于根据所述目标元素在所述列表视图中所处的位置查询背景图案配置文件，确定所述目标元素对应的背景图案信息；

所述背景显示模块503被设置为用于根据所述背景图案信息显示所述目标元素的背景图案。

所述位置确定模块，包括：相关性确定单元5011和位置确定单元5012；

所述相关性确定单元5011被设置为用于确定所述目标元素分别与第一元素和第二元素的相关性，所述相关性包括属性信息相同或者不同；所述第一元素为所述若干个元素中处于所述目标元素之前且距离所述目标元素最近的元素，所述第二元素为所述若干个元素中处于所述目标元素之后且距离所述目标元素最近的元素；所述属性包括类型和背景标识，所述背景标识用于指示所述各个元素分别对应的背景图案配置文件；

所述位置确定单元5012被设置为用于根据所述目标元素分别与所述第一元素和所述第二元素之间的相关性，查询所述相关性与所述目标元素在所述列表视图中所处的位置之间的对应关系，以确定所述目标元素在列表视图中所处的位置。

所述相关性确定单元5011，包括：第一确定子单元5011a和第二确定子单元5011b；

所述第一确定子单元5011a被设置为用于当所述第一元素的属性信息为空值时，确定所述目标元素的属性信息与所述第一元素的属性信息不同；

所述第二确定子单元5011b被设置为用于当所述第一元素的属性信息为空值时，确定所述目标元素的属性信息与所述第二元素的属性信息不同。

所述相关性确定单元5011，包括：查询子单元5011c和第三确定子单元5011d；

所述查询子单元5011c被设置为用于查询预先设置的相关性信息，所述相关性信息用于指示所述目标元素的属性信息与所述第一元素的属性信息是否相同以及所述目标元素的属性信息与所述第二元素的属性信息是否相同；

所述第三确定子单元5011d被设置为用于根据所述相关性信息确定所述目标元素分别与所述第一元素和所述第二元素之间的相关性。

所述背景确定模块502，包括：配置文件确定单元5021和背景确定单元5022；

所述配置文件确定单元5021被设置为用于确定所述目标元素对应的背景图案配置文件，所述背景图案配置文件中包含有所述列表视图中每个位置与所述每个位置的背景图案信息之间的对应关系；

所述背景确定单元5022被设置为用于根据所述目标元素在所述列表视图中所处的位置查询所述背景图案配置文件，确定所述目标元素对应的背景图案信息。

综上所述，本示例性实施例示出的背景显示装置，通过根据目标元素与相邻元素的属性信息确定目标元素在列表视图中所处的位置，根据该目标元素在该列表视图中所处的位置确定该目标元素对应的背景图案信息并显示背景图案，目标元素的背景图案由目标元素在列表视图中的位置确定，开发人员只需要为列表视图中的各个位置指定背景图案信息，而不需要为每一个元素指定背景图案信息，从而减少开发人员的工作量，解决了相关技术中需要开发人员为列表视图中各个元素指定对应的背景图案，从而需要消耗大量的人工成本的问题，达到在兼顾界面生动美观的同时，缩短开发周期，降低开发和维护成本的效果。

图9是根据一示例性实施例示出的一种电子设备600的框图。例如，电子设备600可以是移动电话，计算机，数字广播终端，消息收发设备，游戏控制台，平板设备，医疗设备，健身设备，个人数字助理等。

参照图9，电子设备600可以包括以下一个或多个组件：处理组件602，存储器604，电源组件606，多媒体组件608，音频组件610，输入/输出(I/O)的接口612，传感器组件614，以及通信组件616。

处理组件602通常控制电子设备600的整体操作，诸如与显示，电话呼叫，数据通信，相机操作和记录操作相关联的操作。处理组件602可以包括一个或多个处理器620来执行指令，以完成上述的方法的全部或部分步骤。此外，处理组件602可以包括一个或多个模块，便于处理组件602和其他组件之间的交互。例如，处理组件602可以包括多媒体模块，以方便多媒体组件608和处理组件602之间的交互。

存储器604被配置为存储各种类型的数据以支持在电子设备600的操作。这些数据的示例包括用于在电子设备600上操作的任何应用程序或方法的指令，联系人数据，电话簿数据，消息，图片，视频等。存储器604可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)，电可擦除可编程只读存储器(EEPROM)，可擦除可编程只读存储器(EPROM)，可编程只读存储器(PROM)，只读存储器(ROM)，磁存储器，快闪存储器，磁盘或光盘。存储器604中还存储有一个或多个模块，该一个或多个模块被配置成由该一个或多个处理器620执行，以完成上述图1、图2或者图5任一所示方法的全部或部分步骤。

电源组件606为电子设备600的各种组件提供电力。电源组件606可以包括电源管理系统，一个或多个电源，及其他与为电子设备600生成、管理和分配电力相关联的组件。

多媒体组件608包括在所述电子设备600和用户之间的提供一个输出接口的屏幕。在一些实施例中，屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板，屏幕可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中，多媒体组件608包括一个前置摄像头和/或后置摄像头。当电子设备600处于操作模式，如拍摄模式或视频模式时，前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。

音频组件610被配置为输出和/或输入音频信号。例如，音频组件610包括一个麦克风(MIC)，当电子设备600处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器604或经由通信组件616发送。在一些实施例中，音频组件610还包括一个扬声器，用于输出音频信号。

I/O接口612为处理组件602和外围接口模块之间提供接口，上述外围接口模块可以是键盘，点击轮，按钮等。这些按钮可包括但不限于：主页按钮、音量按钮、启动按钮和锁定按钮。

传感器组件614包括一个或多个传感器，用于为电子设备600提供各个方面的状态评估。例如，传感器组件614可以检测到电子设备600的打开/关闭状态，组件的相对定位，例如所述组件为电子设备600的显示器和小键盘，传感器组件614还可以检测电子设备600或电子设备600的一个组件的位置改变，用户与电子设备600接触的存在或不存在，电子设备600方位或加速/减速和电子设备600的温度变化。传感器组件614可以包括接近传感器，被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件614还可以包括光传感器，如CMOS或CCD图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件614还可以包括加速度传感器，陀螺仪传感器，磁传感器，压力传感器或温度传感器。

通信组件616被配置为便于电子设备600和其他设备之间有线或无线方式的通信。电子设备600可以接入基于通信标准的无线网络，如WiFi，2G或3G，或它们的组合。在一个示例性实施例中，通信组件616经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中，所述通信组件616还包括近场通信(NFC)模块，以促进短程通信。例如，在NFC模块可基于射频识别(RFID)技术，红外数据协会(IrDA)技术，超宽带(UWB)技术，蓝牙(BT)技术和其他技术来实现。

在示例性实施例中，电子设备600可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述方法。

在示例性实施例中，还提供了一种包括指令的非临时性计算机可读存储介质，例如包括指令的存储器604，上述指令可由电子设备600的处理器620执行以完成上述方法。例如，该非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

本领域技术人员在考虑说明书及实践这里的公开后，将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由权利要求指出。

应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。

Claims (9)

1.一种背景显示方法，其特征在于，所述方法包括：

根据目标元素与相邻元素的属性信息，确定所述目标元素在列表视图中所处的位置，所述目标元素为按照所述列表视图显示的若干个元素中的一个；

根据所述目标元素在所述列表视图中所处的位置查询背景图案配置文件，确定所述目标元素对应的背景图案信息；

根据所述背景图案信息显示所述目标元素的背景图案；

其中，所述属性信息包括类型和背景标识，所述背景标识用于指示所述各个元素分别对应的背景图案配置文件；

其中，所述根据目标元素与相邻元素的属性信息，确定所述目标元素在所述列表视图中所处的位置，包括：

确定所述目标元素分别与第一元素和第二元素之间的相关性，所述相关性包括属性信息相同或者不同；所述第一元素为所述若干个元素中处于所述目标元素之前且距离所述目标元素最近的元素，所述第二元素为所述若干个元素中处于所述目标元素之后且距离所述目标元素最近的元素；

根据所述目标元素分别与所述第一元素和所述第二元素之间的相关性，查询所述相关性与所述目标元素在所述列表视图中所处的位置之间的对应关系，以确定所述目标元素在列表视图中所处的位置。

2.根据权利要求1所述的方法，其特征在于，所述确定所述目标元素分别与第一元素和第二元素之间的相关性，包括：

当所述第一元素的属性信息为空值时，确定所述目标元素的属性信息与所述第一元素的属性信息不同；

当所述第二元素的属性信息为空值时，确定所述目标元素的属性信息与所述第二元素的属性信息不同。

3.根据权利要求1所述的方法，其特征在于，所述确定所述目标元素分别与第一元素和第二元素之间的相关性，包括：

查询预先设置的相关性信息，所述相关性信息用于指示所述目标元素的属性信息与所述第一元素的属性信息是否相同以及所述目标元素的属性信息与所述第二元素的属性信息是否相同；

根据所述相关性信息确定所述目标元素分别与所述第一元素和所述第二元素之间的相关性。

4.根据权利要求1所述的方法，其特征在于，所述根据所述目标元素在所述列表视图中所处的位置查询背景图案配置文件，确定所述目标元素对应的背景图案信息，包括：

确定所述目标元素对应的背景图案配置文件，所述背景图案配置文件中包含有所述列表视图中每个位置与所述每个位置的背景图案信息之间的对应关系；

根据所述目标元素在所述列表视图中所处的位置查询所述背景图案配置文件，确定所述目标元素对应的背景图案信息。

5.一种背景显示装置，其特征在于，所述装置包括：

位置确定模块，用于根据目标元素与相邻元素的属性信息，确定所述目标元素在列表视图中所处的位置，所述目标元素为按照所述列表视图显示的若干个元素中的一个；

背景确定模块，用于根据所述目标元素在所述列表视图中所处的位置查询背景图案配置文件，确定所述目标元素对应的背景图案信息；

背景显示模块，用于根据所述背景图案信息显示所述目标元素的背景图案；

其中，所述位置确定模块，包括：

相关性确定单元，用于确定所述目标元素分别与第一元素和第二元素之间的相关性，所述相关性包括属性信息相同或者不同；所述第一元素为所述若干个元素中处于所述目标元素之前且距离所述目标元素最近的元素，所述第二元素为所述若干个元素中处于所述目标元素之后且距离所述目标元素最近的元素；所述属性信息包括类型和背景标识，所述背景标识用于指示所述各个元素分别对应的背景图案配置文件；

位置确定单元，用于根据所述目标元素分别与所述第一元素和所述第二元素之间的相关性，查询所述相关性与所述目标元素在所述列表视图中所处的位置之间的对应关系，以确定所述目标元素在列表视图中所处的位置。

6.根据权利要求5所述的装置，其特征在于，所述相关性确定单元，包括：

第一确定子单元，用于当所述第一元素的属性信息为空值时，确定所述目标元素的属性信息与所述第一元素的属性信息不同；

第二确定子单元，用于当所述第一元素的属性信息为空值时，确定所述目标元素的属性信息与所述第二元素的属性信息不同。

7.根据权利要求5所述的装置，其特征在于，所述相关性确定单元，包括：

查询子单元，用于查询预先设置的相关性信息，所述相关性信息用于指示所述目标元素的属性信息与所述第一元素的属性信息是否相同以及所述目标元素的属性信息与所述第二元素的属性信息是否相同；

第三确定子单元，用于根据所述相关性信息确定所述目标元素分别与所述第一元素和所述第二元素之间的相关性。

8.根据权利要求5所述的装置，其特征在于，所述背景确定模块，包括：

配置文件确定单元，用于确定所述目标元素对应的背景图案配置文件，所述背景图案配置文件中包含有所述列表视图中每个位置与所述每个位置的背景图案信息之间的对应关系；

背景确定单元，用于根据所述目标元素在所述列表视图中所处的位置查询所述背景图案配置文件，确定所述目标元素对应的背景图案信息。

9.一种电子设备，其特征在于，所述电子设备包括：

处理器；

用于存储所述处理器可执行指令的存储器；

其中，所述处理器被配置为：

根据目标元素与相邻元素的属性信息，确定所述目标元素在列表视图中所处的位置，所述目标元素为按照所述列表视图显示的若干个元素中的一个；

根据所述目标元素在所述列表视图中所处的位置查询背景图案配置文件，确定所述目标元素对应的背景图案信息；

根据所述背景图案信息显示所述目标元素的背景图案；

其中，所述属性信息包括类型和背景标识，所述背景标识用于指示所述各个元素分别对应的背景图案配置文件；

其中，所述根据目标元素与相邻元素的属性信息，确定所述目标元素在所述列表视图中所处的位置，包括：

确定所述目标元素分别与第一元素和第二元素之间的相关性，所述相关性包括属性信息相同或者不同；所述第一元素为所述若干个元素中处于所述目标元素之前且距离所述目标元素最近的元素，所述第二元素为所述若干个元素中处于所述目标元素之后且距离所述目标元素最近的元素；

根据所述目标元素分别与所述第一元素和所述第二元素之间的相关性，查询所述相关性与所述目标元素在所述列表视图中所处的位置之间的对应关系，以确定所述目标元素在列表视图中所处的位置。