CN104281374A - 滑动列表组件的实现方法和系统 - Google Patents

Abstract

本发明涉及一种滑动列表组件的实现方法和系统。所述方法，包括：获取对滑动列表组件的触发位置，根据所述触发位置计算源数据项表移动的像素距离，将所述移动的像素距离与预设的源数据项表初始位置比较，产生源数据项表的实际位置；根据所述产生的源数据项表的实际位置计算得到显示的用户界面包含的列表资源项移动的位移及对应的源数据项表的起始项；读取所述对应的源数据项表的起始项对应的源数据项的属性信息；展示所述源数据项的属性信息，其中，所述源数据项的属性信息是根据预先自定义表项类确定。上述滑动列表组件的实现方法和系统，样式丰富，易于扩展，使得滑动列表显示的内容灵活，满足个性化需求。

Description

滑动列表组件的实现方法和系统

技术领域

本发明涉及网络控件领域，特别是涉及一种滑动列表组件实现方法和系统。

背景技术

随着网络数据的增多，无法将网络数据在一版用户界面上展示时，一般采用滑动列表的形式，将所有需要展示的数据加入滑动列表框中，设置滚动条，通过移动滚动条查看未在一版显示的数据。目前滑动列表组件主要有Flash内置的UI（User Interface，用户界面）组件ListBox和Flex的DataGrid。

然而，上述两种滑动列表组件的样式单一、固定、难以扩展，使其应用受到很大限制。

发明内容

基于此，有必要提供一种样式丰富且易于扩展的滑动列表组件的实现方法。

此外，还有必要提供一种样式丰富且易于扩展的滑动列表组件的实现系统。

一种滑动列表组件的实现方法，包括：

获取对滑动列表组件的触发位置，根据所述触发位置计算源数据项表移动的像素距离，将所述移动的像素距离与预设的源数据项表初始位置比较，产生源数据项表的实际位置；

根据所述产生的源数据项表的实际位置计算得到显示的用户界面包含的列表资源项移动的位移及对应的源数据项表的起始项；

读取所述对应的源数据项表的起始项对应的源数据项的属性信息，其中，所述源数据项的属性信息是根据预先自定义表项类确定；以及

展示所述源数据项的属性信息。

在其中一个实施例中，在所述获取对滑动列表组件的触发位置的步骤之前，还包括：

预先设置滑动列表的方向标识，当所述方向标识为第一标识时，表示所述滑动列表为垂直方向，当所述方向标识为第二标识时，表示所述滑动列表为水平方向；

获取预先设置的滑动列表的方向标识，并根据所述方向标识确定所述滑动列表的方向。

在其中一个实施例中，所述根据所述产生的源数据项表的实际位置计算得到显示的用户界面包含的列表资源项移动的位移及对应的源数据项表的起始项的步骤包括：

获取用户界面的显示表项宽度；

将所述产生的源数据项表的实际位置除以所述显示表项宽度得到商和余数，将所述商作为所述用户界面包含的列表资源项对应的源数据项表的起始项，将所述余数作为用户界面包含的列表资源项移动的位移。

在其中一个实施例中，所述方法还包括：

获取预先设置的用户界面的显示表项的最大数量；

以起始项开始从所述源数据项表中选取最大数量的源数据项的属性信息，并显示所述最大数量的源数据项的属性信息。

在其中一个实施例中，在所述读取所述对应的源数据项表的起始项对应的源数据项的属性信息之后，所述展示所述源数据项的属性信息的步骤之前，还包括：

获取与所述自定义表项类相应的用户界面资源信息；

所述展示筛选的数据项的步骤包括：

按照所述用户界面资源信息展示所述源数据项的属性信息。

一种滑动列表组件的实现系统，包括：

位置触发模块，用于获取对滑动列表组件的触发位置，根据所述触发位置计算源数据项表移动的像素距离，将所述移动的像素距离与预设的源数据项表初始位置比较，产生源数据项表的实际位置；

视图位置转换模块，用于根据所述产生的源数据项表的实际位置计算得到显示的用户界面包含的列表资源项移动的位移及对应的源数据项表的起始项；以及

读取模块，用于读取所述对应的源数据项表的起始项对应的源数据项的属性信息，其中，所述源数据项的属性信息是根据预先自定义表项类确定

展示模块，用于展示所述源数据项的属性信息。

在其中一个实施例中，所述系统还包括：

预设模块，用于预先设置滑动列表的方向标识，当所述方向标识为第一标识时，表示所述滑动列表为垂直方向，当所述方向标识为第二标识时，表示所述滑动列表为水平方向；

