CN102314286A - 电子装置及其物件移动方法 - Google Patents

Abstract

本发明涉及一种电子装置及其物件移动方法，物件移动方法用于电子装置的操作界面，此操作界面包括第一母物件，且第一母物件包括多个第一子物件。此方法在检测到对应于第一母物件的移动事件时，取得表示第一母物件的第一替代图片，并将至少部分的第一替代图片显示于屏幕可视范围，以及根据移动事件来移动第一替代图片。当移动事件不存在时，根据第一替代图片目前显示在屏幕可视范围的部分，自第一母物件所包括的所有第一子物件中，重新决定显示在屏幕可视范围中的第一子物件。本发明的电子装置及其物件移动方法能在移动物件时降低电子装置的中央处理器的使用率，进而避免画面停顿的情况产生。

Description

电子装置及其物件移动方法

技术领域

本发明涉及一种物件移动方法，尤其涉及一种操作界面上具有多个子物件的母物件的电子装置及其物件移动方法。

背景技术

操作界面用以让使用者和电子装置互动，进而取得需要的操作结果。而为了让使用者能更便利地使用电子装置，关于操作界面的设计也日趋多元化。除了常见的图示及表单等元件之外，动画特效的添入更大幅提升了操作界面的使用乐趣。

以利用微软新一代展示层架构(Windows Presentation Foundation，简称为：WPF)所开发的动画为例，由于构成动画的每个物件可包括一或多个图层，因此当物件的数量越多时，便容易造成***运作效率低落。特别是在构成动画的所有物件并未完全显示在电子装置的屏幕可视范围之内，且电子装置的屏幕解析度较大的情况下，当需要移动物件时，经常必须面临电子装置的中央处理器使用率过高，而导致物件移动速度过慢甚至画面停顿等情况。不难想象，运作不流畅的操作界面十分容易对使用者的使用观感造成负面影响。

发明内容

本发明的目的是提供一种物件移动方法，以在移动操作界面上的物件时，降低电子装置的中央处理器的使用率。

本发明的目的是提供一种电子装置，以在使用者移动操作界面上的物件时，确保***运作的流畅度。

本发明提供一种物件移动方法，用于电子装置的操作界面，此操作界面包括第一母物件，且第一母物件包括多个第一子物件。此方法在检测到对应于第一母物件的移动事件时，取得表示第一母物件的第一替代图片，并将至少部分的第一替代图片显示于屏幕可视范围，以及根据移动事件来移动第一替代图片。当移动事件不存在时，根据第一替代图片目前显示在屏幕可视范围的部分，自第一母物件所包括的所有第一子物件中，重新决定显示在屏幕可视范围中的第一子物件。

在本发明一实施例中，此物件移动方法还包括在显示至少部分的第一替代图片于屏幕可视范围后，隐藏第一母物件。以及在移动事件不存在后，取消隐藏第一母物件，并且隐藏第一替代图片。

在本发明一实施例中，操作界面还包括第二母物件，第二母物件所包括的多个第二子物件均位于第一子物件的上层。此方法还包括当检测到对应于第二母物件的移动事件时，取得表示第一母物件的第一替代图片，将至少部分的第一替代图片显示于屏幕可视范围，并根据移动事件移动第二母物件。当移动事件不存在时，根据第一替代图片目前显示在屏幕可视范围且未被第二母物件遮蔽的部分，自第一母物件所包括的所有第一子物件中，重新决定显示在屏幕可视范围中的第一子物件。

从另一观点来看，本发明提供一种电子装置，包括显示模组、检测模组、图片生成模组以及控制模组。其中，显示模组用以显示一操作界面，此操作界面包括第一母物件，且第一母物件包括多个第一子物件。检测模组耦接显示模组，用以检测是否有对应于第一母物件的移动事件。图片生成模组耦接检测模组，在检测模组检测到对应于第一母物件的移动事件时，图片生成模组取得表示第一母物件的第一替代图片。控制模组耦接检测模组、图片生成模组与显示模组，其中控制模组将至少部分的第一替代图片显示于显示模组所定义的屏幕可视范围，并根据移动事件移动第一替代图片。当检测模组判断移动事件不存在时，控制模组根据第一替代图片目前显示在屏幕可视范围的部分，自第一母物件所包括的所有第一子物件中，重新决定显示在屏幕可视范围中的第一子物件。

