CN104731440B - 画面绘制方法、画面更新方法、与相关移动电子装置 - Google Patents

Abstract

本发明涉及画面绘制方法、画面更新方法、与相关移动电子装置，电子装置具有用户界面，且电子装置的画面对应于用户界面的第一区域。在更新电子装置的画面时，自该用户界面决定第二区域，并将第二区域的影像储存于存储器中；依据第一区域，自存储器取出第一区域的影像来产生画面；接收一位移指令；依据该位移指令使该第一区域于该用户界面中进行一位移；判断进行该位移后的该第一区域是否超出该第二区域；及当进行该位移后的该第一区域超出该第二区域时，更新该存储器中该第二区域的影像。第二区域包含第一区域。

Description

画面绘制方法、画面更新方法、与相关移动电子装置

技术领域

本发明揭露一种画面绘制方法、画面更新方法、与相关的移动电子装置，尤指一种使用绘图组件来更新用户界面上特定区域的影像或是读取已暂存的影像来显示该特定区域的影像的画面绘制方法、画面更新方法、及使用该画面绘制方法或该画面更新方法的移动电子装置。

背景技术

使用者在使用一般移动电子装置来操作触控屏幕上显示的用户界面时，可以手指滑动用户界面的方式来浏览用户界面所存取的各种讯息。当上述以手指滑动用户界面的操作对应到超过用户界面显示单页的最大显示范围时，移动电子装置所包含的处理器会使用绘图组件(通常为软件所实施)来重新绘制用户界面所显示的影像，虽然事实上绘图组件所掌控的用户界面内容并没有在上述的滑动操作下有任何改变。

为了减少上述处理器使用绘图组件来重新绘制用户界面所显示的影像的负担，一般的移动电子装置会另外将整个用户界面的影像(大于用户界面的单页显示影像)暂存为图片(Snapshot)即可；如此一来，当使用者以滑动方式操作用户界面时，处理器只需要直接抓取上述的暂存图片中需要显示的部分即可完成用户界面对应于上述滑动动作的对应显示，且省下了以绘图组件重新绘制整个用户界面的大量处理时间与运算量，而让用户界面上表现的滑动操作更为流畅。

然而，随着用户界面的尺寸越来越大，上述暂存整个用户界面范围的影像也会越来越大，因此存储器较小的一般移动电子装置无法直接实施上述的方法来达成让用户界面对应滑动操作可展现出来的流畅度。

请参阅图1，其为先前技术中一般移动电子装置的触控屏幕所显示的用户界面上的影像分布概略示意图。如图1所示，触控屏幕可掌握的一最大绘图区域为T1，其中绘图区域T1的尺寸会受到移动电子装置的硬件规格所限制。而绘图区域T2则是触控屏幕所显示的用户界面的固定可视范围，且以使用者的视点来说，无论绘图区域T2如何被触控指令所移动，皆不会超出绘图区域T1的范围；换言之，以移动电子装置本身的处理观点来说，绘图区域T2是在绘图区域T1所建立的坐标系下被移动。

当移动电子装置的使用者以滑动方式发出使用者指令，而将用户界面向上滑动一距离D时，该使用者所见的变化等同绘图区域T2向下滑动了距离D；然而以移动电子装置本身的处理观点来说，实质上绘图区域T2并未被移动，而是绘图区域T1被向上滑动了距离D，然而以绘图区域T1所建立的坐标系来说，绘图区域T2的相对位置被向下移动了距离D。

如同以上所述，当绘图区域T2的范围越大时，其移动为移动电子装置带来的计算量也会增加，而妨碍了触控屏幕所表现出的滑动效果的流畅度。

请参阅图2，其为另外一种先前技术中一般移动电子装置的触控屏幕所显示的用户界面上的影像分布概略示意图。如图2所示，触控屏幕上的各影像可应用阶层式控制的概念，假设绘图区域A1的范围为触控屏幕的最大操控范围，则涵盖部分绘图区域A1的绘图区域A2可视为其子绘图区域，且用来显示绘图区域A1的绘图组件可控制用来显示绘图区域A2的绘图组件；同理，用来显示绘图区域A2的绘图组件亦可控制用来显示绘图区域A3的绘图组件。