所述位置触发模块包括：方向确定单元，用于获取预先设置的滑动列表的方向标识，并根据所述方向标识确定所述滑动列表的方向。

在其中一个实施例中，所述视图位置转换模块包括：位置参数确定单元，用于获取用户界面的显示表项宽度，将所述产生的源数据项表的实际位置除以所述显示表项宽度得到商和余数，将所述商作为所述用户界面包含的列表资源项对应的源数据项表的起始项，将所述余数作为用户界面包含的列表资源项移动的位移。

在其中一个实施例中，所述系统还包括：

数量获取模块，用于获取预先设置的用户界面的显示表项的最大数量；

选取模块，用于以起始项开始从所述源数据项表中选取最大数量的源数据项的属性信息；

所述展示模块包括：第一展示单元，用于显示所述最大数量的源数据项的属性信息。

在其中一个实施例中，所述系统还包括：

资源信息获取模块，用于获取与所述自定义表项类相应的用户界面资源信息；

所述展示模块包括：第二展示单元，用于按照所述用户界面资源信息展示所述源数据项的属性信息。

上述滑动列表组件的实现方法和系统，根据触发位置计算得到源数据项表的实际位置，将实际位置转换为用户界面包含的列表资源项移动的位移及对应的源数据项表的起始项，然后读取该起始项中按照预先自定义表项类确定的源数据项的属性信息，并显示该源数据项的属性信息，因根据自定义表项类确定源数据项的属性信息，样式丰富，需要显示某个属性信息时，可在自定义表项类中添加某个属性信息，易于扩展，使得滑动列表显示的内容灵活，满足个性化需求。

附图说明

图1为一个实施例中滑动列表组件的实现方法的流程图；

图2为图1中步骤S104的具体流程图；

图3为另一个实施例中滑动列表组件的实现方法的流程图；

图4为另一个实施例中滑动列表组件的实现方法的流程图；

图5为一个实施例中滑动列表组件的实现系统的结构框图；

图6为另一个实施例中滑动列表组件的实现系统的结构框图；

图7为另一个实施例中滑动列表组件的实现系统的结构框图；

图8为另一个实施例中滑动列表组件的实现系统的结构框图；

图9为另一个实施例中滑动列表组件的实现系统的结构框图。

具体实施方式

为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

如图1所示，为一个实施例中一种滑动列表组件的实现方法的流程图。该滑动列表组件可应用于文件列表显示、游戏虚拟房间列表显示、社交网络联系人列表展示、员工列表等场景中。该滑动列表组件的实现方法包括：

步骤S102，获取对滑动列表组件的触发位置，根据该触发位置计算源数据项表移动的像素距离，将该移动的像素距离与预设的源数据项表初始位置比较，产生源数据项表的实际位置。

首先需建立源数据项表，并预设源数据项表初始位置。该源数据项表中记录了滑动列表中的原始数据，可采用数组表示，在数组里面存储自定义的数据结构，例如滑动列表中一项数据项展示为“2013.3.20-李晓明-迟到”，则自定义的数据结构可以为“object=｛date:“2013.3.20”，name：“李晓明”，transcation：“迟到”｝”。该源数据项表中记录的数据项的数量可为任意项，如1000项、10000项等。

获取用户鼠标或触摸屏等输入设备拖动滑动列表的触发位置。例如，源数据项表的初始位置为（0，0），根据该触发位置计算源数据项表移动的像素距离为10，将移动的像素距离与初始位置比较，产生源数据项表的实际位置为（0，－10），该坐标点是基于actionscript坐标系，该actionscript坐标系是Y轴正向向下，X轴正向向右。此外，还可采用其他坐标系，在此不作限定。

在一个实施例中，在步骤S102之前还包括：预先设置滑动列表的方向标识，当该方向标识为第一标识时，表示该滑动列表为垂直方向，当该方向标识为第二标识时，表示该滑动列表为水平方向；获取预先设置的滑动列表的方向标识，并根据该方向标识确定该滑动列表的方向。

本实施例中，第一标识为0，第二标识为1。为了表示方向标识可采用标识字段，标识字段的值为第一标识，表示滑动列表为垂直方向，标识字段的值为第二标识，表示滑动列表为水平方向。

步骤S104，根据该产生的源数据项表的实际位置计算得到显示的用户界面包含的列表资源项移动的位移及对应的源数据项表的起始项。

在一个实施例中，如图2所示，步骤S104包括：

