CN102207864A - 一种列表控件的创建方法和装置 - Google Patents

Abstract

本发明公开了一种列表控件的创建方法和装置，先绘制子控件，再通过动态创建子控件处理用户交互，提高了列表控件的工作效率。本发明通过对传统列表控件的改进，使用简单的子控件构建列表项内容，提高了列表控件的扩展性、降低了列表项的配置难度和开发人员的工作量。

Description

一种列表控件的创建方法和装置

技术领域

本发明涉及图形用户界面技术领域，尤其涉及一种列表控件的创建方法和装置。

背景技术

列表类型的界面在手机上应用非常广泛，在通讯录、通话记录、短信、相册等应用中经常使用到列表类控件，简称列表控件。随着手机应用界面的日趋复杂，对列表类控件的要求也越来越高，除了在列表项中展现传统的文本、图像信息外，提供能与用户交互的按钮、选择框等基本控件也成为一种较为普遍的要求，并且不同的应用中列表项的内容各不相同，这对列表控件的可配置性提出了较高的要求。

传统的列表控件大致有两种：一种是列表控件中列表项内容和格式固定，开发人员不用关心列表项内容的显示，这种列表控件的列表项内容较为丰富，但由于列表项的格式较为固定，通常只限于特定的应用，扩展性差。另一种列表控件的实现是通过提供列表项的绘制回调接口，由开发人员实现列表项内容的绘制，列表项的格式交由开发人员控制，这种列表控件的可扩展性较高，但增加了开发人员的工作量。

发明内容

本发明要解决的技术问题是，提供一种列表控件的创建方法和装置，增强列表控件的扩展性、降低开发人员的工作量。

本发明采用的技术方案是，所述列表控件的创建方法，所述列表控件中的每个列表项包含至少一个子控件，该方法包括：

绘制出列表控件在当前界面上包含的所有列表项，根据用户的操作触发列表项上相应子控件的建立。

进一步的，所述绘制出列表控件在当前界面上包含的所有列表项，具体包括：

在所述列表控件中遍历绘制列表项；

在绘制每个列表项时，遍历绘制其中存在的子控件。

进一步的，在所述列表控件中遍历绘制列表项之前，还包括：

绘制所述列表控件的背景；和/或，

在绘制每个列表项时，在遍历绘制其中的子控件之前，还包括：

当所述列表项为选中列表项时，绘制所述列表项的背景。

进一步的，所述根据用户的操作触发列表项上相应子控件的建立，具体包括：

根据用户的鼠标和/或键盘按键按下操作触发列表项上相应子控件的建立。

进一步的，所述根据用户的鼠标按下操作触发列表项上相应子控件的建立，具体包括：

当鼠标按下的区域为尚未建立的子控件时，建立所述子控件，发送鼠标按下消息给所述子控件，由其响应鼠标按下操作。

进一步的，在根据用户的鼠标按下操作触发列表项上相应子控件的建立之后，该方法进一步包括：

当用户的鼠标在已建立的子控件上抬起时，发送鼠标抬起消息给所述已建立的子控件，由其响应所述鼠标抬起操作。

进一步的，所述根据用户的键盘按键按下操作触发列表项上相应子控件的建立，具体包括：

当键盘按键按下时存在已建立的子控件且所述已建立的子控件能响应所述键盘按键按下操作的情况下，由所述已建立的子控件响应所述键盘方向键按下操作；

当键盘按键按下时不存在已建立的子控件的情况下，或者存在已建立的子控件且所述已建立的子控件不能响应所述键盘按键按下操作的情况下，进行如下处理：

若按下的键盘按键为上键或下键时，更新选中列表项，并建立所述列表项中的第一个可聚焦子控件；

若按下的键盘按键为左键或右键时，在当前列表项中建立选中的子控件。

基于上述方法，本发明还提供一种列表控件的创建装置，所述列表控件中的每个列表项包含至少一个子控件，该装置包括：

控件绘制模块，用于绘制出列表控件在当前界面上包含的所有列表项；

控件建立模块，用于根据用户的操作触发列表项上相应子控件的建立。

进一步的，所述控件绘制模块，在所述列表控件中遍历绘制列表项，在绘制每个列表项时，遍历绘制其中的子控件。

进一步的，所述控件建立模块，具体包括：鼠标响应控件建立模块和/或键盘响应控件建立模块；

鼠标响应控件建立模块，用于根据用户的鼠标按键按下操作触发列表项上相应子控件的建立；

键盘响应控件建立模块，用于根据用户的键盘按键按下操作触发列表项上相应子控件的建立。

采用上述技术方案，本发明至少具有下列优点：

