CN103778128B - 一种列表信息的绘制方法和装置 - Google Patents

Abstract

本申请公开了一种列表信息的绘制方法和装置，包括：行列确定模块根据所要显示的列表的数据项目确定所述列表的列数，查询所述数据项目对应的数据源，根据查询结果确定所述列表的行数；数据获取模块遍历所述列表的每一行每一列的每个单元格，查询对应的数据源，得到由所述数据源提供的每个单元格的内容数据、高度、以及显示方式；行高确定模块根据所述列表每一行的单元格的高度确定对应行的行高；单元格绘制模块遍历列表的每个单元格，根据每个单元格的显示方式对其内容数据进行绘制处理，绘制出每个单元格的显示内容。利用本发明，可以实现对多源数据的列表信息的多样式绘制，提高人眼对目标数据的获取效率，同时降低多源数据的显示错误率。

Description

一种列表信息的绘制方法和装置

技术领域

本申请涉及数据处理设备的信息处理技术领域，尤其涉及一种列表信息的绘制方法和装置。

背景技术

目前，数据处理设备，如计算机、智能手机、掌上电脑、平板电脑等，的使用越来越普及，数据处理设备及其应用程序可以处理并在显示器上展示来自本地和网络的各种数据。

目前许多应用场景中，需要展示一类列表信息，如即时通信程序中的好友列表信息、网络搜索引擎显示的搜索结果列表信息等等。所述列表信息需要数据处理设备运行相应的程序对需要展示的数据进行绘制处理，从而在显示器上输出显示列表信息。

在一种现有的列表信息绘制技术中，在对列表信息进行绘制的过程中，每一个列表中每一行的信息所绘制的样式都是相同的，只是绘制的内容不同，例如在即时通信应用工具中的好友列表中，每一行都是由居左对齐的一个图标和右边的一行好友名称组成。

但是，上述这种现有的列表信息绘制技术所展示的列表信息的信息元素过于单一，只能以固定的样式展示其原始的内容数据，无法对不同单元格采用不同的样式区别展示，导致人眼获取的信息元素（即有样式区别的信息元素）过少，不利于人眼对目标数据的区别、获取和跟踪，导致人眼对目标数据的获取效率很低。

目前另一种现有的列表信息绘制技术在一定程度上解决了上述缺陷，即对不同类型的数据设定对应的显示方式，在显示器上输出绘制列表信息时，根据列表中待显示数据类型确定其对应的显示方式，按照该显示方式来绘制数据，从而可以绘制出各行的样式不同的列表信息供显示器输出，例如每一行的高度不一样，某些行可能只有文字，某些行可能需要展示几个图标等等，这样的列表信息中可以利用不同的样式来展示类型或内容不同的数据，方便人眼从显示器的列表信息中区分出数据的类型和内容，提高人眼对目标数据的获取效率。

但是，上述这种列表信息的绘制方式的前提是列表中的所有数据都是绘制方已知的，由于列表中的数据已知，因此可以由绘制方针对每种数据预先设置相应的绘制方式，从而绘制出与数据内容对应的列表信息。但是，这种绘制方式无法正确绘制多源数据，所述多源数据是指列表中的数据来源很复杂，每种数据项目的来源可能不同，例如在网络应用中，一个应用的列表信息中的数据可能来自于多个不同的第三方数据库，对于列表绘制模块来讲，不同来源的数据内容是未知的，其对应的显示方式也是未知的，如果采用本地默认的显示方式来绘制往往不能适配对应的数据内容，因此常会导致数据显示错误。

发明内容

有鉴于此，本发明的主要目的在于提供一种列表信息的绘制方法和装置，以实现对多源数据的列表信息的多样式绘制，提高人眼对目标数据的获取效率，同时降低多源数据的显示错误率。

本发明的技术方案是这样实现的：

一种列表信息的绘制方法，包括：

根据所要显示的列表的数据项目确定所述列表的列数，查询所述数据项目对应的数据源，根据查询结果确定所述列表的行数；

遍历所述列表的每一行每一列的每个单元格，查询对应的数据源，得到由所述数据源提供的每个单元格的内容数据、高度、以及显示方式；

根据所述列表每一行的单元格的高度确定对应行的行高；

遍历所述列表每一行每一列的每个单元格，根据每个单元格的显示方式对其内容数据进行绘制处理，绘制出列表中每个单元格的显示内容。

一种列表信息的绘制装置，包括：

