CN104077037B - 拖拽清单的显示方法 - Google Patents

Abstract

本发明提供一种拖拽清单的显示方法，适用于具有屏幕及存储器的电子装置。此方法开启第一执行绪获取多笔数据中每一笔数据的第一缩图，并依序将这些第一缩图加入存储器中的拖拽清单以显示于屏幕。同时，开启第二执行绪获取快取范围内数据中每一笔数据的第二缩图，并依序将这些第二缩图载入存储器以显示于屏幕，其中第二缩图的尺寸大于第一缩图的尺寸。最后，将位于快取范围中央的数据的原始图片载入存储器。

Description

拖拽清单的显示方法

技术领域

本发明是有关于一种界面显示方法，且特别是有关于一种拖拽清单的显示方法。

背景技术

近年来，电脑涉入人类生活越来越深，电脑的功能也越来越多样化。为了方便使用者操作，操作界面的设计就显得相当重要。当操作界面上显示的数据量一多时，使用者在观看及操作上就会眼花缭乱。对此，目前电脑一般会采用清单显示的方式，将所需显示的数据内容以图示或文字的方式条列出来。如此一来，使用者即可轻松地观看数据，并可简易地操作清单，以使电脑呈现出所要观看的数据内容。

在众多的清单设计中，拖拽清单(Draggable list)是现今流行的一种清单显示方式，此清单设计是以列表示图(ListView)的方式，把所有数据的图片一笔一笔地加入存储器，以排列显示于屏幕上。然而，当拖拽清单中的图片数量变多或者图片的数据量变大时，载入存储器的数据将占据大部分的存储空间。因此，当使用者快速滚动拖拽清单时，就会发生图片载入速度跟不上滚动速度的现象，结果导致使用者等待图片出现的时间拉长，而影响其操作的便利性。

发明内容

有鉴于此，本发明提出一种拖拽清单的显示方法，可依据使用者的操作动作，快速显示拖拽清单的数据内容。

本发明提出一种拖拽清单的显示方法，适用于具有屏幕及存储器的电子装置。此方法开启第一执行绪获取多笔数据中每一笔数据的第一缩图，并依序将这些第一缩图加入存储器中的拖拽清单以显示于屏幕。同时，开启第二执行绪获取快取范围内数据中每一笔数据的第二缩图，并依序将这些第二缩图载入存储器以显示于屏幕，其中第二缩图的尺寸大于第一缩图的尺寸。最后，将位于快取范围中央的数据的原始图片载入存储器。

基于上述，本发明拖拽清单的显示方法根据屏幕的可视范围来决定拖拽清单的快取范围，以预先将快取范围内数据的缩图载入存储器。此外，本发明还根据使用者对于拖拽清单的拖拽及选取操作，动态地加入及释放载入存储器的缩图。藉此，可节省存储器的使用量，并快速地显示拖拽清单的内容。

为让本发明上述特征和优点能更明显易懂，下文特举实施例，并配合附图作详细说明如下。

附图说明

图1是依照本发明一实施例所示出的拖拽清单的显示方法的流程图；

图2是依照本发明一实施例所示出的拖拽清单的显示方法的范例示意图；

图3是依照本发明一实施例所示出的拖拽清单的显示方法的流程图；

图4是依照本发明一实施例所示出的拖拽清单的显示方法的范例示意图；

图5是依照本发明一实施例所示出的拖拽清单的显示方法的流程图；

图6是依照本发明一实施例所示出的拖拽清单的显示方法的范例示意图。

附图标记说明：

20：拖拽清单；

S102～S106、S302～S310、S502～S510：步骤。

具体实施方式