本发明所述列表控件的创建方法和装置，先绘制子控件，再通过动态创建子控件处理用户交互，提高了列表控件的工作效率。本发明通过对传统列表控件的改进，使用简单的子控件构建列表项内容，提高了列表控件的扩展性、降低了列表项的配置难度和开发人员的工作量。

附图说明

图1为本发明列表项对象属性示意图；

图2为本发明列表项中的子控件对象属性示意图；

图3为本发明第一实施例中手机界面中的列表控件示意图；

图4为本发明第一实施例中所述列表控件的创建方法流程图；

图5为本发明第一实施例中步骤A1的流程图；

图6为本发明第一实施例中步骤A14的流程图；

图7为本发明第一实施例中步骤A2的流程图；

图8为本发明第一实施例中步骤A3的流程图；

图9为本发明第二实施例中所述列表控件的创建方法流程图；

图10为本发明第二实施例中步骤B2的流程图；

图11为本发明第二实施例中步骤B3的流程图；

图12为本发明第三实施例中所述列表控件的创建装置的结构示意图。

具体实施方式

为更进一步阐述本发明为达成预定目的所采取的技术手段及功效，以下结合附图及较佳实施例，对本发明进行详细说明如后。

图1为列表项对象属性，列表项对象包括子控件队列和子控件总数。列表项绘制时需要遍历子控件队列，绘制每个控件。

图2展现了本发明中列表项对象中子控件对象的属性，包括名称、风格、位置、大小等。下文中，列表项对象简称列表项，子控件对象简称子控件。

本发明第一实施例，以图3中的手机界面中的列表控件为例介绍一个具体的列表控件的应用实例。列表控件在手机当前的界面上显示有三个列表项，每个列表项中包含一个联系人的相关信息。列表项中具体包含六个子控件：图片子控件、文本子控件、按钮子控件、选择按钮子控件、日期子控件、时间子控件。

本实施例中，一种列表控件的创建方法，如图4所示，包括如下具体步骤：

步骤A1，绘制出列表控件在当前界面上包含的所有列表项。如图5所示，步骤A1具体包括：

A11，判断是否需要绘制列表控件的背景，若是，则绘制列表控件的背景后跳转步骤A12，否则直接跳转步骤A12；

A12，判断列表项总数是否大于0，若是，则跳转步骤A13，否则流程结束；

A13，判断是否存在需要绘制的列表项，若是，则跳转步骤A14，否则流程结束；

A14，绘制列表项。直到该列表控件上的列表项都绘制完毕，流程结束。如图6所示，步骤A14中绘制列表项的具体过程包括：

A141，判断是否是选中的列表项，若是，则绘制选中列表项的背景后跳转步骤A142，否则直接跳转步骤A142；

A142，判断是否存在需要绘制的子控件，若是，则跳转步骤A143，否则绘制子控件的流程结束。本发明中，不可见或已创建的子控件不需要绘制；

A143，调用简单子控件的绘制接口绘制子控件。直到该列表项上的所有子控件绘制完毕，绘制子控件的流程结束。

步骤A2，根据用户的鼠标按下操作触发列表项上相应子控件的建立。对于手机的界面显示来说，鼠标操作即为触摸笔或者手指在可触摸显示屏上的操作。同一时刻，只能有一个可聚焦的子控件处于激活状态，即已建立的子控件。如图7所示，步骤A2具体包括：

A21，判断鼠标按下的区域是否为已建立的子控件，若是，则跳转步骤A22，否则跳转步骤A23；

A22，去掉选中的列表项，发送鼠标按下消息给已建立的子控件，由该已建立的子控件响应鼠标按下操作，流程结束；

A23，判断鼠标按下的区域是否为尚未建立的子控件，若是，则跳转步骤A24，否则说明鼠标按下的区域是列表项中不可建立子控件的区域，跳转步骤A25；

A24，去掉选中的列表项，建立鼠标按下区域涉及的子控件，发送鼠标按下消息给当前刚建立的子控件，由该子控件响应鼠标按下操作，流程结束；

A25，销毁步骤A21之前已建立的子控件，置点中的列表项为选中列表项，流程结束。

可选的，该方法在步骤A2之后，还包括：

步骤A3，响应用户的鼠标抬起操作。如图8所示，步骤A3具体包括：

A31，判断当用户的鼠标是否在已建立的子控件上抬起，若是，则跳转步骤A32，否则跳转步骤A33；

A32，发送鼠标抬起消息给已建立的子控件，由已建立的子控件响应该鼠标抬起操作，流程结束；

A33，判断用户的鼠标是否在列表项中不可建立子控件的区域抬起，若是，则跳转步骤A34，否则流程结束；

A34，发送通知消息给列表控件的父控件，通知单击了该列表项，并由父控件负责处理。父控件对鼠标点击的响应过程是本领域的现有技术，故此处不赘述。