步骤S202，获取用户界面的显示表项宽度。

具体的，用户界面的显示表项宽度根据用户界面的整体宽度设置，如显示表项宽度占整体宽度的二分之一、三分之一等，也可设置为具体的值，如显示表项宽度为10。

步骤S204，将该产生的源数据项表的实际位置除以该显示表项宽度得到商和余数，将该商作为该用户界面包含的列表资源项对应的数据项表的起始项，将该余数作为用户界面包含的列表资源项移动的位移。

例如产生的源数据项表的实际位置为（0，－99），即源数据项表在垂直方向上向上产生了99的位移，显示表项宽度为10，则将99/10=9…9，则用户界面包含的列表资源项对应的源数据项表的起始页为第9页，用户界面包含的列表资源项移动的位移为9。因显示表项宽度为10，用户界面包含的列表资源项移动的位置始终在0至10之间变化，当超过10时，资源表项会被复位，重新计算。

用户界面包含的列表资源是指用于显示数据的列表视图。

步骤S106，读取该对应的源数据项表的起始项对应的源数据项的属性信息，其中，该源数据项的属性信息是根据预先自定义表项类确定。

具体的，预先自定义表项类用于预先确定源数据项需要展示的属性信息。例如，员工列表场景中，需要展示的属性信息包括“名称、年龄和工号”等；虚拟房间列表场景中，需要展示的属性信息包括“房间号、房间名称及参与人员编号”等。

步骤S108，展示该源数据项的属性信息。

此外，当源数据项表位置持续变化时，会循环执行步骤S102、S104、S106和S108，在视觉上形成列表的滚动。

上述滑动列表组件的实现方法，根据触发位置计算得到源数据项表的实际位置，将实际位置转换为用户界面包含的列表资源项移动的位移及对应的源数据项表的起始项，然后读取该起始项中按照预先自定义表项类确定的源数据项的属性信息，并显示该源数据项的属性信息，因根据自定义表项类确定源数据项的属性信息，样式丰富，需要显示某个属性信息时，可在自定义表项类中添加某个属性信息，易于扩展，使得滑动列表显示的内容灵活，满足个性化需求。

如图3所示，为另一个实施例中滑动列表组件的实现方法的流程图。图3中的滑动列表组件的实现方法与图1的区别在于：增加了用户界面显示表项的最大数量，以起始项开始选取最大数量的源数据项，获取源数据项相应的属性信息，并显示。该滑动列表组件的实现方法，包括：

步骤S302，获取对滑动列表组件的触发位置，根据该触发位置计算源数据项表移动的像素距离，将该移动的像素距离与预设的源数据项表初始位置比较，产生源数据项表的实际位置。

步骤S304，根据该产生的源数据项表的实际位置计算得到显示的用户界面包含的列表资源项移动的位移及对应的源数据项表的起始项。

步骤S306，获取预先设置的用户界面的显示表项的最大数量。

具体的，用户界面的显示表项的最大数量可根据需要设定，如为10项、15项等。

步骤S308，以该起始项开始从该源数据项表中选取最大数量的源数据项的属性信息，其中，该源数据项的属性信息是根据预先自定义表项类确定。具体的，如最大数量为10项，起始项为第9页，则从第9页开始，选取9至18页共10项的源数据项的属性信息。

步骤S310，显示该最大数量的源数据项的属性信息。

具体的，显示该10项的源数据项的属性信息。

此外，用户界面的实际表项比用户界面显示表项的最大数量多一项，例如显示表项为5项，则用户界面的实际表项为6项，该多出一项做隐藏处理。例如，本实施例中使用FlashCS中的遮罩功能，将第6项隐藏。

上述滑动列表组件的实现方法，根据触发位置计算得到源数据项表的实际位置，将实际位置转换为用户界面包含的列表资源项移动的位移及对应的源数据项表的起始项，并获取了用户界面的显示表项的最大数量，选取最大数量的源数据项属性信息，因根据自定义表项类确定源数据项的属性信息，样式丰富，需要显示某个属性信息时，可在自定义表项类中添加某个属性信息，易于扩展，使得滑动列表显示的内容灵活，满足个性化需求，因设置了最大数量，可限制显示的数量，提高用户界面空间的利用率。

如图4所示，为另一个实施例中滑动列表组件的实现方法的流程图。图4中的滑动列表组件的实现方法与图1或图3的区别在于：增加了用户界面的资源信息，根据资源信息展示源数据项的属性信息。该滑动列表组件的实现方法，包括：