本发明在电子装置显示拖拽清单时，先获取每笔数据的小缩图(thumbnail)作为拖拽清单中的项目，以快速地显示出拖拽清单。同时，本发明另根据电子装置屏幕的可视范围，预先获取一定数目数据的较大缩图，并将其载入存储器以显示于屏幕，藉此在屏幕上呈现较清楚的数据内容供使用者观看。此外，当使用者拖拽或选择拖拽清单中的缩图时，本发明还可动态地增减存储器中快取的缩图，藉此可在不增加存储器使用空间的情况下，维持拖拽清单操作的流畅性，并提供较佳的使用经验。

图1是依照本发明一实施例所示出的拖拽清单的显示方法的流程图。请参照图1，本实施例适用于具有屏幕及存储器的电子装置，此电子装置例如是手机、个人数码助理、平板电脑、笔记本电脑、台式电脑等具备屏幕的装置。所述屏幕例如是液晶显示器(LiquidCrystal Display，简称LCD)、发光二极管(Light-Emitting Diode，简称LED)显示器、场发射显示器(FieldEmission Display，简称FED)或其他种类的显示器，或是结合电阻式、电容式等触碰感应元件的触碰式屏幕，所述存储器例如是随机存取存储器(randomaccessmemory，简称RAM)、快闪存储器(flash memory)，在此不设限。以下即搭配上述电子装置的各项元件说明本实施例显示方法的详细步骤。

首先，电子装置会开启第一执行绪来获取多笔数据中每一笔数据的第一缩图，并依序将所获取的第一缩图加入存储器中的拖拽清单以在屏幕上显示(步骤S102)。其中，上述的数据可以是储存在电子装置内的图片、视频、文字等文件，也可以是使用者利用电子装置浏览网页的内容，而电子装置例如是直接获取图片文件、视频文件中的某一影像或是获取文字文件、网页的影像文件，而以缩图的形式加入拖拽清单，作为拖拽清单中的一个项目(item)。

需说明的是，当使用者通过执行应用程序或其他操作而启动拖拽清单的功能时，电子装置例如会先获取其预设或目前执行数据的第一缩图，并将此第一缩图加入拖拽清单以在屏幕上显示。此第一缩图例如会显示在电子装置屏幕可视范围的中央，让使用者可率先看到其目前执行数据的缩图。接着，电子装置将以此数据为中心，一前一后依序将与此数据相邻的其他数据的第一缩图加入拖拽清单以在屏幕上显示。其中，由于电子装置在显示拖拽清单时，是由中央向外依序获取及显示数据缩图，而不是等到电子装置获取完所有数据的缩图再进行显示，因此可加快拖拽清单的显示速度。

举例来说，图2是依照本发明一实施例所示出的拖拽清单的显示方法的范例示意图。请参照图2，本实施例假设拖拽清单20中总共包括20笔数据，且目前被选取的数据为9。对此，电子装置即会先获取数据9的第一缩图并显示在屏幕上，然后再依照数据10、8、11、7、...、1、18、19、20的顺序，由中央向外(假设数据1、20为相邻)依序获取其他数据的第一缩图，从而加入拖拽清单以在屏幕上显示。藉此，使用者即可在很短的时间内在电子装置的屏幕上看到拖拽清单20的内容。

回到图1的流程，电子装置在使用第一执行绪获取第一缩图的同时，还会同时开启第二执行绪来获取一快取范围内数据中每一笔数据的第二缩图，并依序将这些第二缩图载入存储器以在屏幕上显示(步骤S 104)。其中，上述第二缩图的尺寸大于第一缩图的尺寸，而能够提供更清晰的数据内容供使用者观看。

详言之，电子装置例如会先将电子装置预设或目前执行的数据的第二缩图载入存储器以在屏幕上显示，此第二缩图例如会覆盖原先显示的第一缩图，以提供更大更清晰的数据内容给使用者观看。然后，电子装置会再以此数据做为快取范围的中心，一前一后依序将快取范围内与此数据相邻的其他数据的第二缩图载入存储器以在屏幕上显示。其中，电子装置例如会依据其屏幕显示拖拽清单的可视范围，而决定快取范围的大小(快取范围可等同于可视范围，也可稍大于可视范围)，同时也会依据电子装置预设或目前执行的数据，决定快取范围的位置。