行列确定模块，用于根据所要显示的列表的数据项目确定所述列表的列数，查询所述数据项目对应的数据源，根据查询结果确定所述列表的行数；

数据获取模块，用于遍历所述列表的每一行每一列的每个单元格，查询对应的数据源，得到由所述数据源提供的每个单元格的内容数据、高度、以及显示方式；

行高确定模块，用于根据所述列表每一行的单元格的高度确定对应行的行高；

单元格绘制模块，用于遍历所述列表每一行每一列的每个单元格，根据每个单元格的显示方式对其内容数据进行绘制处理，绘制出列表中每个单元格的显示内容。

与现有技术相比，本发明对所要显示列表中的数据项目进行区分，分别查询不同数据项目对应的数据源，得到所要显示列表的行数，以及得到对应数据源提供的每一行每一列的每个单元格的内容数据、高度、以及显示方式，再利用这些信息分别绘制每个单元格的显示内容，从而可以实现对多源数据的列表信息的多样式绘制，即对不同数据源的数据项目可以采样有区别的显示方式进行绘制，可以得到相区别的样式，这样通过样式对数据项目进行区分，提高了人眼对目标数据的获取效率；同时所述显示方式由数据源提供，而数据源可以为其数据提供合适的显示方式，列表绘制方根据数据源提供的显示方式绘制对应数据，从而可以降低由于显示方式与数据内容不能适配所导致的多源数据的显示错误率。

附图说明

图1为本发明所述列表信息的绘制方法的一种流程图；

图2为本发明所述列表信息的绘制装置的一种组成示意图；

图3为由支持Appkit框架的SATableView控件执行本发明所述方法的一种流程图；

图4为本发明所述绘制方法和绘制装置所绘制出的一种列表信息的示意图图。

具体实施方式

下面结合附图及具体实施例对本发明再作进一步详细的说明

图1为本发明所述列表信息的绘制方法的一种流程图。参见图1，该方法主要包括：

101、根据所要显示的列表的数据项目确定所述列表的列数，查询所述数据项目对应的数据源，根据查询结果确定所述列表的行数；

102、遍历所述列表的每一行每一列的每个单元格，查询对应的数据源，得到由所述数据源提供的每个单元格的内容数据、高度、以及显示方式；

103、根据所述列表每一行的单元格的高度确定对应行的行高；

104、遍历所述列表每一行每一列的每个单元格，根据每个单元格的显示方式对其内容数据进行绘制处理，绘制出列表中每个单元格的显示内容。

所述所要显示的列表的数据项目可以是一种以上。通常，列表中所显示信息的列数由数据项目决定，而列表中所显示信息的行数需要查询数据源才可以得到，因此步骤101中需要查询所述各数据项目对应的数据源，根据查询出的数据条目确定待显示列表的行数，例如如果查出m条数据，则待显示列表的行数为m。

所述待显示的列表的每种数据项目的数据源有可能不同，例如假设一个待显示的列表包括三种数据项目，分别是数据项目a、数据项目b、数据项目c，则对应的数据源可能是第三方数据源A、第三方数据源B、第三方数据源C。所述第三方数据源中存储有对应数据项目的数据内容、各行数据的显示高度，以及各行各列数据的显示方式，所述内容数据、高度、以及显示方式可以由第三方数据源自定义提供，其中显示方式与内容数据和高度是可以相互适配的，本发明的列表绘制方可以在需要显示列表时从第三方数据源实时获取相应的数据。

在查询所述各个数据项目的数据时，还可以进一步接受用户输入的检索条件，根据检索条件进行查询，或者也可以利用默认的检索条件进行查询。

所述数据源的提供方可以在数据源中自定义设置各行各列数据的显示方式，也可以不设置某些数据或全部数据的显示方式，因此本发明的所述方法还可以进一步包括：设置默认的显示方式，该默认显示方式设置在本地，并在所述步骤104中，在绘制所述列表的各单元格时进一步判断由数据源提供的显示方式是否为空，如果为空则用所述默认的显示方式对该单元格的内容数据进行绘制处理，否则用所述数据源提供的显示方式对该单元格的内容数据进行绘制处理。

由于在绘制列表的过程中，需要对遍历每一行每一列的每个单元格进行绘制，其中每个单元格的数据、高度、和显示方式都与数据源相关，因此为了提高处理效率，在所述步骤102所述得到由所述数据源提供的每个单元格的内容数据、高度、以及显示方式之后，还可以进一步包括：针对所述每个单元格，生成对应的一个元数据项（SABasicItem）并与该单元格绑定，将查询到的该单元格对应的内容数据、高度、以及显示方式封装到该SABasicItem中，该SABasicItem中对外提供可以分别获取其内部封装的内容数据、高度、以及显示方式的访问接口。这样所述待显示列表中的每行每列中的每一个单元格都对应绑定一个SABasicItem，每个单元格的数据都可以从对应绑定的SABasicItem中获取。

