CN103713844A

CN103713844A - 缩放屏幕画面的方法及电子装置

Info

Publication number: CN103713844A
Application number: CN201310468634.5A
Authority: CN
Inventors: 纪文原; 叶权锋; 黄胜鑫
Original assignee: High Tech Computer Corp
Current assignee: HTC Corp
Priority date: 2012-10-09
Filing date: 2013-10-09
Publication date: 2014-04-09
Anticipated expiration: 2033-10-09
Also published as: US20140115544A1; CN103713844B; US9671951B2; TW201415347A; DE102013016732A1; TWI611338B

Abstract

一种缩放屏幕画面的方法及电子装置。所述方法适用于具有触控屏幕的电子装置。首先，利用触控屏幕检测缩放手势。接着，寻找触控屏幕上缩放手势所作用的屏幕对象。之后，以屏幕对象的特定部分及触控屏幕的屏幕边缘为基准，缩放触控屏幕所显示画面中的所有对象，使得在画面缩放的过程中，所述屏幕对象的特定部分在画面中的高度维持不变，且屏幕对象的对象边缘对齐于屏幕边缘。

Description

缩放屏幕画面的方法及电子装置

技术领域

本发明是有关于一种使用者界面的操作方法及电子装置，且特别是有关于一种缩放屏幕画面的方法及电子装置。

背景技术

随着科技的发展，通过智能型手机、平板计算机等电子装置来观看各式信息已然成为人们生活的一部分。当人们通过上述电子装置来观看图片、文章或图文并茂的页面(例如网页)时，为了检视图片的细节或是方便阅读文字内容，常会利用电子装置上的触控屏幕，对显示在触控屏幕上的对象实施点击、双击或夹捏(Pinch)等手势，藉此缩放电子装置的画面以改变画面中对象的尺寸。

然而，在电子装置缩放画面的过程中，由于触控屏幕的显示空间有限，为了在有限空间内较佳地显示缩放后的对象，原先画面中各个对象的尺寸、位置、甚至排列方式都有可能改变，因此使用者原先关注的内容可能会随着画面缩放而偏离原先位置，甚至消失在缩放后的画面中，结果造成使用者无法找到原先关注的内容而迷失在缩放后的画面中。

发明内容

有鉴于此，本发明提供一种电子装置及缩放屏幕画面的方法，其可让使用者在缩放后的画面中轻易地找到在缩放屏幕画面之前所关注的信息。

本发明提供一种缩放屏幕画面的方法，适于具有触控屏幕的电子装置。所述方法包括下列步骤。首先，利用触控屏幕检测缩放手势。接着，寻找触控屏幕上缩放手势所作用的屏幕对象。之后，以屏幕对象的特定部分及触控屏幕的屏幕边缘为基准，缩放触控屏幕所显示画面中的所有对象，使得在画面缩放的过程中，屏幕对象的特定部分在画面中的高度维持不变，且屏幕对象的对象边缘对齐于屏幕边缘。

在本发明的一实施例中，寻找触控屏幕上缩放手势所作用的屏幕对象的步骤包括寻找触控屏幕上位置最接近于缩放手势所在位置的屏幕对象作为缩放手势所作用的屏幕对象。

在本发明的一实施例中，寻找触控屏幕上位置最接近于缩放手势所在位置的屏幕对象的步骤包括以缩放手势所在位置为中心定义九宫格，以及寻找出现于九宫格内且所在宫格的位置最接近缩放手势所在位置的屏幕对象。

在本发明的一实施例中，屏幕对象为文字段落。并且，以屏幕对象的特定部分及触控屏幕的屏幕边缘为基准，缩放触控屏幕所显示画面中的所有对象的步骤包括维持文字段落的第一行文字在画面缩放过程中的高度不变。

在本发明的一实施例中，屏幕对象为图片。并且，以屏幕对象的特定部分及触控屏幕的屏幕边缘为基准，缩放触控屏幕所显示画面中的所有对象的步骤包括维持图片中位置与缩放手势所在位置相对应的像素列在画面缩放过程中的高度不变。