以图2为例，假设电子装置屏幕的可视范围只能显示5笔数据的第二缩图，且此第二缩图的尺寸约为原始图片的2/3，而可清楚地呈现原始图片的内容。对此，电子装置同样先获取数据9的缩图并显示在屏幕上，然后再依照10、8、11、7的顺序，由中央向外依序获取相邻其他数据的第二缩图，从而加入拖拽清单以在屏幕上显示。其中，电子装置所获取的第二缩图例如会覆盖相应数据的第一缩图，藉此让使用者可在屏幕上看到更多的数据内容。

回到图1的流程，电子装置除了会在存储器中暂存快取范围内的数据缩图外，还会将位于快取范围中央的数据的原始图片预先载入存储器(步骤S106)，以便使用者对此缩图进行的缩放操作。详言之，电子装置在接收到使用者对于快取范围中央的数据的第二缩图的缩放操作时，例如会存取存储器中预先载入的此数据的原始图片，并直接在屏幕上显示缩放后的原始图片。藉此，可避免电子装置对直接对缩图进行缩放，而造成图片不清晰的结果。此外，在一实施例中，电子装置还可以将其载入存储器的原始图片覆盖其相应数据的第二缩图并显示在屏幕上，以提供更大更清晰的数据内容给使用者观看。

需说明的是，采用上述拖拽清单的显示方法，存储器中不仅有暂存所有数据的第一缩图，也有暂存快取范围内数据的第二缩图，因此无论使用者向前或向后滚动拖拽清单，存储器中皆有部分的缩图数据可供快速存取及显示。而针对使用者对于拖拽清单的拖拽或选择操作，本发明更进一步地动态调整存储器中暂存的缩图数据，以在不增加存储器使用空间的情况下，维持拖拽清单操作的流畅性。以下则分别举一实施例详细说明。

针对使用者的拖拽操作，图3是依照本发明一实施例所示出的拖拽清单的显示方法的流程图。请参照图3，本实施例是接续在上述实施例的步骤S106之后，说明使用者对拖拽清单进行拖拽操作时，电子装置显示拖拽清单的流程，其步骤如下：

首先，电子装置会检测使用者对于拖拽清单的拖拽操作，而据以拖拽此拖拽清单并对应移动快取范围(步骤S302)。其中，使用者例如可利用鼠标选拖拽清单并左右移动以拖拽拖拽清单，或是可直接用手触碰(触控)屏幕上显示的拖拽清单并左右移动以拖拽拖拽清单，在此不设限。

需说明的是，在使用者拖拽拖拽清单的过程中，显示在屏幕上的缩图内容也跟着改变，因此电子装置也会对应移动快取范围，并重新获取移动后快取范围内数据的第二缩图，以依序载入存储器并在屏幕上显示。

详言之，电子装置例如会针对移动后快取范围内新增数据，获取每一笔数据的第二缩图，并依序载入存储器以在屏幕上显示(步骤S304)。另一方面，电子装置还会针对从移动后快取范围移出的数据，将存储器中对应的第二缩图释放(步骤S306)，以清出存储空间。

此外，在使用者拖拽拖拽清单的过程中，显示在屏幕中央的缩图内容也跟着改变，因此，电子装置还会根据移动后的快取范围，将位于移动后快取范围中央的数据的原始图片载入存储器(步骤S308)，同时将存储器中快取范围移动前所载入的原始图片释放(步骤S310)，以清出存储空间。

举例来说，图4是依照本发明一实施例所示出的拖拽清单的显示方法的范例示意图。请同参照图2及图4，本实施例说明使用者将图2的拖拽清单20向左拖拽，使得电子装置的快取范围从图2所示的数据7～11移动为图4所示的数据16～20。对此，电子装置即会获取新增数据16～20的第二缩图，并依序载入存储器以在屏幕上显示，同时也会将存储器中数据7～11的第二缩图释放，以清出存储空间。此外，电子装置还会将位于移动后快取范围中央的数据18的原始图片载入存储器，同时将存储器中快取范围移动前所载入数据9的原始图片释放，以清出存储空间。