生成并绑定所述SABasicItem后，在步骤103中，所述根据所述列表每一行的单元格的高度确定对应行的行高的具体方式包括：确定所述列表的每一行第一列单元格所绑定的SABasicItem，利用所述SABasicItem的用于获取高度的访问接口获取该SABasicItem内部封装的、其对应绑定的单元格的高度；将所述列表每一行第一列的单元格的高度作为该单元格所在行的高度。当然，利用每一行其它非第一列的单元格的高度作为该行的高度也是可以的，只是利用第一列单元格的高度可以减少遍历查找的运算，提高效率。

生成并绑定所述SABasicItem后，所述步骤104的具体处理方式包括：遍历所述列表每一行每一列的每个单元格，确定每个单元格所绑定的SABasicItem，利用所述SABasicItem的用于获取内容数据和显示方式的访问接口获取该SABasicItem对应绑定单元格的内容数据和显示方式；根据每个单元格的显示方式对其内容数据进行绘制处理，绘制出列表中每个单元格的显示内容。

与上述方法对应，本发明还公开了一种列表信息的绘制装置，图2为本发明所述列表信息的绘制装置的一种组成示意图。参见图2，该绘制装置200包括：

行列确定模块201，用于根据所要显示的列表的数据项目确定所述列表的列数，查询所述数据项目对应的数据源，根据查询结果确定所述列表的行数；

数据获取模块202，用于遍历所述列表的每一行每一列的每个单元格，查询对应的数据源，得到由所述数据源提供的每个单元格的内容数据、高度、以及显示方式；

行高确定模块203，用于根据所述列表每一行的单元格的高度确定对应行的行高；

单元格绘制模块204，用于遍历所述列表每一行每一列的每个单元格，根据每个单元格的显示方式对其内容数据进行绘制处理，绘制出列表中每个单元格的显示内容。

由于数据源提供方有可能不设置某些数据或全数据的自定义的显示方式，因此本发明一种实施例中，所述单元格绘制模块204中进一步用于：设置默认的显示方式，并在绘制所述列表的各单元格时判断由数据源提供的显示方式是否为空，如果为空则用所述默认的显示方式对该单元格的内容数据进行绘制处理，否则用所述数据源提供的显示方式对该单元格的内容数据进行绘制处理。

为了进一步提高遍历单元格进行绘制处理的效率，在一种实施例中，所述数据获取模块202还可以进一步用于：针对所述每个单元格，生成对应的一个SABasicItem并与该单元格绑定，将查询到的该单元格对应的内容数据、高度、以及显示方式封装到该SABasicItem中，该SABasicItem中对外提供可以分别获取其内部封装的内容数据、高度、以及显示方式的访问接口。

对应的，所述行高确定模块203具体用于根据所述单元格所绑定的SABasicItem的用于获取高度的访问接口获取该单元格的高度，并将每一行第一列的单元格的高度作为该行的行高。

对应的，所述单元格绘制模块204在具体处理的过程中，具体用于：遍历所述列表每一行每一列的每个单元格，确定每个单元格所绑定的SABasicItem，利用所述SABasicItem的用于获取内容数据和显示方式的访问接口获取该SABasicItem对应绑定的单元格的内容数据和显示方式；根据每个单元格的显示方式对其内容数据进行绘制处理，绘制出列表中每个单元格的显示内容。

所述显示方式虽然可以由数据源提供方自定义设置，但是自定义的显示方式具有多样化的特征，例如：同一种数据，可以采用不同的颜色来显示，也可以采用图标加文字的形式来显示，也可以采用按钮加文字或图片的形式来显示。在一种实施例中，所述显示方式的设置可以由数据源提供方通过人工编写完整的计算机代码（即该计算机代码需要告知计算机所述显示方式的所有细节）进行设置，每一种显示方式有对应一组计算机代码，但是这种方式会造成人力成本的浪费以及大量重复的工作量。