在本发明的一实施例中，在以屏幕对象的特定部分及触控屏幕的屏幕边缘为基准，缩放触控屏幕显示的画面的步骤之后，还包括依据触控屏幕的屏幕宽度重新分行画面中的至少一文字段落，使得各所述文字段落的每一行文字的宽度符合触控屏幕的屏幕宽度。

本发明提供一种电子装置，其包括触控屏幕、储存单元以及处理单元。储存单元储存多个模块。处理单元耦接触控屏幕以及储存单元，用以存取并执行储存单元所储存的所述多个模块。所述多个模块包括检测模块、寻找模块以及缩放模块。检测模块利用触控屏幕检测缩放手势。寻找模块寻找触控屏幕上缩放手势所作用的屏幕对象。缩放模块是以屏幕对象的特定部分及触控屏幕的屏幕边缘为基准，缩放触控屏幕所显示画面中的所有对象，使得在画面缩放的过程中，屏幕对象的一特定部分在画面中的高度维持不变，且屏幕对象的对象边缘对齐于屏幕边缘。

在本发明的一实施例中，寻找模块寻找触控屏幕上位置最接近于缩放手势所在位置的屏幕对象作为缩放手势所作用的屏幕对象。

在本发明的一实施例中，寻找模块以缩放手势所在位置为中心定义九宫格，并寻找出现于九宫格内且所在宫格的位置最接近缩放手势所在位置的屏幕对象。

在本发明的一实施例中，屏幕对象为文字段落，而缩放模块维持文字段落的第一行文字在画面缩放过程中的高度不变。

在本发明的一实施例中，屏幕对象为图片，而缩放模块维持图片中位置与缩放手势所在位置相对应的像素列在画面缩放过程中的高度不变。

在本发明的一实施例中，所述电子装置还包括调整模块。调整模块经配置以依据触控屏幕的屏幕宽度重新分行画面中的至少一文字段落，使得各所述文字段落的每一行文字的宽度符合触控屏幕的屏幕宽度。

在本发明的一实施例中，缩放手势包括点击、双击或夹捏手势。

基于上述，本发明实施例提出的缩放屏幕画面的方法及电子装置可在检测到缩放手势时，依据缩放手势所作用的屏幕对象的类型，而在维持屏幕画面中此屏幕对象的一特定部分的高度不变的情况下，缩放屏幕画面中的各个对象，藉此方便使用者在缩放后的屏幕画面中找寻之前所关注的信息。

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

附图说明

图1是依据本发明的一实施例绘示的电子装置功能方块图。

图2是依据本发明的一实施例绘示的缩放屏幕画面方法的流程图。

图3A至图3C是依据本发明的一实施例绘示的缩放屏幕画面示意图。

图4A至图4C是依据本发明的一实施例绘示的缩放屏幕画面示意图。

图5是依据本发明的一实施例绘示的缩放屏幕画面方法的流程图。

图6A至图6C是依据本发明的一实施例绘示的缩放屏幕画面示意图。

[标号说明]

100：电子装置 110：触控屏幕

120：储存单元 121：检测模块

122：寻找模块 123：缩放模块

124：调整模块 130：处理单元

300、400、600：网页 310、410、610：触控位置

320、320’、320’’、640、640’：文字段落

325、325’、325’’：第一行文字

420、420’、620、620’、620’’：图片

430、430’、430’’、630、630’、630’’：像素列

S210～S230、S510～S530：步骤

具体实施方式

图1是依据本发明的一实施例绘示的电子装置功能方块图。在本实施例中，电子装置100包括触控屏幕110、储存单元120以及处理单元130。电子装置100例如是智能型手机、平板计算机、个人数字助理(personal digitalassistant，PDA)或其它可通过触控屏幕110显示画面并接收使用者所输入指令的装置。储存单元120例如是存储器、硬盘或是其它任何可用于储存数据的元件，而可用以记录多个模块。所述多个模块包括检测模块121、寻找模块122、缩放模块123以及调整模块124，其可以程序码的型式储存于储存单元120中。