基于上述，本发明在判断需要移动具有多个子物件的母物件时，将母物件及其所包括的子物件一并转为一替代图片，并以移动替代图片来取代移动母物件。而在判断有其他物件需在具有多个子物件的母物件的上方移动时，也先将下方的母物件及其所包括的子物件转为图片，接着再移动上方物件。据此将能在移动物件时降低电子装置的中央处理器使用率，进而避免画面停顿的情况产生。

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

附图说明

图1是本发明一实施例的电子装置的方块图。

图2是本发明一实施例的物件移动方法的流程图。

图3是本发明另一实施例的物件移动方法的流程图。

图4A、4B、4C、4D、4E是本发明一实施例的移动第一母物件的示意图。

图5是本发明又一实施例的物件移动方法的流程图。

图6是本发明的一实施例的两个母物件的示意图。

图7是本发明再一实施例的物件移动方法的流程图。

主要元件符号说明：

100：电子装置；          110：显示模组；

120：检测模组；          130：图片生成模组；

140：控制模组；          1、2、3、4：第二子物件；

410、610：第一母物件；   420：屏幕可视范围；

430：第一替代图片；     620：第二母物件；

A、B、C、D、E、F、G：第一子物件；

210～230、310～350、510～530、710～730：步骤。

具体实施方式

图1是本发明一实施例的电子装置的方块图。电子装置100包括显示模组110、检测模组120、图片生成模组130以及控制模组140。电子装置100可为手机、个人数字助理、智能手机或电脑***等等，在此并不对电子装置100的种类加以限制。

显示模组110可为触控式屏幕或液晶屏幕，用以显示电子装置100的各种操作界面。在本实施例中，操作界面可包括一或多个母物件，且每个母物件均个别具有多个子物件，子物件例如是界面工具集(widget)，或是以一或多个图层构成的物件，在此并不对子物件的功能加以限制。详细地说，母物件可以是透明的多图层物件，负责乘载其所包括的子物件。因此，母物件的移动将使其所包括的子物件随之跟着移动。但必须特别说明的是，在移动母物件时，其所包括的子物件在母物件中的相对位置并不会改变。

检测模组120耦接至显示模组110，并用以检测使用者操作母物件而产生的事件。举例来说，当显示模组110为触控式屏幕时，检测模组120可以是触控传感器，以检测使用者触碰并操作物件所产生的各类事件。而当显示模组110为液晶屏幕时，检测模组120可以是软件元件，以检测使用者通过鼠标或键盘等输入装置点选或操作物件时所引发的各类事件。

图片生成模组130耦接至检测模组120。图片生成模组130用以在检测模组120检测到对应于母物件的移动事件时，产生对应的替代图片。其中，图片生成模组130可利用硬件元件(例如处理器)、软件元件，或硬件及软件元件的组合来实现。

控制模组140耦接显示模组110、检测模组120、图片生成模组130。在对应于母物件的移动事件持续存在时，控制模组140会利用图片生成模组130所产生的替代图片执行一物件移动机制，进而降低在移动母物件时电子装置100的中央处理器(未示出)的使用率。在本实施例中，控制模组140可以是硬件元件(例如处理器)、软件元件，或硬件及软件元件的组合。

为了进一步说明在需要移动母物件时电子装置100的详细操作方式，以下特举另一实施例来对本发明进行说明。图2是本发明一实施例的物件移动方法的流程图。