本发明第二实施例，与第一实施例大致相同，区别在于，本实施例介绍的是由用户的按键操作触发列表项上相应子控件的建立。本发明列表控件主要关心键盘上的四个方向按键按下的情况，因为其中上下键用于改变选中的列表项，选中列表项改变的时候默认需要创建该列表项的第一个可聚焦子控件，对图3的列表控件来说，图片子控件和文本子控件“item1”只用于展示信息，不需要与用户交互，所以绘制这两个子控件后不需要建立子控件，这两个子控件是不可聚焦的子控件。而按钮子控件、选择按钮子控件、日期子控件、时间子控件都是可聚焦的子控件，此时会创建作为第一个可聚焦子控件的按钮子控件。键盘上的左右键用于改变列表项中聚焦的子控件。图3中，只有日期子控件和时间子控件能够响应用户的方向按键操作，进行日期和时间的调整，其他子控件不能响应用户方向按键的操作。

一种列表控件的创建方法，如图9所示，包括如下具体步骤：

步骤B1，绘制出列表控件在当前界面上包含的所有列表项。步骤B1具体过程与第一实施例中步骤A1大致相同，故此处不赘述。

步骤B2，根据用户的键盘按键按下操作触发列表项上相应子控件的建立。

如图10所示，步骤B2具体包括：

B201，当键盘按键按下时，判断是否存在已建立的子控件，若是，则跳转步骤B202，否则跳转步骤B205；

B202，发送按键按下消息给已建立的子控件；

B203，由子控件判断自身是否能够响应该键盘按键按下操作，若是，则跳转步骤B204，否则跳转步骤B205；

B204，由该子控件响应该键盘按键按下操作，流程结束；

B205，判断按下的是否为上键，若是，则跳转步骤B206，否则跳转步骤B207；

B206，当上一选中列表项与当前列表项不同时，置上一选中列表项为新的选中列表项，建立新的选中列表项中的第一个可聚焦子控件，流程结束；因为同一时刻只能有一个已建立的子控件，所以若存在已建立的子控件，须先将已建立的子控件销毁，再建立该第一个可聚焦子控件。

B207，判断按下的是否为下键，若是，则跳转步骤B208，否则跳转步骤B209；

B208，当下一选中列表项与当前列表项不同时，置下一选中列表项为新的选中列表项，建立新的选中列表项中的第一个可聚焦子控件，流程结束；

B209，判断按下的是否为左键，若是，则跳转步骤B210，否则跳转步骤B211；

B210，在当前列表项中建立当前子控件之前的可聚焦子控件，流程结束；

B211，判断按下的是否为右键，若是，则跳转步骤B212，否则流程结束；

B212，在当前列表项中建立当前子控件之后的可聚焦子控件，流程结束。

可选的，该方法在步骤B2之后，还包括：

步骤B3，响应用户的键盘按键抬起操作。如图11所示，步骤B3具体包括：

B301，判断是否存在已建立的子控件，若是，则跳转步骤B302，否则流程结束；

B302，发送按键抬起消息给已建立的子控件；

B303，由子控件判断自身是否能够响应该键盘按键抬起操作，若是，则跳转步骤B304，否则流程结束；

B304，由该子控件响应该键盘按键抬起操作，流程结束。

本发明第三实施例，一种列表控件的创建装置，列表控件中的每个列表项包含至少一个子控件，如图12所示，该装置包括：

1)控件绘制模块，用于绘制出列表控件在当前界面上包含的所有列表项。具体的，控件绘制模块在列表控件中遍历绘制列表项，在绘制每个列表项时，遍历绘制其中的子控件。

可选的，在列表控件中遍历绘制列表项之前，还包括：绘制该列表控件的背景；和/或，在绘制每个列表项时，在遍历绘制其中的子控件之前，还包括：当列表项为选中列表项时，绘制选中列表项的背景。

2)控件建立模块，用于根据用户的操作触发列表项上相应子控件的建立。该控件建立模块，具体包括：鼠标响应控件建立模块和/或键盘响应控件建立模块；

鼠标响应控件建立模块，用于根据用户的鼠标按键按下操作触发列表项上相应子控件的建立。具体的，当鼠标按下的区域为尚未建立的子控件时，建立该子控件，列表控件发送鼠标按下消息给该子控件，由其响应鼠标按下操作。当用户的鼠标在已建立的子控件上抬起时，列表控件发送鼠标抬起消息给该子控件，由其响应鼠标抬起操作。

键盘响应控件建立模块，用于根据用户的键盘按键按下操作触发列表项上相应子控件的建立。具体的，

当键盘按键按下时存在已建立的子控件且该已建立的子控件能响应该键盘按键按下操作的情况下，由该已建立的子控件响应该键盘方向键按下操作；