处理单元130耦接触控屏幕110以及储存单元120，其可为具有一或多个处理核心的中央处理单元(Central Processing Unit，CPU)，或是其它可编程的一般用途或特殊用途的微处理器、数字信号处理器(Digital Signal Processor，DSP)、可编程控制器、专用集成电路(Application Specific Integrated Circuits，ASIC)、可编程逻辑装置(Programmable Logic Device，PLD)或其它类似装置或这些装置的组合，而可用以存取并执行储存单元120中记录的检测模块121、寻找模块122、缩放模块123以及调整模块124。

本实施例提出的电子装置100可在检测到使用者输入用于缩放屏幕画面的缩放手势时，执行下图2实施例中说明的屏幕画面缩放方法，藉以在屏幕画面缩放之后，让使用者仍能轻易找到屏幕画面缩放前所关注的屏幕对象。具体细节如下。

图2是依据本发明的一实施例绘示的缩放屏幕画面方法的流程图。本实施例提出的方法可由图1中的电子装置100执行，以下即搭配图1的各个元件来说明本实施例各个步骤的细节。

在步骤S210中，检测模块121可利用触控屏幕110检测缩放手势。所述缩放手势例如是点击(tap)、双击(double tap)或夹捏手势(pinch)等，但本发明的可实施方式不限于此。

接着，当检测模块121检测到所述缩放手势时，寻找模块122可执行步骤S220以寻找触控屏幕110上缩放手势所作用的屏幕对象。举例而言，若使用者以双击的方式点击触控屏幕110所显示的一段文字，则寻找模块122将对应地找到此段文字。举另一例而言，若使用者的夹捏手势是作用在一张图片上时，则寻找模块122将对应地找到此张图片。此外，当使用者以所述缩放手势操作其它类型的屏幕对象(例如影音播放器、屏幕按钮、图标及/或flash对象等)时，寻找模块122亦可藉由执行步骤S220来对应地找到这些屏幕对象。并且，即便使用者的缩放手势是作用在触控屏幕110画面的空白处，寻找模块122仍可寻找最接近于缩放手势所在位置的屏幕对象来作为缩放手势所作用的屏幕对象。在其它实施例中，寻找模块122可通过特定的方式来寻找所述缩放手势所作用的屏幕对象，其细节将在之后进行说明。

接着，在步骤S230中，缩放模块123会以所述屏幕对象的特定部分及触控屏幕110的屏幕边缘为基准，缩放触控屏幕110所显示画面中的所有对象，使得在画面缩放的过程中，所述屏幕对象的特定部分在画面中的高度维持不变，且屏幕对象的对象边缘对齐于屏幕边缘。值得注意的是，在步骤S230中，缩放模块123可依据所述缩放手势作用的屏幕对象的类型而适应性地调整执行的细节，所述屏幕对象的类型包括文字段落、图片等，以下将各举一实施例详细说明。

此外，在其它实施例中，在步骤S230之后，调整模块124还可依据触控屏幕110的屏幕宽度将画面中的文字段落重新分行，使得各个文字段落中的每一行文字的宽度符合触控屏幕110的屏幕宽度。具体而言，调整模块124可依据所述屏幕宽度与放大后的文字尺寸之间的比例决定每一行文字可容纳的文字字数，并据以调整文字段落中的分行方式。

在一实施例中，当所找到的屏幕对象为一个文字段落时，缩放模块123可以此文字段落的第一行文字为基准来缩放屏幕画面，使得此第一行文字在画面缩放过程中的高度维持不变。藉此，对于使用者而言，由于其所观看的文字段落的第一行文字的高度在画面缩放的过程中并未改变，使得使用者较易于经由此第一行文字找到原先在阅读的文字。以下列举图3A至图3C以更清楚说明本实施例的概念。

图3A至图3C是依据本发明的一实施例绘示的缩放屏幕画面示意图。请参照图3A，本实施例假设触控屏幕110所显示的画面为网页300。在本实施例中，当使用者在触控位置310处进行例如双击的缩放手势时，由于触控位置310位于文字段落320内，因此寻找模块122将会对应地找到文字段落320。