在图2所示的机制下，当使用者所发出的使用者指令是用来滑动绘图区域A3时，根据绘图区域A1、绘图区域A2、绘图区域A3之间的阶层关系可知，绘图区域A1、绘图区域A2、绘图区域A3都必须对应该使用者指令而被重新绘制；然而，若该使用者指令是用来滑动绘图区域A2中不包含绘图区域A3的区域时，由于绘图区域A2需要重新被绘制，因此并未被该使用者指令所操作的绘图区域A3也必须连带被重新绘制。在上述曾提及用户界面的尺寸逐渐增加的情况，也会出现越来越多如绘图区域A3这种并未被使用者指令所操作却时常因为母绘图区域的重新被绘制而被迫连带重新被绘制的情况，而造成移动电子装置在绘图运算量上的负担也明显地增加。

发明内容

为了减缓先前技术中移动电子装置的触控屏幕在用户界面上重新绘制绘图区域时所引进的庞大运算量，本发明揭露了画面绘制方法、画面更新方法与应用上述画面更新方法或画面绘制方法的移动电子装置。

本发明揭露一种画面更新方法，其应用于更新一电子装置的一画面。该电子装置具有一用户界面。该画面对应于该用户界面的一第一区域。该画面更新方法包含：自该用户界面决定一第二区域，并将该第二区域的影像绘制于一存储器中，其中该第二区域包含该第一区域；依据该第一区域，自该存储器取出该第一区域的影像来产生该画面；接收一位移指令；依据该位移指令使该第一区域于该用户界面中进行一位移；判断进行该位移后的该第一区域是否超出该第二区域；以及当进行该位移后的该第一区域超出该第二区域时，更新该存储器中该第二区域的影像。

本发明揭露一种电子装置，用以显示一画面。该电子装置具有一用户界面。该画面对应于该用户界面的一第一区域。该电子装置包含一存储器、一接收单元、及一处理单元。该存储器用以储存该用户界面的一第二区域所对应的影像，其中该第二区域包含该第一区域。该接收单元，用以接收一位移指令。该处理单元用以依据该第一区域自该存储器取出该第一区域的影像来产生该画面，并依据该位移指令使该第一区域于该用户界面中进行一位移，以及判断进行该位移后的该第一区域是否超出该第二区域。当进行该位移后的该第一区域超出该第二区域时，该处理单元更新该存储器中该第二区域的影像。

本发明掲露一种画面绘制方法，应用于绘制一电子装置的一画面。该画面包含一影像区域与一图标。该图标相关于该电子装置的一应用程序的状态，且该影像区域包含该图标。该画面绘制方法包含：绘制该图标的影像，并将该图标的影像储存于一存储器中；依据该应用程序的状态更新该图标的影像；将更新后的该图标的影像储存于该存储器中；以及于绘制该影像区域时，使用该存储器中更新后的该图标的影像来绘制该图标。

本发明掲露一种移动电子装置，用以显示一画面。该移动电子装置的一画面包含一影像区域与一图标。该图标相关于该电子装置的一应用程序的状态，且该影像区域包含该图标。该移动电子装置包含一存储器及一处理单元。该处理单元用来将该图标的影像储存于该存储器中、用来依据该应用程序的状态更新该图标的影像并将更新后的该图标的影像储存于该存储器中，以及用来于显示该影像区域时，使用该存储器中更新后的该图标的影像来绘制该图标。

附图说明

图1与图2为先前技术中一般移动电子装置的触控屏幕所显示的用户界面上的影像分布概略示意图。

图3为根据本发明的实施例所揭露的一移动电子装置的功能方块示意图。

图4为根据本发明的实施例所揭露的画面更新方法应用于用户界面时的概略示意图。

图5为图4所示的绘图区域S3在使用者指令的滑动操作下被移动且并未超出绘图区域S2的范围时，本发明的画面更新方法的实施方式概略示意图。

图6为图4所示的绘图区域S3在使用者指令的滑动操作下被移动且超出绘图区域S2的范围时，本发明的画面更新方法的实施方式概略示意图。

图7为根据本发明的实施例所揭露合并图6中的绘图区域S31与绘图区域S32以显示影像R的概略示意图。

图8为根据本发明的实施例以及图4-7中所示的画面更新方法，所揭露的画面更新的流程图。