步骤S402，获取对滑动列表组件的触发位置，根据该触发位置计算源数据项表移动的像素距离，将该移动的像素距离与预设的源数据项表初始位置比较，产生源数据项表的实际位置。

步骤S404，根据该产生的源数据项表的实际位置计算得到显示的用户界面包含的列表资源项移动的位移及对应的源数据项表的起始项。

步骤S406，读取该对应的源数据项表的起始项对应的源数据项的属性信息，其中，该源数据项的属性信息是根据预先自定义表项类确定。

步骤S408，获取与该自定义表项类相应的用户界面资源信息。

具体的，用户界面资源信息是指根据自定义表项类配置的用户界面的展示样式、颜色、字体、大小等信息，可根据需要自定义。

步骤S410，按照该用户界面资源信息展示该源数据项的属性信息。

上述滑动列表组件的实现方法，根据触发位置计算得到源数据项表的实际位置，将实际位置转换为用户界面包含的列表资源项移动的位移及对应的源数据项表的起始项，然后读取该起始项中按照预先自定义表项类确定的源数据项的属性信息，并获取用户界面资源信息，按照用户界面资源信息显示该源数据项的属性信息，因根据自定义表项类确定源数据项的属性信息，用户界面资源信息也可自定义，样式更加丰富，易于扩展，使得滑动列表显示的内容更灵活，满足个性化需求。

如图5所示，为一个实施例中一种滑动列表组件的实现系统的结构框图。该滑动列表组件的实现系统，包括位置触发模块520、视图位置转换模块540、读取模块560和展示模块580。其中：

位置触发模块520用于获取对滑动列表组件的触发位置，根据该触发位置计算源数据项表移动的像素距离，将该移动的像素距离与预设的源数据项表初始位置比较，产生源数据项表的实际位置。

首先需建立源数据项表，并预设源数据项表初始位置。该源数据项表中记录了滑动列表中的原始数据，可采用数组表示，在数组里面存储自定义的数据结构，例如滑动列表中一项数据项展示为“2013.3.20-李晓明-迟到”，则自定义的数据结构可以为“object=｛date:“2013.3.20”，name：“李晓明”，transcation：“迟到”｝”。该源数据项表中记录的数据项的数量可为任意项，如1000项、10000项等。

位置触发模块520获取用户鼠标或触摸屏等输入设备拖动滑动列表的触发位置。例如，源数据项表的初始位置为（0，0），根据该触发位置计算源数据项表移动的像素距离为10，将移动的像素距离与初始位置比较，产生源数据项表的实际位置为（0，－10），该坐标点是基于actionscript坐标系。

视图位置转换模块540用于根据该产生的源数据项表的实际位置计算得到显示的用户界面包含的列表资源项移动的位移及对应的源数据项表的起始项。

进一步的，如图5所示，视图位置转换模块540包括位置参数确定单元542，用于获取用户界面的显示表项宽度，将该产生的源数据项表的实际位置除以该显示表项宽度得到商和余数，将该商作为该用户界面包含的列表资源项对应的数据项表的起始项，将该余数作为用户界面包含的列表资源项移动的位移。

具体的，用户界面的显示表项宽度根据用户界面的整体宽度设置，如显示表项宽度占整体宽度的二分之一、三分之一等，也可设置为具体的值，如显示表项宽度为10。

例如产生的源数据项表的实际位置为（0，－99），即源数据项表在垂直方向上向上产生了99的位移，显示表项宽度为10，则将99/10=9…9，则用户界面包含的列表资源项对应的源数据项表的起始页为第9页，用户界面包含的列表资源项移动的位移为9。因显示表项宽度为10，用户界面包含的列表资源项移动的位置始终在0至10之间变化，当超过10时，资源表项会被复位，重新计算。

读取模块560用于读取该对应的源数据项表的起始项中按照预先自定义表项类从源数据项表中筛选的数据项，其中，所述源数据项的属性信息是根据预先自定义表项类确定。

具体的，预先自定义表项类用于预先确定源数据项需要展示的属性信息。例如，员工列表场景中，需要展示的属性信息包括“名称、年龄和工号”等；虚拟房间列表场景中，需要展示的属性信息包括“房间号、房间名称及参与人员编号”等。

展示模块580用于展示该筛选的数据项。

此外，当源数据项表位置持续变化时，位置触发模块520、视图位置转换模块540、读取模块560及展示模块580循环工作，在视觉上形成列表的滚动。