当键盘按键按下时不存在已建立的子控件的情况下，或者存在已建立的子控件且该已建立的子控件不能响应该键盘键按下操作的情况下，进行如下处理：

若按下的键盘按键为上键或下键时，更新选中列表项，并建立该列表项中的第一个可聚焦子控件；

若按下的键盘按键为左键或右键时，在当前列表项中建立选中的子控件。

接下来，当用户的键盘按键在已建立的子控件上抬起时，由该已建立的且能响应键盘按键抬起操作的子控件响应该键盘按键抬起操作。

本发明所述列表控件的创建方法和装置，先绘制子控件，通过控件内容数据可以直接绘制出子控件，而不是创建真正的子控件。接下来，完成子控件创建的时机有两个，一是鼠标点击列表项中的可建立子控件区域、另外一个是使用按键改变选中列表项或可聚焦子控件。当需要创建的子控件创建结束后，与用户的交互就交由创建的子控件来处理。

本发明通过动态创建子控件处理用户交互，提高了列表控件的工作效率。通过对传统列表控件的改进，使用简单的子控件构建列表项内容，提高了列表控件的扩展性、降低了列表项的配置难度和开发人员的工作量。

通过具体实施方式的说明，应当可对本发明为达成预定目的所采取的技术手段及功效得以更加深入且具体的了解，然而所附图示仅是提供参考与说明之用，并非用来对本发明加以限制。

Claims (10)

1.一种列表控件的创建方法，其特征在于，包括：所述列表控件中的每个列表项包含至少一个子控件，该方法包括：

绘制出列表控件在当前界面上包含的所有列表项，根据用户的操作触发列表项上相应子控件的建立。

2.根据权利要求1所述列表控件的创建方法，其特征在于，所述绘制出列表控件在当前界面上包含的所有列表项，具体包括：

在所述列表控件中遍历绘制列表项；

在绘制每个列表项时，遍历绘制其中存在的子控件。

3.根据权利要求2所述列表控件的创建方法，其特征在于，在所述列表控件中遍历绘制列表项之前，还包括：

绘制所述列表控件的背景；和/或，

在绘制每个列表项时，在遍历绘制其中的子控件之前，还包括：

当所述列表项为选中列表项时，绘制所述列表项的背景。

4.根据权利要求1或2或3所述列表控件的创建方法，其特征在于，所述根据用户的操作触发列表项上相应子控件的建立，具体包括：

根据用户的鼠标和/或键盘按键按下操作触发列表项上相应子控件的建立。

5.根据权利要求4所述列表控件的创建方法，其特征在于，所述根据用户的鼠标按下操作触发列表项上相应子控件的建立，具体包括：

当鼠标按下的区域为尚未建立的子控件时，建立所述子控件，发送鼠标按下消息给所述子控件，由其响应鼠标按下操作。

6.根据权利要求5所述列表控件的创建方法，其特征在于，在根据用户的鼠标按下操作触发列表项上相应子控件的建立之后，该方法进一步包括：

当用户的鼠标在已建立的子控件上抬起时，发送鼠标抬起消息给所述已建立的子控件，由其响应所述鼠标抬起操作。

7.根据权利要求4所述列表控件的创建方法，其特征在于，所述根据用户的键盘按键按下操作触发列表项上相应子控件的建立，具体包括：

当键盘按键按下时存在已建立的子控件且所述已建立的子控件能响应所述键盘按键按下操作的情况下，由所述已建立的子控件响应所述键盘方向键按下操作；

当键盘按键按下时不存在已建立的子控件的情况下，或者存在已建立的子控件且所述已建立的子控件不能响应所述键盘按键按下操作的情况下，进行如下处理：

若按下的键盘按键为上键或下键时，更新选中列表项，并建立所述列表项中的第一个可聚焦子控件；

若按下的键盘按键为左键或右键时，在当前列表项中建立选中的子控件。

8.一种列表控件的创建装置，其特征在于，所述列表控件中的每个列表项包含至少一个子控件，该装置包括：

控件绘制模块，用于绘制出列表控件在当前界面上包含的所有列表项；

控件建立模块，用于根据用户的操作触发列表项上相应子控件的建立。

9.根据权利要求8所述列表控件的创建装置，其特征在于，所述控件绘制模块在所述列表控件中遍历绘制列表项，在绘制每个列表项时，遍历绘制其中的子控件。

10.根据权利要求8或9所述列表控件的创建装置，其特征在于，所述控件建立模块，具体包括：鼠标响应控件建立模块和/或键盘响应控件建立模块；

鼠标响应控件建立模块，用于根据用户的鼠标按键按下操作触发列表项上相应子控件的建立；

键盘响应控件建立模块，用于根据用户的键盘按键按下操作触发列表项上相应子控件的建立。

Images