图9与图10为根据本发明的实施例所揭露使用装饰者组件作为辅助的画面绘制方法的概略示意图。

图11为根据本发明的实施例以及图9-10中所示的画面绘制方法，所揭露的画面绘制方法的流程图。

具体实施方式

请参阅图3，其为根据本发明的一实施例所揭露的一移动电子装置100的功能方块示意图。如图3所示，移动电子装置100包含一处理器110、一存储器120、一绘图引擎130、一触控屏幕140、一总线150、及一绘图组件模块160。处理器110主要是用来与绘图引擎130与绘图组件模块160所包含的各种绘图组件配合，来重新绘制触控屏幕140所显示的一用户界面上的各个绘图区域，其中该用户界面上的各个绘图区域皆各自在绘图组件模块160中有一对应的绘图组件。存储器120主要是用来在处理器110重新绘制绘图区域的过程中，暂存该绘图区域的一备份影像。处理器110、存储器120、绘图引擎130、触控屏幕140、绘图组件模块160之间的数据传输皆透过总线150来进行，以快速地处理大量被重新绘制的绘图区域或是备份影像。图1所包含的各组件实现本发明所揭露的用户界面绘图方法的细节将会于以下的叙述中详细介绍。然而需注意的是，以下各实施例所述由处理器110所发起的各种对绘图区域进行重新绘制的动作(不包含单纯的读取影像)都是由处理器110透过总线150呼叫绘图组件模块160中的对应绘图组件以及绘图引擎130所实施的，并在以下叙述中简化为由处理器110所主导。

请参阅图4，其为根据本发明的一实施例所揭露的画面更新方法应用于用户界面时的概略示意图。如图4所示，其图标有触控屏幕140所显示的一用户界面上包含的一绘图区域S1、一绘图区域S2、一绘图区域S3，其中绘图区域S1对应于触控屏幕140的最大操控范围，也就是整个用户界面的范围，绘图区域S3对应于触控屏幕140在一时间点可显示的范围，也就是说，绘图区域S3为绘图区域S1的一部分，而绘图区域S2的大小介于绘图区域S1与绘图区域S3之间，其亦为绘图区域S1的一部分。依据本发明的一实施例，处理器110将绘图区域S1的一部分(也就是绘图区域S2)预先绘制并储存于存储器120，如此一来，于显示绘图区域S3时，即可利用存储器120中储存的绘图区域S2迅速的显示绘图区域S3。绘图区域S1在任何情况下皆大于且完整涵盖绘图区域S2以及绘图区域S3，而一般来说，绘图区域S2大于且可完整涵盖绘图区域S3，然而绘图区域S3有可能会在使用者透过触控屏幕140所发出的一使用者指令的滑动操作下，暂时超出绘图区域S2所涵盖的范围。

另外，由于绘图区域S1对应于触控屏幕140的最大操控范围，因此除了绘图区域S2与绘图区域S3的任何变更都不会超出绘图区域S1的范围以外，绘图区域S2与绘图区域S3等同于位处基于绘图区域S1所架构的一坐标系下。在本发明的一实施例中，当该坐标系的一x轴(水平轴)与一y轴(垂直轴)如图4所示的方式设定时，绘图区域S1的左上角顶点对应的坐标可设定为代表原点的(0,0)，绘图区域S2的左上角顶点对应的坐标可设定为(X2,Y2)，绘图区域S3的左上角顶点对应的坐标可设定为(X3,Y3)，其中X2、Y2、X3、Y3的值皆大于0，且X3的值大于X2，Y3的值大于Y2。

代表触控屏幕140在一时间点可显示范围的绘图区域S3具有宽度为W且长度为L的固定值，换言之，绘图区域S3具有固定尺寸；在绘图区域S2仍可完整涵盖并大于绘图区域S3、且绘图区域S1仍完整涵盖并大于绘图区域S2前提下，绘图区域S2的长度LS与宽度WS皆可被动态地设定，使得绘图区域S2可具有动态调整的尺寸。

上述绘图区域S2、绘图区域S3的对应坐标(亦即位置信息)以及尺寸大小都会在处理器110的控制下暂存于存储器120，且处理器110会根据绘图区域S2、绘图区域S3对应的坐标与尺寸大小，在每次使用者指令移动绘图区域S3时，实时判断绘图区域S3是否被移动而超出了绘图区域S2的范围。