上述滑动列表组件的实现系统，根据触发位置计算得到源数据项表的实际位置，将实际位置转换为用户界面包含的列表资源项移动的位移及对应的源数据项表的起始项，然后读取该起始项中按照预先自定义表项类确定的源数据项的属性信息，并显示该源数据项的属性信息，因根据自定义表项类确定源数据项的属性信息，样式丰富，需要显示某个属性信息时，可在自定义表项类中添加某个属性信息，易于扩展，使得滑动列表显示的内容灵活，满足个性化需求。

如图6所示，为另一个实施例中一种滑动列表组件的实现系统的结构框图。该滑动列表组件的实现系统，包括预设模块510、位置触发模块520、视图位置转换模块540、读取模块560及展示模块580。其中：

预设模块510用于预先设置滑动列表的方向标识，当该方向标识为第一标识时，表示该滑动列表为垂直方向，当该方向标识为第二标识时，表示该滑动列表为水平方向。

本实施例中，第一标识为0，第二标识为1。为了表示方向标识可采用标识字段，标识字段的值为第一标识，表示滑动列表为垂直方向，标识字段的值为第二标识，表示滑动列表为水平方向。

位置触发模块520包括：方向确定单元522，用于获取预先设置的滑动列表的方向标识，并根据该方向标识确定所述滑动列表的方向。

在一个实施例中，增加了用户界面显示表项的最大数量，以起始项开始选取最大数量的源数据项，获取源数据项相应的属性信息，并显示。如图7所示的滑动列表组件的实现系统，除了包括位置触发模块520、视图位置转换模块540、读取模块560及展示模块580，还包括数量获取模块590和选取模块592。数量获取模块590用于获取预先设置的用户界面的显示表项的最大数量；选取模块592用于以该起始项开始从该源数据项表中选取最大数量的源数据项的属性信息；展示模块580包括：第一展示单元582，用于显示该最大数量的源数据项的属性信息。具体的，如最大数量为10项，起始项为第9页，则从第9页开始，选取9至18页共10项的源数据项的属性信息，然后显示该10项的源数据项的属性信息。

上述滑动列表组件的实现系统，根据触发位置计算得到源数据项表的实际位置，将实际位置转换为用户界面包含的列表资源项移动的位移及对应的源数据项表的起始项，并获取了用户界面的显示表项的最大数量，选取最大数量的源数据项属性信息，因根据自定义表项类确定源数据项的属性信息，样式丰富，需要显示某个属性信息时，可在自定义表项类中添加某个属性信息，易于扩展，使得滑动列表显示的内容灵活，满足个性化需求，因设置了最大数量，可限制显示的数量，提高用户界面空间的利用率。

在一个实施例中，增加了用户界面的资源信息，根据资源信息展示源数据项的属性信息。如图8所示的滑动列表组件的实现系统，除了包括位置触发模块520、视图位置转换模块540、读取模块560、展示模块580、数量获取模块590和选取模块592，还包括资源信息获取模块594。展示模块580包括第一展示单元582和第二展示单元584。资源信息获取模块594用于获取与该自定义表项类相应的用户界面资源信息。第二展示单元584用于按照该用户界面资源信息展示该源数据项的属性信息。

具体的，用户界面资源信息是指根据自定义表项类配置的用户界面的展示样式、颜色、字体、大小等信息，可根据需要自定义。

上述滑动列表组件的实现系统，根据触发位置计算得到源数据项表的实际位置，将实际位置转换为用户界面包含的列表资源项移动的位移及对应的源数据项表的起始项，然后读取该起始项中按照预先自定义表项类确定的源数据项的属性信息，并获取用户界面资源信息，按照用户界面资源信息显示该源数据项的属性信息，因根据自定义表项类确定源数据项的属性信息，用户界面资源信息也可自定义，样式更加丰富，易于扩展，使得滑动列表显示的内容更灵活，满足个性化需求。

在其他实施例中，如图9所示，一种滑动列表组件的实现系统可包括预设模块510、位置触发模块520、视图位置转换模块540、读取模块560及展示模块580、数量获取模块590、选取模块592和资源信息获取模块594，位置触发模块520包括方向确定单元522，视图位置转换模块540包括位置参数确定单元542，展示模块580包括第一展示单元582和第二展示单元584。各模块的功能和单元的功能如上所述，在此不再赘述。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，所述的存储介质可为磁碟、光盘、只读存储记忆体（Read-Only Memory，ROM）或随机存储记忆体（Random Access Memory，RAM）等。

以上所述实施例仅表达了本发明的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附权利要求为准。

Claims (10)

