CN102236506B - 拖曳物件的方法 - Google Patents

拖曳物件的方法 Download PDF

Info

Publication number
CN102236506B
CN102236506B CN2010101541891A CN201010154189A CN102236506B CN 102236506 B CN102236506 B CN 102236506B CN 2010101541891 A CN2010101541891 A CN 2010101541891A CN 201010154189 A CN201010154189 A CN 201010154189A CN 102236506 B CN102236506 B CN 102236506B
Authority
CN
China
Prior art keywords
row
moving direction
appointment
move
drag kick
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN2010101541891A
Other languages
English (en)
Other versions
CN102236506A (zh
Inventor
冯于懋
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Acer Inc
Original Assignee
Acer Inc
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Acer Inc filed Critical Acer Inc
Priority to CN2010101541891A priority Critical patent/CN102236506B/zh
Publication of CN102236506A publication Critical patent/CN102236506A/zh
Application granted granted Critical
Publication of CN102236506B publication Critical patent/CN102236506B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Abstract

本发明提供一种拖曳物件的方法。本方法是在视窗中接收拖曳动作。依据拖曳动作的初始位置与移动方向,自上述视窗中选择一指定排。并且,沿着移动方向来移动指定排。在指定排往移动方向移动且经过一段单位时间之后,以一种演算法往移动方向来移动紧邻指定排的邻近排,直至邻近排与指定排对齐。

Description

拖曳物件的方法
技术领域
本发明是有关于一种拖曳物件的方法,且特别是有关于一种非同步拖曳物件的方法。 
背景技术
随着科技的进步,电脑操作使用者界面已由命令列界面(CommandLine Interface,CLI)演变为图形用户界面(Graphic User Interface,GUI)。对于使用者而言,图形用户界面在视觉上更容易被接受,因此,图形用户界面在信息产品上日趋受到各界的注意。 
而随着处理器日益强大,市面上更出现愈来愈多高互动性的图形用户界面。例如,在电脑画面中显示视窗(window)、图符(icon)、按钮(button)等图形,来表示不同目的的动作,以供使用者进行操作。其中,图符常被用来显示在管理数据的应用程式中的数据,或者显示应用程式本身。当图符数量过多时,便会有部分的图符被隐藏而仅显示部分图符。因此,使用者要移动这些图符的清单方能浏览所有的图符。而现有的清单包括卷动式清单及分页式清单。 
然而,不管是卷动式清单或是分页清单,传统图符清单在进行拖曳时,所有图符皆会一起朝拖曳的方向移动,其互动性不高,使用者得到的回馈不足,以致使用者不易掌握清单的状态以及难以准确地操作图符清单。 
发明内容
本发明提供一种拖曳物件的方法,以非同步的方式来拖曳物件。 
具体而言,本发明提出一种拖曳物件的方法,适用于一电子装置。本方法是在视窗中接收拖曳动作,其中视窗包括排列为多个排的多个物件,而拖曳动作是从一初始位置沿着一移动方向进行拖曳至一结束位置,其中移动方向为垂直方向或水平方向。并且,依据初始位置与移动方向,自上述排中选择一指定排。沿着移动方向将指定排移动一指定距离,此指定距离为初始位置与结束位置之间的距离。并且,在指定排往移动方向移动且经过一段单位时间之后,以一种演算法往移动方向来移动紧邻指定排的上述排中的第一邻近排,直至第一邻近排与指定排对齐。
在本发明一实施例中,上述在第一邻近排往移动方向移动且经过上述单位时间之后,再以上述演算法往移动方向来移动紧邻第一邻近排的上述排中的第二邻近排,直至第二邻近排与第一邻近排对齐。 
在本发明一实施例中,上述演算法包括等速移动或变速移动。其中,变速移动是依据a2=a1+(b-a1)×k。其中,a1为每一排移动前的第一位置,a2为每一排移动后的第二位置,b为拖曳动作的结束位置,k为一系数,其大于0且小于或等于1。 
在本发明一实施例中,上述拖曳物件的方法还可持续检测是否在视窗接收到另一拖曳动作,以在检测接收到另一拖曳动作时,重新依据所接收的另一拖曳动作的初始位置与移动方向,从上述排中选择另一指定排。 
在本发明一实施例中,上述沿着移动方向将指定排移动指定距离的步骤,可依据拖曳动作的速度来移动,或是依据上述演算法来移动。 
在本发明一实施例中,上述物件为图符。另外,上述电子装置包括触控式屏幕,以通过触控式屏幕来接收指向设备的拖曳动作。 
基于上述,本发明在选定的指定排移动之后,紧邻指定排的其他邻近排则会在经过一段单位时间之后再往指定排的移动方向移动,直至与指定排对齐为止。据此,可达称非同步拖曳物件的效果,同时亦让画面更为生动活泼,进而提高浏览物件的乐趣,并且增加娱乐性。 
为让本发明上述特征和优点能更明显易懂,下文特举实施例,并配合所附图作详细说明如下。 
附图说明
图1是本发明一实施例的拖曳物件的方法流程图; 
图2A~图2E是本发明一实施例的拖曳物件的示意图; 
图3A~图3D是本发明另一实施例的拖曳物件的示意图。 
附图标记说明 
200、300:清单显示区域;    201、301:虚线箭号; 
203、303:实线箭号; 
S105~S120:本发明拖曳物件的方法各步骤。 
具体实施方式
传统图符清单在进行拖曳时,所有图符会一起朝拖曳的方向移动,其互动性不高,使用上较为枯燥。为此,本发明提出一种拖曳物件的方法,据以非同步来拖曳物件,使得画面更为生动活泼。为了使本发明内容更为明了,以下特举实施例作为本发明确实能够据以实施的范例。 
图1是本发明一实施例的拖曳物件的方法流程图。本实施例适用于电子装置。例如,可以程式语言来撰写一个程式码软件,并将此程序码软件安装于电子装置中,以执行下列拖曳物件的方法。另外,在本实施例中,电子装置具有触控式屏幕,以通过触控式屏幕来接收指向设备(例如,滑鼠、触控笔或手指)的拖曳动作。 
请参照图1,在步骤S105中,在视窗中接收拖曳动作。在本实施例中,视窗包括排列为多个排的多个物件(物件例如为图符(icon))。此拖曳动作是自一初始位置沿着一移动方向进行拖曳至一结束位置。而移动方向为垂直方向或水平方向,其中垂直方向包括向上垂直方向与向下垂直方向,而水平方向包括向右水平方向与向左水平方向。上述视窗例如为图形 用户界面(Graphic User Interface,GUI),其包含一图符清单以及清单显示区域。。若图符清单中的图符超过清单显示区域所能显示的范围,清单显示区域仅会显示一部分的图符而隐藏其他剩余部分的图符。使用者可以拖曳方式来浏览图符清单中其他被隐藏的图符。 
以下举一实施例来搭配此拖曳物件的方法进行说明。图2A~图2E是本发明一实施例的拖曳物件的示意图。请先参照图2A,在此,物件清单包括了8×4个物件。而清单显示区域200所能显示的大小为4×4个物件。据此,物件1-1~物件1-4、物件2-1~物件2-4、物件3-1~物件3-4、物件4-1~物件4-4会显示于清单显示区域中,而物件清单的另外4×4个物件(虚线物件)则会被隐藏。 
另外,拖曳动作是自虚线箭号201(初始位置)沿着水平方向(移动方向)向右进行拖曳至实线箭号203(结束位置)。在本实施例中,物件清单例如是图符清单。然,在其他实施例中并不局限于单纯的图符,亦可以为图符加文字,或者为单纯文字,在此并不限定其范围。 
在接收拖曳动作之后,如步骤S110所示,依据拖曳动作的初始位置与移动方向,自上述排中选择一个指定排。也就是选择较靠近拖曳动作的初始位置的一排来作为指定排。以图2A而言,拖曳动作的初始位置于物件1-3,而移动方向为向右水平移动,据此,指定排即为物件1-3所在的横排,也就是横向第一排(包括物件1-1~物件1-4)。 
在选定指定排之后,接着在步骤S115中,沿着移动方向来移动指定排,以将指定排移动一指定距离。此指定距离为结束位置与初始位置之间的距离。之后,如步骤S120所示,在指定排往移动方向移动且经过一段单位时间之后,以一种演算法往移动方向来移动紧邻指定排的邻近排,直至上述邻近排与指定排对齐。在本实施例中,指定排的移动可以是依据拖曳动作的速度来移动;亦或是依据上述演算法,沿着移动方向等速或变速移动。 
在此,将紧邻指定排的邻近排称为第一邻近排。在第一邻近排往移动方向移动且经过上述单位时间之后,再以上述演算法往上述移动方向来移动紧邻第一邻近排的邻近排(在此称为第二邻近排),直至第二邻近排与第一邻近排对齐。 
上述演算法例如为等速移动或变速移动。而变速移动例如是依据公式a2=a1+(b-a1)×k。其中,a1为每一排移动前的第一位置,a2为每一排移动后的第二位置,b为拖曳动作的结束位置,k为大于0且小于或等于1的系数。据此,变速移动为先快后慢。 
举例来说,假设拖曳动作的结束位置b为10,初始位置为2,系数k为0.5。并且,以初始位置作为指定排的移动前的第一位置a1。若指定排以公式“a2=a1+(b-a1)×k”来移动,则第一次所移动的距离为(10-2)*0.5=4,则本次移动后的第二位置a2为6,也就是第一位置a1加上移动距离4。 
而下一次所移动的距离则为(10-6)*0.5=2,则本次移动后的位置则为8,再下一次移动后的位置为9,以此类推。据此可获得其移动位置的变化为2、6、8、9、…。另外,还可以设定当该次所欲移动的距离((b-a1)×k)小于一阈值时,便直接移动至拖曳动作的结束位置。 
因此,若指定排为第一排,当使用者拖曳第一排时,第二排会在一个单位时间(例如,1/30秒)后以上述演算法往第一排的移动方向变速移动,而第三排亦会在1/30秒后以上述演算法往第二排的移动方向变速移动。在使用者未停止拖曳动作之前,一直重复上述演算法。而当使用者停止拖曳动作时,利用上述演算法让上述三排渐趋对齐到定位,即完成整个非同步的拖曳。 
举例来说,以图2A~图2E而言,指向设备所对应的游标一开始所点选的初始位置(也就是拖曳动作的初始位置)靠近物件1-3。而上述拖曳动作为的移动方向为水平方向,据此,选定横向第一排作为指定排。横向第一排会先往拖曳动作的移动方向移动。在此,指定排的移动可以是依据拖曳动作的速度来移动(例如,随着指向设备的游标的移动而移动);亦或是依据一演算法,沿着移动方向等速或变速移动。 
在经过一段单位时间(如1/30秒)之后,再由紧邻指定排的第一邻近排(即,横向第二排)往拖曳动作的移动方向进行等速或变速移动。而再经过1/30秒之后,再由紧邻第一邻近排的第二邻近排(即,横向第三排)往拖曳动作的移动方向进行等速或变速移动,如图2B所示。依照此移动方式,横向第二排会先与横向第一排对齐(如图2C所示),之后横向第三排再与横向第二排对齐(如图2D所示),最后横向第四排再与横向第三排对齐(如图2E所示),据此可达成非同步拖曳物件的功效。 
底下再举一实施例来说明从中间排进行拖曳的步骤。图3A~图3D是本发明另一实施例的拖曳物件的示意图。请参照图3A~图3D,清单显示区域300所能显示的大小为4×4个物件。据此,物件1-1~物件1-4、物件2-1~物件2-4、物件3-1~物件3-4、物件4-1~物件4-4会显示于清单显示区域中,而物件清单的另外4×4个物件(虚线物件)则会被隐藏。另外,拖曳动作是自虚线箭号301(初始位置)沿着向右水平方向(移动方向)进行拖曳至实线箭号303(结束位置)。 
在图3A中,指向设备所对应的游标一开始所点选的初始位置(也就是拖曳动作的初始位置)靠近物件2-3。而拖曳动作为的移动方向为水平方向,据此,选定包括物件2-3的横向第二排作为指定排。横向第二排会先往拖曳动作的移动方向移动。 
如图3B所示,在经过一段单位时间(如1/30秒)之后,由紧邻指定排的第一邻近排(其包括横向第一排及横向第三排)往拖曳动作的移动方向进行移动。而再经过1/30秒之后,再由紧邻第一邻近排的第二邻近排(其为横向第四排)往拖曳动作的移动方向进行移动。依照此移动方式,则横向第一排与横向第三排会先与横向第二排对齐(如图3C所示),之后横 向第四排再与横向第三排对齐(如图3D所示),据此可达成非同步拖曳物件的功效。 
此外,上述拖曳物件的方法还包括持续检测是否在视窗中接收到另一拖曳动作,以在检测到另一拖曳动作时,重新依据所接收的另一拖曳动作的初始位置与移动方向,自上述排中选择另一指定排。也就是说,若指向设备所对应的游标一直变化不定时,则各排的移动亦是照着上述拖曳物件的方法来进行移动。 
例如,在拖曳第一排时,紧邻的第二排会在经过一段单位时间后再以等速或变速往第一排的移动方向进行移动。倘若中途转换为拖曳第二排,则此时则以第二排作为指定排,在第二排移动一段单位时间后,则进邻第二排的第一排与第三排再以等速或变速朝着第二排移动方向移动,以此类推。 
另外,上述虽以水平方向来作为拖曳动作的移动方向,然,在其他实施例中,拖曳动作亦可以是垂直方向(也就是拖曳直排),在此并不以此限定拖曳动作的移动方向。 
综上所述,本发明在选定的指定排移动之后,紧邻指定排的其他邻近排则会在经过一段单位时间之后再往指定排的移动方向移动,直至与指定排对齐为止。据此,可达称非同步拖曳物件的效果,使得拖曳物件时的画面更为生动活泼,进而提高浏览物件的乐趣,并且增加娱乐性。 
虽然本发明已以实施例描述如上,然其并非用以限定本发明,任何所属技术领域中具有通常知识者,在不脱离本发明精神和范围内,都可作些许更动与润饰,故本发明保护范围当以权利要求书为准。 

Claims (8)

1.一种拖曳物件的方法,适用于一电子装置,包括: 
在一视窗中接收一拖曳动作,其中该视窗包括排列为多个排的多个物件,该拖曳动作是从一初始位置沿着一移动方向进行拖曳至一结束位置,其中该移动方向为一垂直方向或一水平方向; 
依据该初始位置与该移动方向,从所述排中选择一指定排; 
沿着该移动方向将该指定排移动一指定距离,其中该指定距离为该初始位置与该结束位置之间的距离;以及, 
在该指定排往该移动方向移动且经过一单位时间之后,以一演算法往该移动方向移动所述排中紧邻该指定排的一第一邻近排,直至该第一邻近排与该指定排对齐, 
其中该演算法包括一等速移动以及一变速移动其中之一。 
2.根据权利要求1所述拖曳物件的方法,还包括: 
在该第一邻近排往该移动方向移动且经过该单位时间之后,以该演算法往该移动方向移动所述排中紧邻该第一邻近排的一第二邻近排,直至该第二邻近排与该第一邻近排对齐。 
3.根据权利要求1所述拖曳物件的方法,其中该变速移动是依据a2=a1+(b-a1)×k,其中,a1为每一排移动前的一第一位置,a2为每一排移动后的一第二位置,b为该结束位置,k为一系数,k大于0且小于或等于1。 
4.根据权利要求1所述拖曳物件的方法,还包括: 
持续检测是否于该视窗接收到另一拖曳动作,以在检测到所述另一拖曳动作时,重新依据所述另一拖曳动作的初始位置与移动方向,从所述排中选择另一指定排。 
5.根据权利要求1所述拖曳物件的方法,其中沿着该移动方向移动该指定排的步骤,包括: 
依据该拖曳动作的速度,沿着该移动方向移动该指定排。 
6.根据权利要求1所述拖曳物件的方法,其中沿着该移动方向将该指定排移动该指定距离的步骤,包括: 
依据该演算法,沿着该移动方向将该指定排移动该指定距离。 
7.根据权利要求1所述拖曳物件的方法,其中所述物件为图符。 
8.根据权利要求1所述拖曳物件的方法,其中该电子装置包括一触控式屏幕,以通过该触控式屏幕接收一指向设备的该拖曳动作。 
CN2010101541891A 2010-04-20 2010-04-20 拖曳物件的方法 Active CN102236506B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN2010101541891A CN102236506B (zh) 2010-04-20 2010-04-20 拖曳物件的方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN2010101541891A CN102236506B (zh) 2010-04-20 2010-04-20 拖曳物件的方法

Publications (2)

Publication Number Publication Date
CN102236506A CN102236506A (zh) 2011-11-09
CN102236506B true CN102236506B (zh) 2013-07-17

Family

ID=44887201

Family Applications (1)

Application Number Title Priority Date Filing Date
CN2010101541891A Active CN102236506B (zh) 2010-04-20 2010-04-20 拖曳物件的方法

Country Status (1)

Country Link
CN (1) CN102236506B (zh)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102929528A (zh) * 2012-09-27 2013-02-13 鸿富锦精密工业(深圳)有限公司 具有图片切换功能的装置及图片切换方法
CN104598116B (zh) * 2014-12-30 2018-06-01 联想(北京)有限公司 一种信息处理方法及电子设备

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20030122787A1 (en) * 2001-12-28 2003-07-03 Philips Electronics North America Corporation Touch-screen image scrolling system and method
CN1936799A (zh) * 2005-09-23 2007-03-28 鸿富锦精密工业(深圳)有限公司 用户操作控制装置及其方法
CN1940832A (zh) * 2005-09-30 2007-04-04 鸿富锦精密工业(深圳)有限公司 页面信息处理装置及方法
CN101281443A (zh) * 2008-05-13 2008-10-08 宇龙计算机通信科技(深圳)有限公司 一种页面切换的方法、系统及移动通信终端

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20030122787A1 (en) * 2001-12-28 2003-07-03 Philips Electronics North America Corporation Touch-screen image scrolling system and method
CN1936799A (zh) * 2005-09-23 2007-03-28 鸿富锦精密工业(深圳)有限公司 用户操作控制装置及其方法
CN1940832A (zh) * 2005-09-30 2007-04-04 鸿富锦精密工业(深圳)有限公司 页面信息处理装置及方法
CN101281443A (zh) * 2008-05-13 2008-10-08 宇龙计算机通信科技(深圳)有限公司 一种页面切换的方法、系统及移动通信终端

Also Published As

Publication number Publication date
CN102236506A (zh) 2011-11-09

Similar Documents

Publication Publication Date Title
AU2022235625B2 (en) Devices, methods, and graphical user interfaces for depth-based annotation
JP7410893B2 (ja) ユーザインタフェースにおけるナビゲートのためのカラムインタフェース
JP6039671B2 (ja) タイルの配列
JP2014502755A5 (zh)
US20130106888A1 (en) Interactively zooming content during a presentation
US20130080951A1 (en) Device and method for moving icons across different desktop screens and related computer readable storage media comprising computer executable instructions
CN108292190A (zh) 用于导航和播放基于频道内容的用户界面
TW201112074A (en) Touch gesture detecting method of a touch panel
CN102770828A (zh) 用于人机界面的控制柄交互
CN104063128B (zh) 一种信息处理方法及电子设备
CN103076982A (zh) 一种移动终端中光标控制的方法及装置
US20150370447A1 (en) Computerized systems and methods for cascading user interface element animations
CN101662621A (zh) 电视菜单调整方法及装置
CN102236506B (zh) 拖曳物件的方法
CN105446597B (zh) 应用程序的功能介绍信息的展示方法、展示装置和终端
KR101656518B1 (ko) 탄력 버튼을 제공하는 사용자 단말기, 그를 이용한 특정 기능 실행 방법 및 사용자 인터페이스
TWI447638B (zh) The display method of the displacement of the object on the electronic device screen
US20120278758A1 (en) Image browsing system and method for zooming images and method for switching among images
CN110533655A (zh) 测量信息处理方法、装置、超声设备及存储介质
CN102662589B (zh) 一种智能手机菜单操作改进方法和装置
CN109144387A (zh) 一种光标触控方法及光标触控装置、数字示波器
CN102999258B (zh) 电子装置及快速定位菜单选项的方法
KR101436805B1 (ko) 터치 스크린 디스플레이에서의 다중 객체 선택 방법 및 장치
KR20190028961A (ko) 제스처 인식 기반의 터치 디스플레이 장치
TW201205368A (en) Touch device capable of rotatably displaying a drag list and method of displaying a drag list rotatably

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
C14 Grant of patent or utility model
GR01 Patent grant