在本实施例中，显示模组110所显示的操作界面包括第一母物件，此第一母物件具有多个第一子物件。在此假设已有一或多个第一子物件显示在显示模组110所定义的屏幕可视范围中，但本发明并不以此为限。换句话说，此时使用者可通过显示模组110观看位于屏幕可视范围中的第一子物件。

首先如步骤210所示，当检测模组120检测到对应于第一母物件的移动事件时，图片生成模组130取得表示第一母物件的第一替代图片。其中，图片生成模组130依照第一母物件的开发环境采取对应的方式来产生其替代图片。举例来说，倘若第一母物件以微软新一代展示层架构(WindowsPresentation Foundation，简称为：WPF)所开发，那么图片生成模组130可使用该架构中的特定功能(例如Visual Brush功能)将第一母物件的图像存入一数据结构，接着再将其汇出成第一替代图片。

接下来在步骤220中，控制模组140将至少部分的第一替代图片显示于屏幕可视范围以取代第一母物件，并且根据移动事件来移动第一替代图片。进一步来说，倘若第一母物件的大小超过屏幕可视范围，控制模组140会依照屏幕可视范围的边界与第一母物件的相对位置，将部分的第一替代图片显示于屏幕可视范围。而若第一母物件的大小不超过屏幕可视范围，控制模组140则会根据第一母物件是否完全位于屏幕可视范围来决定要显示全部或部分的第一替代图片。当控制模组140根据移动事件来移动第一替代图片时，例如会取得移动事件所提供的方向或坐标等信息来移动第一替代图片，进而让使用者能从屏幕可视范围中看到第一替代图片的不同区域。只要移动事件尚未消失，控制模组140便会不断地根据移动事件来移动第一替代图片。

最后如步骤230所示，当检测模组120判断移动事件不存在时，控制模组140根据第一替代图片目前显示在屏幕可视范围的部分，自第一母物件所包括的所有第一子物件中，重新决定显示在屏幕可视范围中的第一子物件。换句话说，控制模组140在确认移动事件消失之后，会使第一母物件与屏幕可视范围之间的相对位置等同于第一替代图片目前与屏幕可视范围之间的相对位置。

如图2所示的各步骤，当需要移动第一母物件时，本实施例是以第一替代图片取代第一母物件来进行移动。由于实际被移动的第一替代图片是属于单一图层的物件，因而能大幅减少电子装置100的中央处理器的使用率。等待移动完毕之后，第一替代图片才会被换回原始的第一母物件。

图3是本发明另一实施例的物件移动方法的流程图。本实施例是以移动图4A所示的第一母物件410为例来对本发明进行说明。如图4A所示，第一母物件410包括多个第一子物件A～F。且其中三个第一子物件(即第一子物件D、E、F)已显示在屏幕可视范围420中。

首先如步骤310所示，检测模组120反复判断是否检测到对应于第一母物件410的移动事件。若检测到对应于第一母物件410的移动事件，接着在步骤320中，图片生成模组130取得表示第一母物件410的第一替代图片(如图4B所示的第一替代图片430)，并由控制模组140将至少部分的第一替代图片430显示于屏幕可视范围420，以及隐藏第一母物件410。在本实施例中，隐藏第一母物件410的方式例如是更改第一母物件410的属性，而由于第一子物件A～F均为第一母物件410的一部分，因此在隐藏第一母物件410后，其所包括的所有第一子物件也将随之隐藏。

接着如步骤330所示，控制模组140根据移动事件移动第一替代图片430。在本实施例中，例如是向右移动第一替代图片430(如图4C所示)。

接下来如步骤340所示，检测模组120持续判断移动事件是否存在。若移动事件仍存在，则回到步骤330，由控制模组140继续根据移动事件来移动第一替代图片430。例如，继续向右移动第一替代图片430。