针对使用者的选择操作，图5是依照本发明一实施例所示出的拖拽清单的显示方法的流程图。请参照图5，本实施例是接续在上述实施例的步骤S106之后，说明使用者对拖拽清单进行选择操作时，电子装置显示拖拽清单的流程，其步骤如下：

首先，电子装置会检测使用者对于拖拽清单中第一缩图或第二缩图的选择操作，据以拖拽此拖拽清单并对应移动快取范围(步骤S502)。其中，使用者例如可利用鼠标选拖拽清单中的缩图，或是可直接用手触碰(触控)屏幕上显示的缩图以拖拽拖拽清单，在此不设限。需说明的是，使用者可能直接点选拖拽清单内的缩图(较大的第二缩图)，也可能先拖拽拖拽清单再进行点选，此时在电子装置可能只来得及显示数据的第一缩图，还未显示第二缩图时，故使用者也是点选第一缩图。

在使用者选择缩图的过程中，显示在屏幕上的缩图内容也跟着改变，因此电子装置也需要对应移动快取范围，并重新获取移动后快取范围内数据的第二缩图，以依序载入存储器并在屏幕上显示。

详言之，电子装置例如会针对移动后快取范围内新增数据，获取每一笔数据的第二缩图，并依序载入存储器以在屏幕上显示(步骤S504)。另一方面，电子装置还会针对从移动后快取范围移出的数据，将存储器中对应的第二缩图释放(步骤S506)，以清出存储空间。

此外，在使用者选择缩图的过程中，显示在屏幕中央的缩图内容也跟着改变，因此，电子装置还会根据移动后的快取范围，将位于移动后快取范围中央的数据的原始图片载入存储器(步骤S508)，同时将存储器中快取范围移动前所载入的原始图片释放(步骤S510)，以清出存储空间。

举例来说，图6是依照本发明一实施例所示出的拖拽清单的显示方法的范例示意图。请同参照图2及图6，本实施例说明使用者点选图2拖拽选单中的数据10后，电子装置的快取范围即从图2所示的数据7～11移动为图6所示的数据8～12。对此，电子装置即会获取新增数据12的第二缩图，并载入存储器以在屏幕上显示，同时也会将存储器中数据7的第二缩图释放，以清出存储空间。此外，电子装置还会将位于移动后快取范围中央的数据10的原始图片载入存储器，同时将存储器中快取范围移动前所载入数据9的原始图片释放，以清出存储空间。由于电子装置的存储器中有快取数据7～11的第二缩图，对于使用者的选择操作，也只需新增数据12的第二缩图，无需重新加入所有数据的缩图，故可加快拖拽清单的显示速度。

综上所述，本发明拖拽清单的显示方法根据屏幕的可视范围来决定拖拽清单的快取范围，以预先将快取范围内数据的缩图载入存储器，藉此可解决加入大量图片时载入时间过久才显示的问题。此外，本发明还根据使用者对于拖拽清单的拖拽及选取操作，动态地加入及释放载入存储器的缩图，藉此可节省存储器的使用量，并快速地显示拖拽清单的内容。

最后应说明的是：以上各实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述各实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分或者全部技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的范围。

Claims (9)

1.一种拖拽清单的显示方法，适用于具有一屏幕及一存储器的一电子装置，其特征在于，包括：

开启一第一执行绪获取多笔数据中每一笔数据的一第一缩图，并依序加入所述第一缩图至该存储器中的一拖拽清单以显示于该屏幕；

开启一第二执行绪获取一快取范围内所述数据中每一笔数据的一第二缩图，并依序载入所述第二缩图至该存储器以显示于该屏幕，其中所述第二缩图的尺寸大于所述第一缩图的尺寸，并依据该屏幕显示该拖拽清单的一可视范围，决定该快取范围的大小，且依据该电子装置预设或目前执行的该数据，决定该快取范围的位置；以及