如前所述，处理器110也会先行绘制绘图区域S2的影像R(未绘示)并储存于存储器120中。影像R的尺寸完全涵盖并相等于绘图区域S2，且会在部分情况下被处理器110更新于存储器120内。

请参阅图5，其为图4所示的绘图区域S3在使用者指令的滑动操作下被移动且并未超出绘图区域S2的范围时，本发明的画面更新方法的实施方式概略示意图。如图5所示，当使用者透过触控屏幕140所发出的使用者指令是用来将用户界面(亦即绘图区域S3所涵盖的固定范围)向上滑动一距离D1时，绘图区域S3相对于绘图区域S1与绘图区域S2实质上是往下移动了距离D1，而使得绘图区域S3左上角顶点的新坐标可被处理器110更新为(X3,Y3+D1)，且该新坐标亦可被处理器110更新于存储器120中。

由于绘图区域S3在被使用者指令移动后，并未移出绘图区域S2的范围外，因此处理器110在侦测到该情况后，只需要直接由存储器120储存的影像R中读取对应移动后绘图区域S3的影像R1来进行显示即可。这么做的好处是，在显示移动后的绘图区域S3之前，处理器110不需要浪费额外的时间与运算量来重新呼叫绘图组件绘制绘图区域S3，进而保持画面显示滑动上的流畅度。另外，在图5所示的情况下，绘图区域S2可以不做任何更新，因此储存在存储器120中的影像R也不需要被更新，亦即不需要额外的时间与运算量来重新绘制绘图区域S2。

请参阅图6，其为图4所示的绘图区域S3在使用者指令的滑动操作下被移动且超出绘图区域S2的范围时，本发明的画面更新方法的实施方式概略示意图。如图6所示，当绘图区域S3被使用者指令的滑动操作向上移动了一距离D2时，其实质上相对于绘图区域S1与绘图区域S2向下移动了距离D2；处理器110在侦测到绘图区域S3被移动而超出了绘图区域S2的范围后，会先行更新绘图区域S3左上角顶点的新坐标为(X3,Y3+D2)。由于移动后的绘图区域S3有一部分超出了绘图区域S2所涵盖的范围，使得绘图区域S3中会包含与绘图区域S2不重迭的一绘图区域S32以及与绘图区域S2重迭的一绘图区域S31。在这个情形下，处理器110需要先决定更新的绘图区域S2，使其涵盖更新的绘图区域S3，也就是使更新后的绘图区域S2同时涵盖绘图区域S32以及绘图区域S31，并据以更新存储器120中储存的影像R，最后才自存储器120读取更新的绘图区域S3所对应的影像并显示于触控屏幕140。

请参阅图7，其为根据本发明的一实施例所揭露更新存储器120中储存的影像R的概略示意图。在图7中，处理器110首先依据绘图区域S32以及绘图区域S31，删除存储器120所储存的影像R的一子影像R_Delete，并留下影像R的另一子影像R2。请注意，影像R在存储器120中储存于一段连续的地址，因此影像R包含的子影像R_Delete以及子影像R2亦皆储存于存储器120中连续的地址，其中子影像R2的起始地址接续于子影像R_Delete的结束地址。接着处理器110会使用一存储器复制指令(Memory Copy Instruction)，将子影像R2的内容复制至存储器120中自子影像R_Delete的起始地址开始的一段连续存储器地址。最后，处理器110呼叫绘图组件绘制一子影像R3，并将子影像R3的内容储存至存储器120中自子影像R2的结束地址后开始并结束于影像R的结束地址的一段连续存储器地址。在本实施例中，子影像R3的大小等于子影像R_Delete的大小，也就是说，原本的影像R由子影像R_Delete与子影像R2所组成，而更新后的影像R则由移动储存位置后的子影像R2以及新绘制的子影像R3所组成。其中，子影像R2包含绘图区域S31所对应的影像，子影像R3则包含绘图区域S32所对应的影像，因此更新后的影像R包含了更新后的绘图区域S3所对应的影像，处理器110得以自存储器120读取更新后的绘图区域S3所对应的影像并显示于触控屏幕140。