而当移动事件不存在时，则如步骤350所示，控制模组140取消隐藏第一母物件410，并根据第一替代图片430显示在屏幕可视范围420的部分，自第一母物件410所包括的所有第一子物件中，重新决定出要显示在屏幕可视范围420中的第一子物件，最后再隐藏第一替代图片430。举例来说，假设对应于第一母物件410的移动事件在图4D所示的情况下消失，在控制模组140完成步骤350所示的动作后，则如图4E所示，控制模组140再次显示第一母物件410，此时会决定将第一子物件A、B、C显示于屏幕可视范围420，并隐藏第一替代图片430。比较图4D与图4E可发现，控制模组140在将第一替代图片430还原回第一母物件410时，会参考第一替代图片430与屏幕可视范围420的相对位置以决定第一母物件410的位置。

图5是本发明又一实施例的物件移动方法的流程图，而图6是本发明一实施例的两个母物件的示意图。在本实施例中，电子装置100的操作界面除了包括第一母物件610之外，另外还包括第二母物件620。第一母物件610包括七个第一子物件(即第一子物件A、B、C、D、E、F、G)，第二母物件620则包括四个第二子物件(即第二子物件1、2、3、4)。如图6所示，第二母物件620所包括的所有第二子物件均位于所有第一子物件的上层。即在第一母物件610与第二母物件620之间，第一母物件610属于下层的图层物件，而第二母物件620则是属于上层的图层物件。

首先如步骤510所示，在检测模组120检测到对应于第二母物件620的移动事件时，图片生成模组130取得表示第一母物件610的第一替代图片。

接着在步骤520中，控制模组140将至少部分的第一替代图片显示于屏幕可视范围，并根据移动事件移动第二母物件620。由于移动第二母物件620的方式与一般在操作界面上移动多图层物件的方式相同或相似，故在此不再赘述。

最后如步骤530所示，当检测模组120判断移动事件不存在时，控制模组140根据第一替代图片目前显示在屏幕可视范围且未被第二母物件620遮蔽的部分，自第一母物件610所包括的所有第一子物件中，重新决定显示在屏幕可视范围中的第一子物件。换句话说，控制模组140在第二母物件620停止移动之后，会将第一替代图片恢复为第一母物件610。

如图5所示，当有一物件(例如第二母物件620)需要在一个具有多图层的复杂物件(例如第一母物件610)的上方移动时，控制模组140会将位于下层的复杂物件替换为图片，进而降低在移动上层物件时电子装置100的中央处理器的使用率，从而避免画面停顿的情况产生。

图7是本发明再一实施例的物件移动方法的流程图，延续上述实施例，电子装置100的操作界面包括第一母物件610与第二母物件620，且第一母物件610属于下层的图层物件，而第二母物件620则是属于上层的图层物件。

首先如步骤710所示，图片生成模组130在检测模组120检测到对应于第二母物件620的移动事件时，分别取得表示第一母物件610的第一替代图片，以及表示第二母物件620的第二替代图片。

接着在步骤720中，控制模组140将至少部分的第一替代图片与至少部分的第二替代图片显示于屏幕可视范围，并根据移动事件移动第二替代图片。

最后如步骤730所示，当检测模组120判断移动事件不存在时，控制模组140根据第二替代图片目前显示在屏幕可视范围的部分，自第二母物件所包括的所有第二子物件中，重新决定要显示在屏幕可视范围中的第二子物件，并根据第一替代图片目前显示在屏幕可视范围且未被第二替代图片遮蔽的部分，自第一母物件所包括的所有第一子物件中，重新决定要显示在屏幕可视范围中的第一子物件。

在本实施例中，当检测到对应于上层母物件的移动事件时，图片生成模组130会产生分别表示上下两层母物件的两张替代图片，且控制模组140会以移动上层母物件的替代图片来取代移动上层母物件的动作。等到判定不再需要移动上层母物件之后，控制模组140才将两张替代图片还原成原有的上层母物件以及下层母物件。据此达到减少中央处理器使用率的目的。

