CN102169404A - 电子装置屏幕上物件位移的显示方法 - Google Patents
电子装置屏幕上物件位移的显示方法 Download PDFInfo
- Publication number
- CN102169404A CN102169404A CN2010101235218A CN201010123521A CN102169404A CN 102169404 A CN102169404 A CN 102169404A CN 2010101235218 A CN2010101235218 A CN 2010101235218A CN 201010123521 A CN201010123521 A CN 201010123521A CN 102169404 A CN102169404 A CN 102169404A
- Authority
- CN
- China
- Prior art keywords
- animation
- group
- display window
- display
- displacement
- 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.)
- Pending
Links
Images
Landscapes
- Processing Or Creating Images (AREA)
Abstract
本发明是有关于一种电子装置屏幕上物件位移的显示方法,用于显示电子装置的显示屏幕上物件(群)位移动作的动画,其依据一动画次数与一动画时间计算出一动画间隔时间;依据动画间隔时间与欲执行动画的次序计算出一动画结束时间;依据动画结束时间与一分配曲线计算出一分配比率;依据分配比率与一动画执行距离计算出欲执行该次序动画的一移动距离;依据移动距离计算出物件(群)位移后的更新坐标,并依据更新坐标重新绘制位移后的物件(群)于电子装置的显示屏幕上的显示窗口。本发明藉由计算出动画过程的每步动画的移动距离,以显示物件(群)移动过程,如此令物件(群)于位移动作时,呈现速度变化的动画显示效果。
Description
技术领域
本发明是有关于一种显示方法,其系尤指一种电子装置屏幕上物件位移的显示方法。
背景技术
近年来随着科技的快速进步,进而快速发展出许多电子装置,尤其是携带式电子装置,而大幅提升民众于日常生活上的便利性,例如携带式计算机、行动电话、个人数字助理(PDA)与携带式多媒体播放器等。早期的电子装置由于较强调其功能性,所以显示屏幕所显示的画面通常较为单调而缺乏变化。然而,随着民众使用要求日益提高,不但要求电子装置须具备周全功能之外,还必须具备新奇多变的显示画面。因此,现今电子装置的显示屏幕能够呈现许多功能选项或光标操作等影像功能,且进一步能够提供动画效果,例如光标动画、动态选单等效果。
现今为了更便利于民众操作使用电子装置,所以大都电子装置的显示屏幕皆为触控式显示屏幕,其可供民众仅需使用指示器,例如手指或者指示笔,即可点选显示屏幕的显示画面中的功能选单,而执行对应的功能。如此民众不需透过电子装置的按键进行选择,因此提高了民众使用电子装置的便利性。另外,民众透过触控式显示屏幕更可以与电子装置进行互动,例如民众可直接拖曳显示屏幕所显示的物件(例如数据项目物件)进行位移动作而移动,且于拖曳物件后可形成动画,以呈现有别于静态的动态视觉。
现今电子装置可进一步显示不同速度的动画,而提高动态效果。举例来说,民众可拖曳显示屏幕上的物件后并放开,该物件会持续移动形成动画,且移动速度会有不同变化(譬如快到慢或者慢到快到慢),以在显示屏幕呈现出具有不同速度变化的动画效果。现有调整动画的移动速度的方式,大都是采用调整速度快慢的方式,例如利用抛物线公式调整移动速度,但是此种调整方式难以控制物件移动的距离,如此物件容易移动超出显示屏幕的显示窗口的显示范围,而导致无法显示完整物件于显示窗口,进而影响动画效果。
因此,本发明即针对上述问题而提出一种电子装置屏幕上物件位移的显示方法,其不仅可令物件(群)进行位移动作时,呈现出具速度变化的动画显示效果之外,又可改善现有方式无法正确定位物件于显示窗口的缺点,进而增加动画效果,以解决上述问题。
发明内容
本发明的主要目的,是在电子装置的(触控式)显示屏幕上,令物件(群)于位移动作时,呈现速度变化的动画显示效果。
本发明的次要目的,是令电子装置的(触控式)显示屏幕上的物件(群)于位移动作时,能正确的定位在新位置上并完整显示于显示屏幕的显示窗口。
为了达到上述的目的,本发明是一种电子装置屏幕上物件位移的显示方法,其特征在于包含下列步骤:
(A)读取该电子装置的硬件数据库,取得欲显示的复数笔数据项目物件(群),并将之显示于该电子装置的显示屏幕上设定的显示窗口中;
(B)使用者于该显示窗口上拖曳该复数笔数据项目物件(群)中的任一笔数据项目物件(群),进行位移动作时,计算出使用者拖曳该笔数据项目物件(群)的拖曳速度;
(C)设定一动画时间,并依据该拖曳速度与该动画时间计算出一动画执行距离;
(D)设定一动画次数,平均分配于该动画时间内,计算出一动画间隔时间;
(E)依据该动画间隔时间与欲执行动画的次序计算出一动画结束时间;
(F)依据该动画结束时间与一分配曲线计算出一分配比率;
(G)依据该分配比率与该动画执行距离计算出欲执行该次序动画的一移动距离;
(H)依据该移动距离计算出该复数笔数据项目物件(群)位移后的更新坐标,并依据该些更新坐标将位移后的该复数笔数据项目物件(群)重新绘制于该显示窗口中;以及
(I)重复进行步骤(E)到步骤(I),直至执行动画的次序等于该动画次数。
本发明中,步骤(A)包含:
(A1)依据该电子装置的该显示屏幕的分辨率计算出该显示屏幕上的该显示窗口的最大显示范围;
(A2)依据该显示窗口的最大显示范围计算出每一笔数据项目物件(群)的容纳高度;
(A3)依据容纳高度计算出该复数笔数据项目物件(群)的复数坐标;以及
(A4)依据该复数坐标将该复数笔数据项目物件(群)绘制于该显示窗口中。
本发明中,步骤(A2)中更包含:
(A21)依据该显示窗口的最大显示范围计算出第一笔数据项目物件(群)位于该显示窗口的一起始位置;及
(A22)设定该第一笔数据项目物件(群)的一起始坐标为该起始位置。
本发明中,步骤(A3)中更包含:
(A31)依据第一笔数据项目物件(群)位于该显示窗口的起始位置与该容纳高度计算出其余该复数笔数据项目物件(群)的该复数坐标。
本发明中,步骤(B)中更包含:
(B1)记录使用者于该显示窗口开始拖曳该笔数据项目物件(群)的一初始位置坐标与一起始时间;
(B2)记录使用者于该显示窗口停止拖曳该笔数据项目物件(群)的一结束位置坐标与一结束时间;以及
(B3)依据该初始位置坐标、该结束位置坐标、该起始时间与该结束时间计算出使用者拖曳该笔数据项目物件(群)的该拖曳速度。
本发明中,步骤(C)中更包含:
(C1)依据该复数笔数据项目物件(群)的容纳高度及第一笔数据项目物件(群)位于该显示窗口的一起始位置修正该动画执行距离。
本发明中,该分配曲线为一常态分配曲线。
本发明中,该显示屏幕为触控式屏幕。
本发明还公开了一种电子装置屏幕上物件位移的显示方法,包含有下列步骤:
(A)读取该电子装置的硬件数据库,取得欲显示的至少一工具列物件(群),并将之显示于该电子装置的显示屏幕上设定的显示窗口中;
(B)设定一动画时间与一动画执行距离;
(C)设定一动画次数,平均分配于该动画时间内,计算出一动画间隔时间;
(D)依据该动画间隔时间与欲执行动画的次序计算出一动画结束时间;
(E)依据该动画结束时间与一分配曲线计算出一分配比率;
(F)依据该分配比率与该动画执行距离计算出欲执行该次序动画的一移动距离;
(G)依据该移动距离计算出该工具列物件(群)位移后的更新坐标,并依据该更新坐标将位移后的该工具列物件(群)重新绘制于该显示窗口中;以及
(H)重复进行步骤(D)到步骤(H),直至执行动画的次序等于该动画次数。
本发明中,步骤(A)包含:
(A1)依据该电子装置的该显示屏幕的分辨率计算出该显示屏幕上的该显示窗口的最大显示范围;
(A2)依据该显示窗口的最大显示范围计算出该工具列物件(群)的容纳长度;
(A3)设定该工具列物件(群)的一起始坐标;以及
(A4)依据该起始坐标将该工具列物件(群)绘制于该显示窗口中。
本发明中,步骤(A2)更包含:
(A21)依据该显示窗口的最大显示范围计算出该工具列物件(群)位于该显示窗口的一起始位置。
本发明中,步骤(A3)中更包含:
(A31)设定该工具列物件(群)的该起始坐标为该起始位置。
本发明中,步骤(B),是设定该工具列物件(群)的容纳长度为该动画执行距离。
本发明中,该分配曲线为一常态分配曲线。
本发明具有的有益效果:本发明所述的显示方法即可令该复数笔数据项物件(群)于显示窗口进行位移动作时,呈现速度变化的动画显示效果,且本发明是依据动画执行过程的每步动画的执行距离控制动画的速度变化,所以可易于控制动画的速度变化,且可令电子装置的显示屏幕上的该复数笔数据项目物件(群)于位移动作时,能正确的定位在新位置上并完整显示。
附图说明
图1是本发明的一较佳实施例的电子装置的显示屏幕与显示窗口的示意图;
图2是本发明的一较佳实施例的数据项目物件(群)显示于显示窗口的示意图;
图3至图8是本发明的一较佳实施例的流程图;
图9是本发明的一较佳实施例的分配曲线的曲线图;
图10是本发明的另一较佳实施例的工具列物件(群)显示于显示窗口的示意图;以及
图11至图14是本发明的另一较佳实施例的流程图。
【图号简单说明】
10 显示屏幕 15 显示窗口
20 数据项目物件(群) 22 数据项目物件(群)
24 数据项目物件(群) 26 数据项目物件(群)
28 数据项目物件(群) 30 工具列物件(群)
具体实施方式
为使对本发明的结构特征及所达成的功效有更进一步的了解与认识,用以较佳的实施例及附图配合详细的说明,说明如下:
本发明的显示方法主要运用于电子装置,其在电子装置的显示屏幕上的物件(群)进行位移动作时,可呈现速度变化的动画显示效果。以下是列举实施例详细说明本发明的显示方法。
请参阅图1,其是本发明的一较佳实施例的电子装置的显示屏幕与显示窗口的示意图。如图所示,本发明所运用的电子装置具有一显示屏幕10,显示屏幕10具有至少一显示窗口15,于此实施例仅具有一显示窗口15,但不局限本发明的显示屏幕10仅可具有单一显示窗口,其数量是依据设计需求而定。本发明的显示屏幕10为触控式显示屏幕。显示窗口15用于显示复数笔数据项目物件(群)。如图1与图2所示,此实施例的显示窗口15可显示5笔数据项目物件(群)20、22、24、26、28。该些数据项目物件(群)20、22、24、26、28的内容为文字,例如为新闻、气象与股市走势等,以供电子装置的使用者阅读。
请参阅图2,其是本发明的一较佳实施例的数据项目物件(群)显示于显示窗口的示意图。由于本发明的显示屏幕10(参阅图1)为触控式显示屏幕,所以可供使用者藉由指示器,例如手指或者指示笔,而拖曳显示窗口15所显示的该复数笔数据项目物件(群)20、22、24、26、28中的任一笔数据项目物件(群),以卷动该复数笔数据项目物件(群)20、22、24、26、28,以显示其它笔数据项目物件(群)于显示窗口15。举例来说,若使用者如图2所示,拖曳显示窗口15的第一笔数据项目物件(群)20往下移动时,即会往下卷动显示窗口15所显示的该复数笔数据项目物件(群)20、22、24、26、28,并更新显示其它笔原本未显示的数据项目物件(群)于显示窗口15,以供使用者阅读其内容。
使用者于向下拖曳第一笔数据项目物件(群)20位移动作后并放开时,即会向下卷动该复数笔数据项目物件(群)20、22、24、26、28,让其它笔原本未显示于显示窗口15中的数据项目物件(群)显示于显示窗口15中。上述向下卷动该复数笔数据项目物件(群)20、22、24、26、28的过程,是会形成动画。该复数笔数据项目物件(群)20、22、24、26、28位移动作时,本发明会以不同速度显示动画,而呈现出具有速度变化的动画。以下是配合图2与图3详细说明本发明的显示方法。
请参阅图3,其是本发明的一较佳实施例的流程图。首先,进行步骤(A)读取电子装置的硬件数据库(图未示),以取得欲显示的复数笔数据项目物件(群),其包括图2所示的数据项目物件(群)20、22、24、26、28,并显示于电子装置的显示屏幕10上设定的显示窗口15中。此步骤(A)的详细流程如图4所示,之后将对此流程进行详细说明。
如图3的步骤(B)所示,当使用者操作电子装置并于显示屏幕10的显示窗口15上拖曳数据项目物件(群)20、22、24、26、28中的任一笔数据项目物件(群)20、22、24、26或28进行位移动作时,本发明会计算出使用者拖曳数据项目物件(群)的拖曳速度。于此步骤中,使用者于显示窗口15上拖曳数据项目物件(群)20、22、24、26或28进行位移动作时,电子装置的操作***即会发出使用者在显示窗口15上的一操作讯息,操作***是对应使用者在显示窗口15上的操作状态而发出此操作讯息,而通知使用者于显示窗口15上拖曳数据项目物件(群)20、22、24、26或28进行位移动作,以进行计算而计算出拖曳速度。
上述步骤(B)中计算出拖曳速度的详细流程如图7所示,以下配合图2与图7详细说明本发明计算出拖曳速度的流程。如图2所示,于此实施例中使用者是拖曳显示窗口15上所显示的第一笔数据项目物件(群)20往下移动后并放开。由于此实施例中,使用者是拖曳第一笔数据项目物件(群)20,因此以下说明是以拖曳第一笔数据项目物件(群)20的操作进行说明,但并不局限使用者仅能拖曳第一笔数据项目物件(群)20。本发明计算出拖曳速度的方法,是先执行步骤(B1),记录使用者于显示屏幕10的显示窗口15开始拖曳第一笔数据项目物件(群)20的一初始位置坐标P1与一起始时间T1。此外,进行步骤(B2),记录使用者于显示屏幕10的显示窗口15停止拖曳第一笔数据项目物件(群)20的一结束位置坐标P2与一结束时间T2。然后,如步骤(B3)所示,依据初始位置坐标P1、结束位置坐标P2、起始时间T1与结束时间T2计算出使用者拖曳第一笔数据项目物件(群)20的拖曳速度V1,如此即可计算出使用者拖曳第一笔数据项目物件(群)20的拖曳速度V1。拖曳速度V1如下列方程式所示:
拖曳速度V1=(结束位置坐标P2-初始位置坐标P1)/(T2结束时间-T1起始时间)
完成上述步骤(B)而计算出拖曳速度V1之后,接续执行步骤(C),设定一动画时间TA,并依据拖曳速度V1与动画时间TA计算出一动画执行距离DA。此步骤(C)是计算出执行动画过程,该复数笔数据项目物件(群)位移的总距离。本发明可设定进行动画的时间TA,所以拖曳速度V1与动画时间TA的乘积即为动画执行距离DA,其如下列方程式所示:
动画执行距离DA=拖曳速度V1*动画时间TA
完成上述步骤(C)而计算出动画执行距离DA之后,接续执行步骤(D),设定一动画次数TN,并平均分配于动画时间TA内,而计算出一动画间隔时间TS。动画间隔时间TS如下列方程式所示:
动画间隔时间TS=动画时间TA/动画次数TN
如上方程序所示,此步骤(D)是计算出整个动画过程的执行每步动画的时间。也就是将动画时间TA平均分配于每步动画,即执行每步动画的时间均相同。举例来说,若设定动画次数TN为10,而动画时间TA为3秒,所以执行第一步、第二步至第十步动画的时间皆为0.3秒。
进行完步骤(D)而计算出动画间隔时间TS之后,接续进行步骤(E),依据动画间隔时间TS与欲执行动画的次序计算出一动画结束时间TDi(i=1~TN)。也就是算出执行每步动画的结束时间,例如执行第一步动画、第二步动画......、第十步动画的结束时间,动画结束时间TDi如下列方程式所示:
动画结束时间TDi=动画间隔时间TS*执行动画的次序(1~TN)计算出动画结束时间TDi之后,进行步骤(F),依据动画结束时间TDi与一分配曲线计算出一分配比率Ri(i=1~TN)。由于要呈现不同速度变化的动画,所以在动画速度变化之下,执行不同次序的动画所位移的距离也会有所不同,譬如动画位移速度由慢变快,即第二步动画的位移速度较为第一步动画的位移速度快,所以第二步动画的位移距离则大于第一步动画的位移距离。此步骤即依据速度变化而计算出不同次序动画的分配比率Ri,以在下一步骤依据分配比率Ri计算出位移距离。
本发明计算分配比率Ri的方式是积分分配曲线的某一位置,以获得对应此位置的曲线面积,而作为分配比率Ri。此曲线面积的总和为1。详细来说,是将动画结束时间TDi作为位于分配曲线的位置,并代入此曲线的积分方程式,而计算出相对于此位置的曲线面积,而计算出分配比率Ri。上述的分配曲线可为一常态分配曲线(Normal Distribution)。上述的分配曲线的类型会依据设计动画速度变化的需求不同而有所不同,且曲线面积的积分方程式也会依据分配曲线的不同而不同。如图9所示,若欲设计动画的速度变化为慢到快至慢,则可采用虚线的第一曲线。若欲设计动画的速度变化为快到慢,则可采用实线的第二曲线。
完成上述步骤(F)而计算出分配比率Ri之后,进行步骤(G),依据分配比率Ri与动画执行距离DA计算出欲执行该次序动画的一移动距离DAi(i=1~TN)。此步骤是计算出进行不同次序动画的移动距离DAi,即计算出每一步动画所移动的位移距离,其会依据动画速度变化而有所不同。移动距离DAi如下列方程式所示:
移动距离DAi=分配比率Ri*动画执行距离DA
完成上述步骤(G)而计算出移动距离DAi之后,执行步骤(H),依据移动距离DAi计算出该复数笔数据项目物件(群)位移后的更新坐标,并依据更新坐标将位移后的该复数笔数据项目物件(群)重新绘制于显示窗口15中,以显示于显示窗口15。此步骤(H)是计算出该复数笔数据项目物件(群)的更新坐标,也就是该复数笔数据项目物件(群)的新坐标,并依据更新坐标判断那些笔数据项目物件(群)位于显示窗口15内,并执行操作***的绘图函式,而重新绘制该复数笔数据项目物件(群)于显示窗口15中。上述的绘图函式为一般现有的技术,在此即不再详述。
完成上述步骤(H),即完成一步动画,譬如第一步动画。接续如步骤(I)所示,判断动画是否完成,此步骤即判断执行动画的次序是否等于动画次数TN。于此实施例中,动画次数TN设定为10,所以即判断是否完成第十步动画,若未完成即重复执行上述步骤(E)到步骤(I),而计算出执行下一步动画的动画结束时间TDi(步骤E)、分配比率Ri(步骤F)、移动距离DAi(步骤G)与更新坐标(步骤H),直至执行动画的次序等于动画次数TN。若是判断已完成动画,则操作***即会等待使用者下一次在显示窗口15上拖曳数据项目物件(群)进行位移动作而发出操作讯息,以再次进行本发明的显示方法。
本发明执行上述所有处理步骤,皆可藉由电子装置的处理器执行,或者设置其它硬件电路执行上述处理步骤,熟悉本领域技术人员可得知其实施方式甚多,所以本发明并不局限利用何种硬件电路进行本发明的显示方法。
请参阅图4,其是本发明进行步骤(A)的详细流程图,以下是对此流程进行详细说明。进行步骤(A)显示所读取的该数笔数据项目物件(群)于显示窗口15中,是先如步骤(A1)所示,依据电子装置的显示屏幕10的分辨率,而计算出显示屏幕10上的显示窗口15的最大显示范围。此步骤(A1)是依据显示屏幕10的分辨率计算出显示窗口15内的像素点的总数,以计算出显示窗口15的最大显示范围。接着,进行步骤(A2)依据显示窗口15的最大显示范围计算出每一笔数据项目物件(群)的容纳高度DI(参阅图2),以定义每一笔数据项目物件(群)位于显示窗口15的范围,即每一笔数据项目物件(群)显示内容的范围。如图2所示,每一数据项目物件(群)的容纳高度DI是相同。于此实施例中,预计显示窗口15显示五笔数据项目物件(群),所以依据显示窗口15的最大显示范围计算出每一笔数据项目物件(群)的容纳高度DI,以让每一笔数据项目物件(群)在有限的显示范围下具有最大容纳高度DI,且可完整显示于显示窗口15中。
完成上述步骤(A2)而计算出每一笔数据项目物件(群)的容纳高度DI之后,进行步骤(A3)依据容纳高度DI计算出该复数笔数据项目物件(群)的复数坐标。然后,进行步骤(A4),依据该复数坐标将该复数笔数据项目物件(群)绘制于显示窗口中15。此步骤是依据所计算出的该复数坐标判断那些数据项目物件(群)位于显示窗口15的最大显示范围内,进而将的显示于显示窗口15中。执行上述步骤(A1)至步骤(A4)之后,即如图2所示,显示窗口15完整显示数据项目物件(群)20、22、24、26、28。
请参阅图5,其是本发明步骤(A2)的详细流程图。步骤(A2)更包含步骤(A21)与步骤(A22),步骤(A21)依据显示窗口15的最大显示范围计算出第一笔数据项目物件(群)20位于显示窗口15的一起始位置PS(参阅图2)。步骤(A22)设定第一笔数据项目物件(群)20于显示窗口15的一起始坐标为起始位置PS,如此第一笔数据项目物件(群)20即会显示在显示窗口15的起始位置PS。
请参阅图6,其是本发明步骤(A3)的详细流程图。本发明进行图4的步骤(A3),依据容纳高度DI计算出该复数笔数据项目物件(群)的该复数坐标时,是更会如步骤(A31)所示,依据第一笔数据项目物件(群)20位于显示窗口15的起始位置PS与容纳高度DI计算出其余该复数笔数据项目物件(群)的该复数坐标。
此外,本发明为了确保执行动画后,后续显示于显示窗口15中的第一笔数据项目物件(群)的起始坐标仍位于起始位置PS。因此,如图8所示,本发明的步骤(C)更包含步骤(C1)。在步骤(C)计算出动画执行距离DA后,更进行步骤(C1),依据数据项目物件(群)的容纳高度DI及第一笔数据项目物件(群)位于显示窗口15的起始位置PS修正动画执行距离DA。如此,即可确保执行动画后,后续显示于显示窗口15中的第一笔数据项目物件(群)仍位于起始位置PS。
本发明除了可运用于显示数据项目物件(群)的位移动作之外,亦可显示电子装置的显示屏幕10上的工具列(Tool Bar)物件(群)于隐藏过程的位移动画。以下是配合实施例说明本发明显示工具列物件(群)位移动作的方法。请参阅图10,显示窗口15除了显示有数据项目物件(群)20、22、24、26之外,亦显示有一工具列物件(群)30。工具列物件(群)30于隐藏时,是会往显示窗口15的右边移动。本发明在工具列物件(群)30位移过程是可显示速度变化的动画。以下是配合图10与图11详细说明本发明显示工具列物件(群)30位移动作的方法。
请参阅图11,其是本发明的另一较佳实施例的流程图。如图所示,本发明显示工具列物件(群)30位移动作的方法,首先执行步骤(A)读取电子装置的硬件数据库,取得欲显示的至少一工具列物件(群)30,并显示于电子装置的显示屏幕10上设定的显示窗口15中。此步骤(A)的详细流程如图12所示,之后将对此流程进行详细说明。于此实施例中,当工具列物件(群)30隐藏时,工具列物件(群)30是会往显示窗口15的右边移动,此时本发明会显示具有速度变化的动画。本发明的显示方法是执行步骤(B),设定动画时间TA与动画执行距离DA,由于工具列物件(群)30的移动距离为其容纳长度TW,所以即设定工具列物件(群)30的容纳长度TW为动画执行距离DA。之后,执行步骤(C)设定动画次数TN,平均分配于动画时间TA内,而计算出动画间隔时间TS,即计算出每步动画的执行时间。接续,执行步骤(D),依据动画间隔时间TS与欲执行动画的次序计算出动画结束时间TDi(i=1~TN)。也就是计算出执行每步动画的结束时间。
计算出上述动画结束时间TDi之后,是执行步骤(E)依据动画结束时间TDi与分配曲线计算出分配比率Ri(i=1~TN)。之后,执行步骤(F)依据分配比率Ri与动画执行距离DA计算出欲执行该次序动画的移动距离DAi(i=1~TN)。此步骤(F)是计算出进行不同次序动画的移动距离DAi,即计算出不同步动画所移动的距离,其会依据动画速度变化而有所不同。接续,执行步骤(G)依据移动距离DAi计算出工具列物件(群)30位移后的更新坐标,并依据更新坐标将位移后的工具列物件(群)30重新绘制于显示窗口15中。如此,即完成一步动画。
完成上述步骤(G)之后,是接续进行步骤(H),判断动画是否完成,此步骤即判断执行动画的次序是否等于动画次数TN。若判断未完成动画,即重复执行上述步骤(D)至步骤(H),而计算出执行下一步动画的动画结束时间TDi(步骤D)、分配比率Ri(步骤E)、移动距离DAi(步骤F)与工具列物件(群)30的更新坐标(步骤G),直至执行动画的次序等于动画次数TN。若是判断已完成动画,由于工具列物件(群)30已经隐藏,所以数据项目物件(群)可以往工具列物件(群)30的方向移动,而显示更多数据项目物件(群)。如步骤(I)所示,更新图10所示的第一笔数据项目物件(群)20的起始位置,同时也重新计算其它笔数据项目物件(群)的更新坐标,且依据更新坐标重新绘制该复数笔数据项目物件(群)于显示窗口15。
请参阅图12,其是此实施例进行步骤(A)的详细流程图。进行图11的步骤(A)显示所读取的工具列物件(群)30于显示窗口15中,是先如步骤(A1)所示,依据电子装置的显示屏幕10的分辨率,而计算出显示屏幕10上的显示窗口15的最大显示范围。之后,执行步骤(A2)依据显示窗口15的最大显示范围计算出工具列物件(群)30的容纳长度TW(参阅图10),即定义工具列物件(群)30可容纳工具物件的范围。接着,进行步骤(A3)设定工具列物件(群)30的起始坐标,此步骤(A3)是设定工具列物件(群)30显示于显示窗口15上的初始位置。然后,进行步骤(A4)依据起始坐标将工具列物件(群)30绘制于显示窗口15中。完成上述步骤后,即如图10所示,显示窗口15显示有工具列物件(群)30。
请参阅图13,其是此实施例的步骤(A2)的详细流程图。步骤(A2)更包含步骤(A21),步骤(A21)依据显示窗口15的最大显示范围计算出工具列物件(群)30位于显示窗口15的起始位置PS(参阅图10)。如此,工具列物件(群)30即会显示在显示窗口15的起始位置PS。
请参阅图14,其是此实施例的步骤(A3)的详细流程图。本发明进行图12的步骤(A3),设定工具列物件(群)30的起始坐标时,是更会如步骤(A31)所示,设定工具列物件(群)30的起始坐标为起始位置PS,以让工具列物件(群)30显示于显示窗口15的起始位置PS。
综上所述,本发明电子装置屏幕上物件位移的显示方法,是用于在物件(群)进行位移动作时,显示速度变化的动画,本发明的显示方法主要是计算出每一步动画的移动距离;然后,依据移动距离计算出物件(群)位移后的更新坐标,并依据更新坐标重新绘制位移后的物件(群)于电子装置的显示屏幕上设定的显示窗口中。如此,令物件(群)进行位移动作时,即可呈现速度变化的动画显示效果。此外,由于本发明是依据显示窗口的最大显示范围显示物件(群),以及设定显示于显示窗口的第一笔物件(群)的起始位置,所以可确保物件(群)完整显示于显示窗口中,以确保使用者观看到完整的物件(群)。
综上所述,仅为本发明的一较佳实施例而已,并非用来限定本发明实施的范围,凡依本发明权利要求范围所述的形状、构造、特征及精神所为的均等变化与修饰,均应包括于本发明的权利要求范围内。
Claims (14)
1.一种电子装置屏幕上物件位移的显示方法,其特征在于包含下列步骤:
(A)读取该电子装置的硬件数据库,取得欲显示的复数笔数据项目物件(群),并将之显示于该电子装置的显示屏幕上设定的显示窗口中;
(B)使用者于该显示窗口上拖曳该复数笔数据项目物件(群)中的任一笔数据项目物件(群),进行位移动作时,计算出使用者拖曳该笔数据项目物件(群)的拖曳速度;
(C)设定一动画时间,并依据该拖曳速度与该动画时间计算出一动画执行距离;
(D)设定一动画次数,平均分配于该动画时间内,计算出一动画间隔时间;
(E)依据该动画间隔时间与欲执行动画的次序计算出一动画结束时间;
(F)依据该动画结束时间与一分配曲线计算出一分配比率;
(G)依据该分配比率与该动画执行距离计算出欲执行该次序动画的一移动距离;
(H)依据该移动距离计算出该复数笔数据项目物件(群)位移后的更新坐标,并依据该些更新坐标将位移后的该复数笔数据项目物件(群)重新绘制于该显示窗口中;以及
(I)重复进行步骤(E)到步骤(I),直至执行动画的次序等于该动画次数。
2.如权利要求1所述的显示方法,其特征在于步骤(A)包含:
(A1)依据该电子装置的该显示屏幕的分辨率计算出该显示屏幕上的该显示窗口的最大显示范围;
(A2)依据该显示窗口的最大显示范围计算出每一笔数据项目物件(群)的容纳高度;
(A3)依据容纳高度计算出该复数笔数据项目物件(群)的复数坐标;以及
(A4)依据该复数坐标将该复数笔数据项目物件(群)绘制于该显示窗口中。
3.如权利要求2所述的显示方法,其特征在于步骤(A2)中更包含:
(A21)依据该显示窗口的最大显示范围计算出第一笔数据项目物件(群)位于该显示窗口的一起始位置;及
(A22)设定该第一笔数据项目物件(群)的一起始坐标为该起始位置。
4.如权利要求2所述的显示方法,其特征在于步骤(A3)中更包含:
(A31)依据第一笔数据项目物件(群)位于该显示窗口的起始位置与该容纳高度计算出其余该复数笔数据项目物件(群)的该复数坐标。
5.如权利要求1所述的显示方法,其特征在于步骤(B)中更包含:
(B1)记录使用者于该显示窗口开始拖曳该笔数据项目物件(群)的一初始位置坐标与一起始时间;
(B2)记录使用者于该显示窗口停止拖曳该笔数据项目物件(群)的一结束位置坐标与一结束时间;以及
(B3)依据该初始位置坐标、该结束位置坐标、该起始时间与该结束时间计算出使用者拖曳该笔数据项目物件(群)的该拖曳速度。
6.如权利要求1所述的显示方法,其特征在于步骤(C)中更包含:
(C1)依据该复数笔数据项目物件(群)的容纳高度及第一笔数据项目物件(群)位于该显示窗口的一起始位置修正该动画执行距离。
7.如权利要求1所述的显示方法,其特征在于该分配曲线为一常态分配曲线。
8.如权利要求1到7任一项所述的显示方法,其特征在于该显示屏幕为触控式屏幕。
9.一种电子装置屏幕上物件位移的显示方法,其特征在于包含有下列步骤:
(A)读取该电子装置的硬件数据库,取得欲显示的至少一工具列物件(群),并将之显示于该电子装置的显示屏幕上设定的显示窗口中;
(B)设定一动画时间与一动画执行距离;
(C)设定一动画次数,平均分配于该动画时间内,计算出一动画间隔时间;
(D)依据该动画间隔时间与欲执行动画的次序计算出一动画结束时间;
(E)依据该动画结束时间与一分配曲线计算出一分配比率;
(F)依据该分配比率与该动画执行距离计算出欲执行该次序动画的一移动距离;
(G)依据该移动距离计算出该工具列物件(群)位移后的更新坐标,并依据该更新坐标将位移后的该工具列物件(群)重新绘制于该显示窗口中;以及
(H)重复进行步骤(D)到步骤(H),直至执行动画的次序等于该动画次数。
10.如权利要求9所述的显示方法,其特征在于步骤(A)包含:
(A1)依据该电子装置的该显示屏幕的分辨率计算出该显示屏幕上的该显示窗口的最大显示范围;
(A2)依据该显示窗口的最大显示范围计算出该工具列物件(群)的容纳长度;
(A3)设定该工具列物件(群)的一起始坐标;以及
(A4)依据该起始坐标将该工具列物件(群)绘制于该显示窗口中。
11.如权利要求10所述的显示方法,其特征在于步骤(A2)更包含:
(A21)依据该显示窗口的最大显示范围计算出该工具列物件(群)位于该显示窗口的一起始位置。
12.如权利要求11所述的显示方法,其特征在于步骤(A3)中更包含:
(A31)设定该工具列物件(群)的该起始坐标为该起始位置。
13.如权利要求9所述的显示方法,其特征在于步骤(B),是设定该工具列物件(群)的容纳长度为该动画执行距离。
14.如权利要求9所述的显示方法,其特征在于该分配曲线为一常态分配曲线。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN2010101235218A CN102169404A (zh) | 2010-02-26 | 2010-02-26 | 电子装置屏幕上物件位移的显示方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN2010101235218A CN102169404A (zh) | 2010-02-26 | 2010-02-26 | 电子装置屏幕上物件位移的显示方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN102169404A true CN102169404A (zh) | 2011-08-31 |
Family
ID=44490581
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN2010101235218A Pending CN102169404A (zh) | 2010-02-26 | 2010-02-26 | 电子装置屏幕上物件位移的显示方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN102169404A (zh) |
Cited By (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103257798A (zh) * | 2012-02-17 | 2013-08-21 | 阿里巴巴集团控股有限公司 | 一种窗口滑动方法及装置 |
CN103870096A (zh) * | 2012-12-12 | 2014-06-18 | 联想(北京)有限公司 | 信息处理方法和终端设备 |
CN103871023A (zh) * | 2014-03-07 | 2014-06-18 | 广州金山网络科技有限公司 | 一种图像移动方法及装置 |
CN104063167A (zh) * | 2013-03-19 | 2014-09-24 | 卡西欧计算机株式会社 | 曲线图显示装置以及曲线图显示方法 |
CN104281374A (zh) * | 2013-07-01 | 2015-01-14 | 博雅网络游戏开发(深圳)有限公司 | 滑动列表组件的实现方法和*** |
CN105678123A (zh) * | 2014-11-18 | 2016-06-15 | 联发科技(新加坡)私人有限公司 | 一种设备解锁方法及装置 |
CN108446118A (zh) * | 2018-04-12 | 2018-08-24 | 珠海横琴盛达兆业科技投资有限公司 | 一种基于微信小程序平台添加到购物车抛物线动画的方法 |
CN113076495A (zh) * | 2021-03-31 | 2021-07-06 | 维沃移动通信有限公司 | 内容显示方法、装置、电子设备和存储介质 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101336407A (zh) * | 2005-12-08 | 2008-12-31 | 苹果公司 | 响应于在索引符号的列表上移动接触点的列表滚动 |
CN101371217A (zh) * | 2005-12-23 | 2009-02-18 | 苹果公司 | 具有浮动的邻近索引符号的滚动列表 |
CN101501622A (zh) * | 2006-08-28 | 2009-08-05 | 苹果公司 | 用于多模式遍历列表的方法和装置 |
CN101578577A (zh) * | 2007-01-07 | 2009-11-11 | 苹果公司 | 用于手势操作的应用编程接口 |
-
2010
- 2010-02-26 CN CN2010101235218A patent/CN102169404A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101336407A (zh) * | 2005-12-08 | 2008-12-31 | 苹果公司 | 响应于在索引符号的列表上移动接触点的列表滚动 |
CN101371217A (zh) * | 2005-12-23 | 2009-02-18 | 苹果公司 | 具有浮动的邻近索引符号的滚动列表 |
CN101501622A (zh) * | 2006-08-28 | 2009-08-05 | 苹果公司 | 用于多模式遍历列表的方法和装置 |
CN101578577A (zh) * | 2007-01-07 | 2009-11-11 | 苹果公司 | 用于手势操作的应用编程接口 |
Cited By (14)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103257798B (zh) * | 2012-02-17 | 2017-05-10 | 阿里巴巴集团控股有限公司 | 一种窗口滑动方法及装置 |
CN103257798A (zh) * | 2012-02-17 | 2013-08-21 | 阿里巴巴集团控股有限公司 | 一种窗口滑动方法及装置 |
CN103870096A (zh) * | 2012-12-12 | 2014-06-18 | 联想(北京)有限公司 | 信息处理方法和终端设备 |
CN103870096B (zh) * | 2012-12-12 | 2017-06-27 | 联想(北京)有限公司 | 信息处理方法和终端设备 |
CN104063167A (zh) * | 2013-03-19 | 2014-09-24 | 卡西欧计算机株式会社 | 曲线图显示装置以及曲线图显示方法 |
CN104281374A (zh) * | 2013-07-01 | 2015-01-14 | 博雅网络游戏开发(深圳)有限公司 | 滑动列表组件的实现方法和*** |
CN104281374B (zh) * | 2013-07-01 | 2018-11-13 | 博雅网络游戏开发(深圳)有限公司 | 滑动列表组件的实现方法和*** |
CN103871023A (zh) * | 2014-03-07 | 2014-06-18 | 广州金山网络科技有限公司 | 一种图像移动方法及装置 |
CN103871023B (zh) * | 2014-03-07 | 2017-12-01 | 广州猎豹网络科技有限公司 | 一种图像移动方法及装置 |
CN105678123A (zh) * | 2014-11-18 | 2016-06-15 | 联发科技(新加坡)私人有限公司 | 一种设备解锁方法及装置 |
US10121298B2 (en) | 2014-11-18 | 2018-11-06 | Mediatek Singapore Pte. Ltd. | Unlocking method and device applied the same |
CN105678123B (zh) * | 2014-11-18 | 2019-03-08 | 联发科技(新加坡)私人有限公司 | 一种设备解锁方法及装置 |
CN108446118A (zh) * | 2018-04-12 | 2018-08-24 | 珠海横琴盛达兆业科技投资有限公司 | 一种基于微信小程序平台添加到购物车抛物线动画的方法 |
CN113076495A (zh) * | 2021-03-31 | 2021-07-06 | 维沃移动通信有限公司 | 内容显示方法、装置、电子设备和存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN102169404A (zh) | 电子装置屏幕上物件位移的显示方法 | |
US11644966B2 (en) | Coordination of static backgrounds and rubberbanding | |
KR102373116B1 (ko) | 증강 및 가상 현실 환경들과 상호작용하기 위한 시스템들, 방법들, 및 그래픽 사용자 인터페이스들 | |
CN101382868B (zh) | 信息显示装置 | |
AU2016276029B2 (en) | Devices and methods for processing touch inputs | |
EP2695143B1 (en) | Image processing apparatus, display control method and program | |
US9164670B2 (en) | Flexible touch-based scrolling | |
CN115543144A (zh) | 增强现实环境中显示和操纵虚拟对象的***、方法和界面 | |
CN108317996B (zh) | 一种确定楼层方法、相关设备和*** | |
US10049625B1 (en) | Context-based rendering | |
US20080256468A1 (en) | Method and apparatus for displaying a user interface on multiple devices simultaneously | |
US10839572B2 (en) | Contextual virtual reality interaction | |
US9513795B2 (en) | System and method for graphic object management in a large-display area computing device | |
CN101963859A (zh) | 使用触控板操作支持多点触控环境的荧幕的方法 | |
US20160335740A1 (en) | Zoomable web-based wall with natural user interface | |
US8749558B2 (en) | Method for displaying displacement of object on display of electronic device | |
CN104216616A (zh) | 一种显示界面的交互处理方法及*** | |
CN102929415A (zh) | 一种本地监控器及其与远程虚拟机鼠标显示同步的方法 | |
US20150242179A1 (en) | Augmented peripheral content using mobile device | |
CN109804340B (zh) | 用于页面显示的方法、装置、图形用户界面及移动终端 | |
CN103092518A (zh) | 一种基于rdp协议的移动云桌面精确触控方法 | |
CN112783394A (zh) | 列表页面展示方法和装置 | |
WO2015196804A1 (zh) | 虚拟桌面图像处理方法、装置、虚拟桌面服务器及瘦终端 | |
CN101188104A (zh) | 一种多显示器监控方法及装置 | |
CN106095139B (zh) | 一种在投影交互***中提升线条绘制速度的方法 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
C02 | Deemed withdrawal of patent application after publication (patent law 2001) | ||
WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20110831 |