在本发明的一实施例中，当处理器110自存储器120读取并显示了更新的绘图区域S3后，可动态地调整绘图区域S2的位置及大小，并根据被调整后的绘图区域S2更新其坐标(位置信息，例如其左上角的顶点坐标)及绘制对应的影像并储存于存储器120中。

图7的作法的好处在于，由于影像R中的子影像R2并不需要由处理器110透过绘图引擎130来重新绘制，因此节省下了一部分的运算量与处理时间，而只需要针对绘制子影像R3消耗运算量与处理时间，而克服了图1中先前技术需要应对增加尺寸的绘图区域T2进行整体重新绘制并带来庞大运算量与处理时间的缺点。当绘图区域S31在绘图区域S3中的比例越大时，亦即绘图区域S3被移动超出绘图区域S2的比例越小时，本发明的用户界面绘图方法的好处会越明显。另外，由于图7所示影像R的更新步骤都是在存储器120的同一段连续地址内所进行，因此更新影像中所占用与配置的存储器资源也是固定的，而不会造成存储器120在更新影像时的额外负担。

另外，在绘图区域S3被使用者指令所移动后，也有可能会发生移动幅度过大而使得绘图区域S3完全超出绘图区域S2的状况，亦即绘图区域S3与绘图区域S2之间没有绘图区域S31，而只有绘图区域S32的状况。在这种情况下，以图7来说，影像R仅包含子影像R_delete而不包含子影像R2，而使得处理器110可直接对应绘图区域S2的变化来绘制子影像R3，使得更新完毕的影像R仅包含子影像R3，也就是说子影像R3在存储器120中的起始地址与结束地址个别相同于影像R的起始地址与结束地址。

在本发明的部分实施例中，除了可以处理用户界面被使用者指令向上滑动的状况外，亦可根据图4至图7所示的画面更新方法来处理用户界面向下滑动的状况，甚至可处理的状况不限于上述的用户界面的垂直移动，也可用于用户界面的水平移动。由于处理的方式可经由图4至图7所示的画面更新方法来轻易推知，故不再多加赘述。另外，在本发明的部分实施例中，除了可处理上述用户界面的垂直移动或水平移动等状况外，亦可用来处理用户界面斜向移动的状况。

请参阅图8，其为根据本发明的一实施例以及第4-7图中所示的画面更新方法，所揭露的画面更新方法的流程图。如图8所示，本发明的画面更新方法包含步骤如下：

Step202：自用户界面决定绘图区域S2，并将绘图区域S2的影像绘制于存储器120中；

Step204：自存储器120储存的绘图区域S2的影像中取出绘图区域S3的影像以显示为移动电子装置100的画面；

Step206：接收一位移指令，其中该位移指令要求绘图区域S3于该用户界面中进行一位移；

Step208：依据该位移指令，判断进行该位移后的绘图区域S3是否超出绘图区域S2；以及

Step210：当进行该位移后的绘图区域S3超出绘图区域S2时，更新该存储器中绘图区域S2的影像。

图8中所述的各步骤为图4-7中所述画面更新方法的总结。然而，将图8中所述的各步骤进行合理的排列组合或是加上上述所提及的任何限制条件所衍生出的实施例，仍应视为本发明的实施例。

图4至图8所示画面更新方法主要是用来解决图1所示先前技术的问题。而接下来的图9与图10所示的画面绘制方法，主要是用来解决图2所示先前技术的问题，其中图9与图10所示的画面绘制方法仍然可以图3所示的移动电子装置100来实施。

请参阅图9，其为根据本发明的一实施例所揭露的画面绘制方法的概略示意图。图9与代表先前技术的图2的主要差异处在于，处理器110除了会以阶层(Hierarchy)方式决定绘图区域A2、A3之间是否需要应对触控屏幕140接收到的使用者指令做更新以外，另外在绘图区域A2与绘图区域A3之间设置了一装饰者组件C1，使得处理器110可透过装饰者组件C1来控制绘图区域A3是否需要被重新绘制。图9所示的装饰者组件C1的图标区域虽然完整涵盖且略大于绘图区域A3，然而实质上装饰者组件C1所能控制的，就仅是绘图区域A3所涵盖的范围而已，图9装饰者组件C1略大于绘图区域A3的表示方式只是为了清楚图标装饰者组件C1的控制范围。请注意，实作上，装饰者组件C1可以是处理器110。