在寻找模块122找到文字段落320之后，缩放模块123可如图3B所示地放大网页300中的所有对象(例如图片及各个文字等)。其中，在放大网页300的过程中，缩放模块123是以文字段落320的第一行文字325以及触控屏幕110的左边缘(即网页300的左边缘)为基准，放大网页300，以将放大后的文字段落320的左边缘对齐触控屏幕110的左边缘，并维持文字段落320的第一行文字325的高度不变。其中，文字段落320在网页300的放大过程中，会先经过图3B中的文字段落320’，最后放大为图3C中的文字段落320’’。

此外，由于放大后网页300中的各个文字段落的文字宽度会超出触控屏幕110的屏幕宽度，因此调整模块124会进一步将各个文字段落适当地重新分行，使得各文字段落的每一行文字的宽度符合触控屏幕110的屏幕宽度。

从图3A至图3C中应可看出，文字段落320的第一行文字325、文字段落320’的第一行文字325’与文字段落320’’的第一行文字325’’的高度为相同。因此，对于使用者而言，即便其所关注的文字段落320在放大的过程中出现重新分行的情形，使用者仍可轻易地依据具有固定高度的第一行文字而在放大后的屏幕对象中找到原先关注的文字段落。

在其它实施例中，当寻找模块122所找到的屏幕对象属于与文字段落不同的类型时，缩放模块123所进行的步骤S230亦可采用其它的方式来进行。举例而言，当寻找模块122所找到的屏幕对象为一图片时，缩放模块123可以此图片中位置与使用者的缩放手势所在位置相对应的像素列为基准来缩放屏幕画面，使得此像素列在画面缩放过程中的高度不变。因此，对于使用者而言，由于对应于缩放手势位置的图片像素列的高度在画面缩放的过程中并未改变，使得使用者较易于找到原先在观看的图片部分。以下列举图4A至图4C以更清楚说明本实施例的概念。

图4A至图4C是依据本发明的一实施例绘示的缩放屏幕画面示意图。请参照图4A，本实施例假设触控屏幕110所显示的画面为网页400。在本实施例中，当使用者在触控位置410处进行例如双击的缩放手势时，由于触控位置410位于图片420内，因此寻找模块122将会对应地找到图片420。

在寻找模块122找到图片420之后，缩放模块123可如图4B所示地放大网页400中的所有对象(例如图片及各个文字等)。其中，在放大网页400的过程中，缩放模块123是以图片420中对应于触控位置410的像素列430以及触控屏幕110的左边缘(即网页400的左边缘)为基准，放大网页400，以将放大后的图片420’的左边缘对齐触控屏幕110的左边缘，并维持图片420中，对应于触控位置410的像素列430的高度不变。其中，图片420在网页400的放大过程中，会先经过图4B中的图片420’，最后放大为图4C中的图片420’’。

从图4A至图4C中应可看出，像素列430、像素列430’与像素列430’’的高度为相同。因此，对于使用者而言，其可轻易地在放大后的网页400中找到原先关注的图片部分。

除了上述针对缩放手势位于文字段落或图片的实施方式之外，本发明亦针对缩放手势落在画面中空白处的情况，依据使用者的观看习惯，寻找画面中使用者较有可能感兴趣的对象，并据此缩放屏幕画面，从而让使用者能轻易找到屏幕画面缩放前所关注的屏幕对象。以下则再举一实施例详细说明。

图5是依据本发明的一实施例绘示的缩放屏幕画面方法的流程图。本实施例提出的方法可由图1中的电子装置100执行，以下即搭配图1的各个元件来说明本实施例各个步骤的细节。

首先，在步骤S510中，检测模块121可利用触控屏幕110检测缩放手势。步骤S510与前述实施例中的步骤S210相同或相似，故其详细内容在此不再赘述。

接着，在步骤S520中，寻找模块122可寻找触控屏幕110上位置最接近于缩放手势所在位置的屏幕对象作为缩放手势所作用的屏幕对象。在一实施例中，寻找模块122可以缩放手势所在位置为基准，依序在水平方向上及垂直方向上寻找最近的屏幕对象，或者依序向左、向右、向上、向下寻找最近的屏幕对象，最后再以寻找到的屏幕对象作为缩放模块123放大屏幕画面的依据。此外，在另一实施例中，寻找模块122可以所述缩放手势所在位置为中心定义一个九宫格，而寻找出现于所述九宫格内且所在九宫格的位置最接近缩放手势所在位置的屏幕对象。换句话说，寻找模块122仅在九宫格内寻找屏幕对象，并且在同时有多个宫格出现屏幕对象的情况下，会优先取用位置较接近的宫格(即上、下、左、右四个宫格)内的屏幕对象，若这些宫格没有出现屏幕对象，则再取用位置较远的宫格(即左上、右上、左下、右下)内的屏幕对象，最后再以寻找到的屏幕对象作为缩放模块123放大屏幕画面的依据。