载入位于该快取范围中央的该数据的一原始图片于该存储器。

2.根据权利要求1所述拖拽清单的显示方法，其特征在于，依序加入所述第一缩图至该存储器中的该拖拽清单，以显示于该屏幕的步骤包括：

将该电子装置预设或目前执行的该数据的该第一缩图加入该拖拽清单以显示于该屏幕；以及

以该电子装置预设或目前执行的该数据为中心，一前一后依序将该数据相邻的其他数据的该第一缩图加入该拖拽清单以显示于该屏幕。

3.根据权利要求1所述拖拽清单的显示方法，其特征在于，依序载入所述第二缩图至该存储器以显示于该屏幕的步骤包括：

将该电子装置预设或目前执行的该数据的该第二缩图载入该存储器以显示于该屏幕；以及

以该电子装置预设或目前执行的该数据做为该快取范围的中心，一前一后依序将该快取范围内该数据相邻的其他数据的该第二缩图载入该存储器以显示于该屏幕。

4.根据权利要求1所述拖拽清单的显示方法，其特征在于，在依序载入所述第二缩图至该存储器以显示于该屏幕的步骤之后，该方法还包括：

检测一使用者对于该拖拽清单的一拖拽操作，据以拖拽该拖拽清单并对应移动该快取范围；以及

获取该快取范围内所述数据中每一笔数据的该第二缩图，依序载入该存储器并显示于该屏幕。

5.根据权利要求4所述拖拽清单的显示方法，其特征在于，在检测该使用者对于该拖拽清单的该拖拽操作以拖拽该拖拽清单，并对应移动该快取范围的步骤之后，该方法还包括：

载入位于移动后该快取范围中央的该数据的该原始图片于该存储器；

释放该存储器中该快取范围移动前所载入的该原始图片；

针对移动后该快取范围内新增的所述数据，获取每一笔数据的该第二缩图，依序载入该存储器以显示于该屏幕；以及

针对从移动后该快取范围移出的所述数据，释放该存储器中对应的所述第二缩图。

6.根据权利要求1所述拖拽清单的显示方法，其特征在于，在依序载入所述第二缩图至该存储器以显示于该屏幕的步骤之后，该方法还包括：

检测一使用者对于该拖拽清单中该第一缩图或该第二缩图的一选择操作，据以拖拽该拖拽清单并对应移动该快取范围；以及

获取该快取范围内所述数据中每一笔数据的该第二缩图，依序载入该存储器并显示于该屏幕。

7.根据权利要求6所述拖拽清单的显示方法，其特征在于，在检测该使用者对于该拖拽清单中该第一缩图或该第二缩图的该选择操作，据以拖拽该拖拽清单并对应移动该快取范围的步骤之后，该方法还包括：

载入位于移动后该快取范围中央的该数据的该原始图片于该存储器；

释放该存储器中该快取范围移动前所载入的该原始图片；

针对移动后该快取范围内新增的所述数据，获取每一笔数据的该第二缩图，依序载入该存储器以显示于该屏幕；以及

针对从移动后该快取范围移出的所述数据，释放该存储器中对应的所述第二缩图。

8.根据权利要求1所述拖拽清单的显示方法，其特征在于，在载入位于该快取范围中央的该数据的一原始图片于该存储器的步骤之后，该方法还包括：

以该原始图片覆盖该存储器中相同数据的该第二缩图以显示于该屏幕。

9.根据权利要求1所述拖拽清单的显示方法，其特征在于，在载入位于该快取范围中央的该数据的一原始图片于该存储器的步骤之后，该方法还包括：

接收一使用者对于该快取范围中央的数据的该第二缩图的一缩放操作；以及

存取该存储器中该数据的该原始图片，以显示缩放后的该原始图片于该屏幕。