处理器110透过装饰者组件C1的控制，可以事先绘制绘图区域A3的一影像，并将该影像储存于在存储器120中。

移动电子装置100在运行过程中会接收各种更新指令，例如收到新电子邮件或新简讯等的通知。当移动电子装置100接收到外界的更新指令时，有可能会需要将显示画面的影像进行更新。假设绘图区域A3代表的是邮件或简讯的图标，在移动电子装置100接收到外界的新电子邮件或新简讯时，绘图区域A3会需要以显示新数字等提示讯息的方式来提醒使用者上述接收到新电子邮件或新简讯的事件；根据本发明的一实施例，处理器110会根据该更新指令，透过装饰者组件C1来要求绘图区域A3的绘图引擎及绘图组件模块绘制出更新后的绘图区域A3的影像，并储存于存储器120中。当移动电子装置100要更新或显示画面时，根据图9所示的阶层可知，处理器110首先要求绘图区域A2的绘图引擎及绘图组件模块绘制绘图区域A2，此时绘图区域A2的绘图引擎及绘图组件模块会要求装饰者组件C1提供绘图区域A3的影像，若此时绘图区域A3并不需要进行更新，则装饰者组件C1直接将储存的绘图区域A3的影像由存储器120中读取出来以供直接利用，因此在处理器110要求绘制绘图区域A2时，即可节省重新绘制绘图区域A3的时间；若此时绘图区域A3需要进行更新，则装饰者组件C1要求绘图区域A3的绘图引擎及绘图组件模块绘制出更新后的绘图区域A3的影像储存于存储器120中，并提供给绘图区域A2的绘图引擎及绘图组件模块利用。另外，绘图区域A3的影像在存储器120中会被配置于一段连续的存储器地址以供存取，换言之，上述未更新的绘图区域A3占据了存储器120中一段连续的存储器地址，且更新后的绘图区域A3也占据了存储器中同样的该段连续存储器地址；其中在本发明的一实施例中，存储器复制指令亦可用于辅助上述更新存储器120中所储存的绘图区域A3内容的过程，以避免使用该段被指定的连续存储器地址以外的其它存储器地址。

请注意，上述接收到更新指令后，处理器110更新存储器120中绘图区域内容的时间点与处理器110重画显示画面的时间点是个别独立的；换言之，在处理器110更新存储器120中绘图区域A3的内容以后，可藉由周期性的开启用户界面或是使用者主动开启用户界面的方式来触发处理器110重画显示画面；因此在触发处理器110重画显示画面时，被更新的绘图区域A3早已存在于存储器120内而可直接读出，并使得处理器110重画显示画面所需的时间得以缩短。

图9所示本发明的画面绘制方法，并不限于绘图区域A2与A3代表的单阶层，而可应用于二个阶层以上的多阶层绘图区域。请参阅图10，其为根据本发明的一实施例所揭露的用户界面绘图方法的概略示意图。图10与图9的相异处在于绘图区域A3中多增加了绘图区域A4与绘图区域A5，且绘图区域A3与绘图区域A5之间多增加了一个装饰者组件C2，使得处理器110可透过装饰者组件C2直接控制绘图区域A5的更新；换言之，绘图区域A5的更新与否不受绘图区域A3的更新与否影响而独立于绘图区域A3的绘图机制。同样地，在设置装饰者组件C2时，处理器110也会为绘图区域A5事先储存一影像于存储器120中。

需注意的是，在绘图区域上设置装饰者组件与否，是可让使用者透过其发出的使用者指令自行决定的，且当装饰者组件所控制的绘图区域越多、或者被更新的频率越高，则本发明节省处理器110的重新绘图时间的效果会越明显。

请参阅图11，其为根据本发明的一实施例以及图9-10中所示的画面绘制方法，所揭露的画面绘制方法的流程图。如图11所示，并以图9或图10举例时，本发明的画面绘制方法包含步骤如下：

Step302：将绘图区域A3的影像绘制于存储器120中；

Step304：将绘图区域A3的更新影像绘制于存储器120中；以及

Step306：于绘制绘图区域A2时，使用存储器120中绘图区域A3的更新影像来显示绘图区域A3。