在上述实施例中，控制模组140在将至少部分的第一替代图片与至少部分的第二替代图片显示于屏幕可视范围后，控制模组140可通过变更属性的方式隐藏第一母物件610与第二母物件620。因此使用者通过屏幕可视范围看到两个母物件的替代图片，而并非看到母物件本身。

在检测模组120判断对应于第二母物件620的移动事件不存在后，控制模组140会取消隐藏第一母物件、重新决定要显示在屏幕可视范围的是哪些第一子物件，并隐藏第一替代图片。此外，控制模组140也将取消隐藏第二母物件、重新决定要显示在屏幕可视范围的是哪些第二子物件，并且隐藏第二替代图片。

必需特别说明的是，本发明并不对操作界面及其所包括的母物件的开发架构加以限制。任何在操作界面中具有多个图层的母物件均可通过上述实施例所述的物件移动方法来降低移动母物件时的画面停顿情况。

综上所述，本发明所述的电子装置及其物件移动方法是当发现具有多图层的复杂母物件需被移动时，利用该母物件的替代图片进行移动，另外当有其他的物件要在一多图层的母物件上方移动时，也先将多图层的母物件转换为替代图片，直到移动结束后才将替代图片还原为原母物件。据此，能在移动物件的过程中降低中央处理器的使用率，进而产生较流畅的画面移动效果。

虽然本发明已以实施例揭示如上，但其并非用以限定本发明，任何本领域技术人员，在不脱离本发明的精神和范围内，可作适当更改或等同替换，故本发明的保护范围应以权利要求书所界定的范围为准。

Claims (10)

1.一种物件移动方法，其特征在于，用于一电子装置的一操作界面，所述操作界面包括一第一母物件，所述第一母物件包括多个第一子物件，所述方法包括：

当检测到对应于所述第一母物件的一移动事件时，取得表示所述第一母物件的一第一替代图片；

显示至少部分的所述第一替代图片于一屏幕可视范围，并根据所述移动事件移动所述第一替代图片；以及

当所述移动事件不存在时，根据所述第一替代图片目前显示在所述屏幕可视范围的部分，自所述第一母物件所包括的所述多个第一子物件中，重新决定显示在所述屏幕可视范围中的第一子物件。

2.根据权利要求1所述的物件移动方法，其特征在于，还包括：

在显示至少部分的所述第一替代图片于所述屏幕可视范围后，隐藏所述第一母物件；以及

在所述移动事件不存在后，取消隐藏所述第一母物件并隐藏所述第一替代图片。

3.根据权利要求1所述的物件移动方法，其特征在于，所述操作界面还包括一第二母物件，所述第二母物件所包括的多个第二子物件均位于所述多个第一子物件的上层，所述方法还包括：

当检测到对应于所述第二母物件的所述移动事件时，取得表示所述第一母物件的所述第一替代图片；

显示至少部分的所述第一替代图片于所述屏幕可视范围，并根据所述移动事件移动所述第二母物件；以及

当所述移动事件不存在时，根据所述第一替代图片目前显示在所述屏幕可视范围且未被所述第二母物件遮蔽的部分，自所述第一母物件所包括的所述多个第一子物件中，重新决定显示在所述屏幕可视范围中的第一子物件。

4.根据权利要求3所述的物件移动方法，其特征在于，还包括：

当检测到对应于所述第二母物件的所述移动事件时，取得表示所述第一母物件的所述第一替代图片，以及表示所述第二母物件的一第二替代图片；

显示至少部分的所述第一替代图片与至少部分的所述第二替代图片于所述屏幕可视范围，并根据所述移动事件移动所述第二替代图片；以及

当所述移动事件不存在时，根据所述第二替代图片目前显示在所述屏幕可视范围的部分，自所述第二母物件所包括的所述多个第二子物件中重新决定显示在所述屏幕可视范围中的第二子物件，并根据所述第一替代图片目前显示在所述屏幕可视范围且未被所述第二替代图片遮蔽的部分，自所述第一母物件所包括的所述多个第一子物件中重新决定显示在所述屏幕可视范围中的第一子物件。