此外，对应于不同类型的缩放手势，本实施例亦提供相对应的缩放手势位置判定方法。详言之，在一实施例中，当缩放手势为单击时，寻找模块122可采用此单击手势的触控位置作为缩放手势的所在位置。此外，当缩放手势为双击时，寻找模块122可采用此双击手势的最后一个触控位置作为缩放手势的所在位置。或者，当缩放手势为夹捏手势时，寻找模块122可采用夹捏手势所形成连线的中心点作为缩放手势的所在位置，但本发明的可实施方式不限于此。

接着，在步骤S530中，缩放模块123会以寻找模块122所找到的屏幕对象的特定部分及触控屏幕110的屏幕边缘为基准，缩放触控屏幕110所显示画面中的所有对象，使得在画面缩放的过程中，所述屏幕对象的特定部分在画面中的高度维持不变，且屏幕对象的对象边缘对齐于屏幕边缘。此步骤与前述实施例中的步骤S230相同或相似，故其详细内容在此不再赘述。

对于上述以最接近缩放手势所在位置的屏幕对象作为后续缩放屏幕画面的参考的实施方式，以下将再举一实施例详细说明。

图6A至图6C是依据本发明的一实施例绘示的缩放屏幕画面示意图。请参照图6A，本实施例假设触控屏幕110所显示的画面为网页600。在本实施例中，当使用者在触控位置610处进行例如双击的缩放手势时，寻找模块122可在触控位置610的左边寻找到最接近的屏幕对象(即图片620)。

在寻找模块122找到的图片620之后，缩放模块123可如图6B所示地放大网页600中的所有对象(例如图片及各个文字等)。其中，在放大网页600的过程中，缩放模块123是以图片620中对应于触控位置610的像素列630以及触控屏幕110的左边缘(即网页600的左边缘)为基准，放大网页600，以将放大后的图片620’的左边缘对齐触控屏幕110的左边缘，并可维持图片620中，对应于触控位置610的像素列630的高度不变。其中，图片420在网页400的放大过程中，会先经过图6B中的图片620’，最后放大为图6C中的图片620’’。从图6A至图6C中应可看出，像素列630、像素列630’与像素列630’’的高度为相同。因此，对于使用者而言，其可轻易地在放大后的网页600中找到原先关注的图片部分。

值得注意的是，虽然前述实施例皆是以放大屏幕画面为例来进行说明，但当使用者欲缩小屏幕画面时，本发明实施例提出的方法亦可适用。举例而言，当使用者欲通过缩放手势缩小屏幕画面时，若此缩放手势所作用的屏幕对象为文字段落，则缩放模块123可在缩小屏幕画面中所有对象的过程中，维持此文字段落的第一行文字的高度；若使用者的缩放手势所作用的屏幕对象为图片，则缩放模块123可在缩小屏幕画面中所有对象的过程中，维持此图片中对应于缩放手势所在位置的像素列的高度。

综上所述，本发明实施例提出的缩放屏幕画面的方法及电子装置可在检测到缩放手势时，依据缩放手势所作用的屏幕对象，而在维持此屏幕对象特定部分的高度不变的情况下，缩放屏幕画面中的各个对象。即便使用者是在屏幕画面的空白处输入缩放手势，本发明仍可依据最接近于缩放手势的屏幕对象来进行缩放屏幕画面的操作。如此一来，使用者即可在缩放后的屏幕画面中轻易找到原本关注的图片或文字，而无需耗费额外心力在缩放后的屏幕画面中寻找。

虽然本发明已以实施例揭露如上，然其并非用以限定本发明，任何本领域技术人员，在不脱离本发明的精神和范围内，当可作些许的更动与润饰，故本发明的保护范围当视所附的权利要求范围所界定者为准。