图11所述的步骤虽然是以绘图区域A2与绘图区域A3之间的绘图操作为例，然而亦可适用于图10中绘图区域A3与绘图区域A5之间的绘图操作。将图11的步骤进行合理的排列组合或是加上上述已提及的任何限制条件所衍生的实施例，仍应视为本发明的实施例。

本发明掲露了画面更新方法、画面绘制方法、与应用该些方法的移动电子装置，藉由将用户界面中部分不需要更新的绘图区域以事先储存的备份影像直接替换，可以省下原本重新绘制该些不需要更新的绘图区域所浪费的运算量与处理时间，并使得移动电子装置在用户界面的操作上可以获得满意的流畅度。

Claims (10)

1.一种画面更新方法，应用于更新电子装置的可显示的范围的画面，其中该电子装置具有用户界面，该画面对应于该用户界面的第一区域，该画面更新方法包含：

自该用户界面决定第二区域，并将该第二区域的影像储存于存储器中，其中该第二区域包含该第一区域且大于该可显示的范围的画面；

依据该第一区域，自该存储器取出该第一区域的影像来产生该画面；

接收位移指令；

依据该位移指令使该第一区域于该用户界面中进行位移；

判断进行该位移后的该第一区域是否超出该第二区域；以及

当进行该位移后的该第一区域超出该第二区域时，更新该存储器中该第二区域的影像。

2.如权利要求1所述的画面更新方法，其特征在于，更新该存储器中该第二区域的影像的步骤包含：

将更新后的该第二区域的影像储存于该存储器中，其中该更新后的该第二区域包含该位移后的该第一区域，以及该第二区域的影像与该更新后的该第二区域的影像储存于该存储器中相同的存储器地址。

3.如权利要求1所述的画面更新方法，其特征在于，更新该存储器中该第二区域的影像的步骤包含：

侦测该位移后的该第一区域与该第二区域是否具有重迭区域；当该位移后的该第一区域与该第二区域具有该重迭区域时，自该存储器中复制该重迭区域的影像；以及

利用该复制的影像更新该存储器中该第二区域的影像，其中该第二区域的影像与该更新后的该第二区域的影像储存于该存储器中相同的存储器地址。

4.如权利要求1所述的方法，其特征在于，依据该位移指令使该第一区域于该用户界面中进行该位移的步骤，是根据该位移指令所指示的该位移与该第一区域未位移前的位置信息更新该第一区域位移后的该位置信息。

5.如权利要求4所述的方法，其特征在于，判断进行该位移后的该第一区域是否超出该第二区域的步骤，是根据该第一区域位移后的该位置信息以及该第二区域的另一位置信息进行判断。

6.一种电子装置，用以显示可显示的范围的画面，其中该电子装置具有用户界面，该画面对应于该用户界面的第一区域，该电子装置包含：

存储器，用以储存该用户界面的第二区域的影像，其中该第二区域包含该第一区域且大于该可显示的范围的画面；

接收单元，用以接收位移指令；以及

处理单元，依据该第一区域自该存储器取出该第一区域的影像来产生该画面，并依据该位移指令使该第一区域于该用户界面中进行位移，以及判断进行该位移后的该第一区域是否超出该第二区域，当进行该位移后的该第一区域超出该第二区域时，该处理单元更新该存储器中该第二区域的影像。

7.如权利要求6所述的电子装置，其特征在于，该处理单元将更新后的该第二区域的影像储存于该存储器中，该更新后的该第二区域包含该位移后的该第一区域，且该第二区域的影像与该更新后的该第二区域的影像储存于该存储器中相同的存储器地址。

8.如权利要求6所述的电子装置，其特征在于，该处理单元另用来侦测该位移后的该第一区域与该第二区域是否具有重迭区域，当该位移后的该第一区域与该第二区域具有该重迭区域时，该处理单元自该存储器中复制该重迭区域的影像，并利用该复制的影像更新该存储器中该第二区域的影像，其中该第二区域的影像与该更新后的该第二区域的影像储存于该存储器中相同的存储器地址。

9.如权利要求6所述的电子装置，其特征在于，该处理单元根据该位移指令所指示的该位移与该第一区域未位移前的位置信息更新该第一区域位移后的该位置信息。

10.如权利要求9所述的电子装置，其特征在于，该处理单元根据该第一区域位移后的该位置信息以及该第二区域的另一位置信息，判断进行该位移后的该第一区域是否超出该第二区域。