5.根据权利要求4所述的物件移动方法，其特征在于，还包括：

在显示至少部分的所述第一替代图片与至少部分的所述第二替代图片于所述屏幕可视范围后，隐藏所述第一母物件与所述第二母物件；以及

在所述移动事件不存在后，取消隐藏所述第一母物件并隐藏所述第一替代图片，以及取消隐藏所述第二母物件并隐藏所述第二替代图片。

6.一种电子装置，其特征在于，包括：

一显示模组，显示一操作界面，其中所述操作界面包括一第一母物件，且所述第一母物件包括多个第一子物件；

一检测模组，耦接所述显示模组，用来检测是否有对应于所述第一母物件的一移动事件；

一图片生成模组，耦接所述检测模组，在所述检测模组检测到对应于所述第一母物件的所述移动事件时，所述图片生成模组取得表示所述第一母物件的一第一替代图片；以及

一控制模组，耦接所述检测模组、所述图片生成模组与所述显示模组，其中所述控制模组显示至少部分的所述第一替代图片于所述显示模组定义的一屏幕可视范围，并根据所述移动事件移动所述第一替代图片；当所述检测模组判断所述移动事件不存在时，所述控制模组根据所述第一替代图片目前显示在所述屏幕可视范围的部分，自所述第一母物件所包括的所述多个第一子物件中，重新决定显示在所述屏幕可视范围中的第一子物件。

7.根据权利要求6所述的电子装置，其特征在于，所述控制模组在显示至少部分的所述第一替代图片于所述屏幕可视范围后，隐藏所述第一母物件，并在所述检测模组判断所述移动事件不存在后，取消隐藏所述第一母物件并隐藏所述第一替代图片。

8.根据权利要求6所述的电子装置，其特征在于，所述操作界面还包括一第二母物件，所述第二母物件所包括的多个第二子物件均位于所述多个第一子物件的上层；

所述图片生成模组在所述检测模组检测到对应于所述第二母物件的所述移动事件时，取得表示所述第一母物件的所述第一替代图片；

所述控制模组显示至少部分的所述第一替代图片于所述屏幕可视范围，并根据所述移动事件移动所述第二母物件；

当所述检测模组判断所述移动事件不存在时，所述控制模组根据所述第一替代图片目前显示在所述屏幕可视范围且未被所述第二母物件遮蔽的部分，自所述第一母物件所包括的所述多个第一子物件中，重新决定显示在所述屏幕可视范围中的第一子物件。

9.根据权利要求8所述的电子装置，其特征在于，所述图片生成模组在所述检测模组检测到对应于所述第二母物件的所述移动事件时，取得表示所述第一母物件的所述第一替代图片以及表示所述第二母物件的一第二替代图片；

所述控制模组显示至少部分的所述第一替代图片与至少部分的所述第二替代图片于所述屏幕可视范围，并根据所述移动事件移动所述第二替代图片；

当所述检测模组判断所述移动事件不存在时，所述控制模组根据所述第二替代图片目前显示在所述屏幕可视范围的部分，自所述第二母物件所包括的所述多个第二子物件中重新决定显示在所述屏幕可视范围中的第二子物件，并根据所述第一替代图片目前显示在所述屏幕可视范围且未被所述第二替代图片遮蔽的部分，自所述第一母物件所包括的所述多个第一子物件中重新决定显示在所述屏幕可视范围中的第一子物件。

10.根据权利要求6所述的电子装置，其特征在于，所述控制模组在显示至少部分的所述第一替代图片与至少部分的所述第二替代图片于所述屏幕可视范围后，隐藏所述第一母物件与所述第二母物件，并在所述检测模组判断所述移动事件不存在后，取消隐藏所述第一母物件并隐藏所述第一替代图片，以及取消隐藏所述第二母物件并隐藏所述第二替代图片。

Images