Claims

1.一种缩放屏幕画面的方法，用于具有一触控屏幕的一电子装置，所述方法包括下列步骤：

利用该触控屏幕检测一缩放手势；

寻找该触控屏幕上该缩放手势所作用的一屏幕对象；以及

以该屏幕对象的一特定部分及该触控屏幕的一屏幕边缘为基准，缩放该触控屏幕所显示画面中的所有对象，使得在该画面缩放的过程中，该屏幕对象的该特定部分在该画面中的一高度维持不变，且该屏幕对象的一对象边缘对齐于该屏幕边缘。

2.根据权利要求1所述的方法，其中寻找该触控屏幕上该缩放手势所作用的该屏幕对象的步骤包括：

寻找该触控屏幕上位置最接近于该缩放手势所在位置的该屏幕对象作为该缩放手势所作用的该屏幕对象。

3.根据权利要求2所述的方法，其中寻找该触控屏幕上位置最接近于该缩放手势所在位置的该屏幕对象的步骤包括：

以该缩放手势所在位置为中心定义一九宫格；以及

寻找出现于该九宫格内且所在宫格的位置最接近该缩放手势所在位置的该屏幕对象。

4.根据权利要求1所述的方法，其中该屏幕对象为一文字段落，而以该屏幕对象的该特定部分及该触控屏幕的该屏幕边缘为基准，缩放该触控屏幕所显示画面中的所有对象的步骤包括：

维持该文字段落的一第一行文字在该画面缩放过程中的该高度不变。

5.根据权利要求1所述的方法，其中该屏幕对象为一图片，而以该屏幕对象的该特定部分及该触控屏幕的该屏幕边缘为基准，缩放该触控屏幕所显示画面中的所有对象的步骤包括：

维持该图片中位置与该缩放手势所在位置相对应的一像素列在该画面缩放过程中的该高度不变。

6.根据权利要求1所述的方法，其中以该屏幕对象的该特定部分及该触控屏幕的该屏幕边缘为基准，缩放该触控屏幕显示的该画面的步骤之后，还包括：

依据该触控屏幕的一屏幕宽度重新分行该画面中的至少一文字段落，使得各所述文字段落的每一行文字的一宽度符合该触控屏幕的该屏幕宽度。

7.根据权利要求1所述的方法，其中该缩放手势包括点击、双击或夹捏手势。

8.一种电子装置，包括：

一检测模块，利用一触控屏幕检测一缩放手势；

一寻找模块，寻找该触控屏幕上该缩放手势所作用的一屏幕对象；以及

一缩放模块，以该屏幕对象的一特定部分及该触控屏幕的一屏幕边缘为基准，缩放该触控屏幕所显示画面中的所有对象，使得在该画面缩放的过程中，该屏幕对象的该特定部分在该画面中的一高度维持不变，且该屏幕对象的一对象边缘对齐于该屏幕边缘。

9.根据权利要求8所述的电子装置，其中该寻找模块寻找该触控屏幕上位置最接近于该缩放手势所在位置的该屏幕对象作为该缩放手势所作用的该屏幕对象。

10.根据权利要求9所述的电子装置，其中该寻找模块以该缩放手势所在位置为中心定义一九宫格，并寻找出现于该九宫格内且所在宫格的位置最接近该缩放手势所在位置的该屏幕对象。

11.根据权利要求8所述的电子装置，其中该屏幕对象为一文字段落，而该缩放模块维持该文字段落的一第一行文字在该画面缩放过程中的该高度不变。

12.根据权利要求8所述的电子装置，其中该屏幕对象为一图片，而该缩放模块维持该图片中位置与该缩放手势所在位置相对应的一像素列在该画面缩放过程中的该高度不变。

13.根据权利要求8所述的电子装置，还包括：

一调整模块，经配置以依据该触控屏幕的一屏幕宽度重新分行该画面中的至少一文字段落，使得各所述文字段落的每一行文字的一宽度符合该触控屏幕的该屏幕宽度。

14.根据权利要求8所述的电子装置，其中该缩放手势包括点击、双击或夹捏手势。