因此，在另一种实施例中，本发明所述的对显示方式的设置和读取处理可以采用支持已有的显示框架的控件技术，这样就可以采用已有显示框架中的种类丰富的显示控件来表示所述显示方式，而设置人员只需要编写这些显示控件的调用代码即可标识所述显示方式，不必再人工编写所述显示方式的所有细节代码，因此可以降低人工的工作量，节省人力成本。下面实施例以本发明所述方法和装置支持MAC操作系统中的Appkit框架的控件技术为例，进一步说明本发明所述的方法和装置。

在本实施例中，所述绘制装置为支持Appkit框架的SATableView控件，用于展示列表或者表格数据的控件视图，该SATableView控件继承自MAC操作系统的NSTableView控件，且所述显示方式为支持Appkit框架的显示方式，即所述显示方式中包括可以调用Appkit框架中的显示控件的调用代码，可以直接利用App kit框架中的显示控件（如图标、按钮、特效等）绘制单元格的数据。对应的，本发明所述的方法也由所述支持Appkit框架的SATableView控件执行。为了使用App kit框架的显示控件，本实施例中需要在执行本实施例所述方法和装置的数据处理设备中安装Appkit框架。

图3为由支持Appkit框架的SATableView控件执行本发明所述方法的一种流程图。参见图3，该流程包括：

301、SATableView控件根据所要显示的列表的数据项目确定所述列表的列数，并通过界面控制器查询所述数据项目对应的数据源，根据查询结果确定所述列表的行数；从而获知需要显示多少个单元格（SATableCell）。所述SATableCell继承自系统的NSCell，用于表示SATableView中的每个单元格，控制单元格的呈现内容。

302、SATableView控件遍历所述列表的每一行每一列的每个SATableCell，通过界面控制器查询相应数据项目对应的数据源，得到由所述数据源提供的每个SATableCell的内容数据、高度、以及显示方式。

303、针对所述每个SATableCell，生成对应的一个SABasicItem并与该SATableCell绑定，将查询到的该SATableCell对应的内容数据、高度、以及显示方式封装到该SABasicItem中，该SABasicItem中对外提供可以分别获取其内部封装的内容数据、高度、以及显示方式的访问接口。

所述SABasicItem对外提供的获取其内部封装的内容数据的访问接口可以有多个，例如：获取图片的接口为(UIImage*)image，获取主文本内容的接口为(NSString*)title；获取副文本的接口为(NSString*)detail，等等。

所述SABasicItem对外提供的获取其内部封装的单元格高度的访问接口可以为：（CGFloat）heightOfItem方法，该（CGFloat）heightOfItem方法指向的内容为本单元格的高度，调用该方法则所述SABasicItem即可返回该单元格的高度。

所述SABasicItem对外提供的获取其内部封装的显示方式的访问接口可以为：drawingBlock方法变量，该drawingBlock方法变量指向的内容为对应的显示方式，该显示方式可以由一个block方法来标识，该block方法可以由数据源提供方来设置，该block方法实际上就是一个块函数，其中包括可以调用Appkit框架中的显示控件的调用接口，即可以直接利用Appkit框架中的显示控件来绘制所述单元格。并且该block方法需要具有一个统一的方法类型，例如如下为一个block方法类型的例子：

typedef void(^SCBasicItemDrawingBlock)(NSRect cellFrame,NSView*controlView);

其中，cellFrame表示可绘制的矩形区域，controlView指向该cell所在的视图（View），通常就是所述SATableView本身，用于获取View的坐标系。该block方法的内容可以包括自定义的显示方式的逻辑代码，其中包括可以调用Appkit框架中的显示控件的调用接口，从而可以在绘制单元格时调用Appkit框架中的显示控件。

304、SATableView控件遍历每一行第一列SATableCell所绑定的SABasicItem，通过MAC操作系统NSTableView的回调方法调用该SABasicItem的（CGFloat）heightOfItem方法，从而获取该SABasicItem内封装的对应绑定的SATableCell的高度，将该SATableCell的高度作为该SATableCell所在行的高度。经过对所述每一行第一列SATableCell的上述处理，可以得到每一行的高度。

305、SATableView控件遍历每一行每一列的SATableCell来绘制对应单元格的显示内容，针对每一SATableCell，具体包括：

找到该SATableCell绑定的SABasicItem，利用该SABasicItem的用于获取内容数据访问接口获取该SABasicItem所绑定单元格的内容数据，判断该SABASICITEM是否有自定义绘制的block方法，即判断所述drawingBlock方法变量是否为空，若不为空则直接调用drawingBlock方法变量所指向的block方法对所述内容数据进行绘制，从而绘制出当前SATableCell的显示内容显示到显示屏上；否则，用所述本地默认的显示方式对该单元格的内容数据进行绘制处理，得到当前SATableCell的显示内容显示到显示屏上。