1.一种滑动列表组件的实现方法，包括：

获取对滑动列表组件的触发位置，根据所述触发位置计算源数据项表移动的像素距离，将所述移动的像素距离与预设的源数据项表初始位置比较，产生源数据项表的实际位置；

根据所述产生的源数据项表的实际位置计算得到显示的用户界面包含的列表资源项移动的位移及对应的源数据项表的起始项；读取所述对应的源数据项表的起始项对应的源数据项的属性信息，其中，所述源数据项的属性信息是根据预先自定义表项类确定；以及

展示所述源数据项的属性信息。

2.根据权利要求1所述的滑动列表组件的实现方法，其特征在于，在所述获取对滑动列表组件的触发位置的步骤之前，还包括：

预先设置滑动列表的方向标识，当所述方向标识为第一标识时，表示所述滑动列表为垂直方向，当所述方向标识为第二标识时，表示所述滑动列表为水平方向；

获取预先设置的滑动列表的方向标识，并根据所述方向标识确定所述滑动列表的方向。

3.根据权利要求1所述的滑动列表组件的实现方法，其特征在于，所述根据所述产生的源数据项表的实际位置计算得到显示的用户界面包含的列表资源项移动的位移及对应的源数据项表的起始项的步骤包括：

获取用户界面的显示表项宽度；

将所述产生的源数据项表的实际位置除以所述显示表项宽度得到商和余数，将所述商作为所述用户界面包含的列表资源项对应的源数据项表的起始项，将所述余数作为用户界面包含的列表资源项移动的位移。

4.根据权利要求1所述的滑动列表组件的实现方法，其特征在于，所述方法还包括：

获取预先设置的用户界面的显示表项的最大数量；

以起始项开始从所述源数据项表中选取最大数量的源数据项的属性信息，并显示所述最大数量的源数据项的属性信息。

5.根据权利要求1至4中任一项所述的滑动列表组件的实现方法，其特征在于，在所述读取所述对应的源数据项表的起始项对应的源数据项的属性信息之后，所述展示所述源数据项的属性信息的步骤之前，还包括：

获取与所述自定义表项类相应的用户界面资源信息；

所述展示筛选的数据项的步骤包括：

按照所述用户界面资源信息展示所述源数据项的属性信息。

6.一种滑动列表组件的实现系统，其特征在于，包括：

位置触发模块，用于获取对滑动列表组件的触发位置，根据所述触发位置计算源数据项表移动的像素距离，将所述移动的像素距离与预设的源数据项表初始位置比较，产生源数据项表的实际位置；

视图位置转换模块，用于根据所述产生的源数据项表的实际位置计算得到显示的用户界面包含的列表资源项移动的位移及对应的源数据项表的起始项；以及

读取模块，用于读取所述对应的源数据项表的起始项对应的源数据项的属性信息，其中，所述源数据项的属性信息是根据预先自定义表项类确定；

展示模块，用于展示所述源数据项的属性信息。

7.根据权利要求6所述的滑动列表组件的实现系统，其特征在于，所述系统还包括：

预设模块，用于预先设置滑动列表的方向标识，当所述方向标识为第一标识时，表示所述滑动列表为垂直方向，当所述方向标识为第二标识时，表示所述滑动列表为水平方向；

所述位置触发模块包括：方向确定单元，用于获取预先设置的滑动列表的方向标识，并根据所述方向标识确定所述滑动列表的方向。

8.根据权利要求6所述的滑动列表组件的实现系统，其特征在于，所述视图位置转换模块包括：位置参数确定单元，用于获取用户界面的显示表项宽度，将所述产生的源数据项表的实际位置除以所述显示表项宽度得到商和余数，将所述商作为所述用户界面包含的列表资源项对应的源数据项表的起始项，将所述余数作为用户界面包含的列表资源项移动的位移。

9.根据权利要求6所述的滑动列表组件的实现系统，其特征在于，所述系统还包括：

数量获取模块，用于获取预先设置的用户界面的显示表项的最大数量；

选取模块，用于以起始项开始从所述源数据项表中选取最大数量的源数据项的属性信息；

所述展示模块包括：第一展示单元，用于显示所述最大数量的源数据项的属性信息。

10.根据权利要求6至9中任一项所述的滑动列表组件的实现系统，其特征在于，所述系统还包括：

资源信息获取模块，用于获取与所述自定义表项类相应的用户界面资源信息；

所述展示模块包括：第二展示单元，用于按照所述用户界面资源信息展示所述源数据项的属性信息。