图4为本发明所述绘制方法和绘制装置所绘制出的一种列表信息的示意图图。参见图4，该列表信息有三行两列，其数据来源不同，且其中第二行与第一行和第三行的行高不同、背景色也不同，而且第一列第二行的图标也与第一行和第三行的图标不同。当然，图4只是一个简单的示例，采用本发明的绘制方法和绘制装置，还可以绘制出更为复杂的多样式列表信息。

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

Claims (8)

1.一种列表信息的绘制方法，其特征在于，包括：

根据所要显示的列表的数据项目确定所述列表的列数，查询所述数据项目对应的数据源，根据查询结果确定所述列表的行数；

遍历所述列表的每一行每一列的每个单元格，查询对应的数据源，得到由所述数据源提供的每个单元格的内容数据、高度、以及显示方式；

针对所述每个单元格，生成对应的一个元数据项并与该单元格绑定，将查询到的该单元格对应的内容数据、高度、以及显示方式封装到该元数据项中，该元数据项中对外提供可以分别获取其内部封装的内容数据、高度、以及显示方式的访问接口；

根据所述列表每一行的单元格的高度确定对应行的行高；

遍历所述列表每一行每一列的每个单元格，确定每个单元格所绑定的元数据项，利用所述元数据项的用于获取内容数据和显示方式的访问接口获取该元数据项所绑定单元格的内容数据和显示方式；根据每个单元格的显示方式对其内容数据进行绘制处理，绘制出列表中每个单元格的显示内容。

2.根据权利要求1所述的方法，其特征在于，该方法进一步包括：设置默认的显示方式，并在绘制所述列表的各单元格时判断由数据源提供的显示方式是否为空，如果为空则用所述默认的显示方式对该单元格的内容数据进行绘制处理，否则用所述数据源提供的显示方式对该单元格的内容数据进行绘制处理。

3.根据权利要求1所述的方法，其特征在于，所述根据所述列表每一行的单元格的高度确定对应行的行高具体包括：

确定所述列表的每一行第一列单元格所绑定的元数据项，利用所述元数据项的用于获取高度的访问接口获取该元数据项所绑定单元格的高度；

将所述列表每一行第一列的单元格的高度作为该单元格所在行的高度。

4.根据权利要求1至3任一项所述的方法，其特征在于，该方法由支持Appkit框架的SATableView控件执行，该SATableView控件继承自操作系统的NSTableView控件，且所述显示方式为支持Appkit框架的显示方式。

5.一种列表信息的绘制装置，其特征在于，包括：

行列确定模块，用于根据所要显示的列表的数据项目确定所述列表的列数，查询所述数据项目对应的数据源，根据查询结果确定所述列表的行数；

数据获取模块，用于遍历所述列表的每一行每一列的每个单元格，查询对应的数据源，得到由所述数据源提供的每个单元格的内容数据、高度、以及显示方式，针对所述每个单元格，生成对应的一个元数据项并与该单元格绑定，将查询到的该单元格对应的内容数据、高度、以及显示方式封装到该元数据项中，该元数据项中对外提供可以分别获取其内部封装的内容数据、高度、以及显示方式的访问接口；

行高确定模块，用于根据所述列表每一行的单元格的高度确定对应行的行高；

单元格绘制模块，用于遍历所述列表每一行每一列的每个单元格，确定每个单元格所绑定的元数据项，利用所述元数据项的用于获取内容数据和显示方式的访问接口获取该元数据项所绑定单元格的内容数据和显示方式；根据每个单元格的显示方式对其内容数据进行绘制处理，绘制出列表中每个单元格的显示内容。

6.根据权利要求5所述的装置，其特征在于，所述单元格绘制模块中进一步用于：设置默认的显示方式，并在绘制所述列表的各单元格时判断由数据源提供的显示方式是否为空，如果为空则用所述默认的显示方式对该单元格的内容数据进行绘制处理，否则用所述数据源提供的显示方式对该单元格的内容数据进行绘制处理。

7.根据权利要求5所述的装置，其特征在于，所述行高确定模块具体用于根据所述单元格所绑定的元数据项的用于获取高度的访问接口获取该单元格的高度。

8.根据权利要求5所述的装置，其特征在于，所述绘制装置为支持Appkit框架的SATableView控件，该SATableView控件继承自操作系统的NSTableView控件，且所述显示方式为支持Appkit框架的显示方式。