CN111273802A - 一种在屏幕上移动对象的方法及触摸显示装置 - Google Patents

一种在屏幕上移动对象的方法及触摸显示装置 Download PDF

Info

Publication number
CN111273802A
CN111273802A CN201811567217.5A CN201811567217A CN111273802A CN 111273802 A CN111273802 A CN 111273802A CN 201811567217 A CN201811567217 A CN 201811567217A CN 111273802 A CN111273802 A CN 111273802A
Authority
CN
China
Prior art keywords
point
screen
control point
points
target position
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.)
Granted
Application number
CN201811567217.5A
Other languages
English (en)
Other versions
CN111273802B (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.)
Shenzhen Honghe Innovation Information Technology Co Ltd
Original Assignee
Shenzhen Honghe Innovation Information Technology Co Ltd
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 Shenzhen Honghe Innovation Information Technology Co Ltd filed Critical Shenzhen Honghe Innovation Information Technology Co Ltd
Priority to CN201811567217.5A priority Critical patent/CN111273802B/zh
Publication of CN111273802A publication Critical patent/CN111273802A/zh
Application granted granted Critical
Publication of CN111273802B publication Critical patent/CN111273802B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/03Arrangements for converting the position or the displacement of a member into a coded form
    • G06F3/041Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means
    • G06F3/0412Digitisers structurally integrated in a display
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • YGENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
    • Y02TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
    • Y02PCLIMATE CHANGE MITIGATION TECHNOLOGIES IN THE PRODUCTION OR PROCESSING OF GOODS
    • Y02P90/00Enabling technologies with a potential contribution to greenhouse gas [GHG] emissions mitigation
    • Y02P90/02Total factory control, e.g. smart factories, flexible manufacturing systems [FMS] or integrated manufacturing systems [IMS]

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)
  • Controls And Circuits For Display Device (AREA)

Abstract

本发明公开了一种在屏幕上移动对象的方法及触摸显示装置。所述方法包括步骤:S1、确定待移动的对象;S2、接收输入装置的输入信息,并根据所述输入信息确定所述对象的目标位置;S3、将所述对象的当前位置记为P0点,将所述目标位置记为P2点,在所述当前位置和所述目标位置的连线P0P2的一侧选取一点作为控制点,记为P1点,构建二阶贝塞尔曲线B(t);S4、控制所述对象在屏幕上从P0点移动到P2点,其中,移动时以所述曲线B(t)为路径。本发明提高了相应对象在屏幕上移动的快捷性和美观性,且操作简单方便,目标位置更容易精确控制,同时人机交互性也好。

Description

一种在屏幕上移动对象的方法及触摸显示装置
技术领域
本发明涉及图像显示技术领域,具体涉及一种在屏幕上移动对象的方法。本发明还涉及一种触摸显示装置。
背景技术
目前,当用户想要在各种电子设备的屏幕(包括触摸屏和非触摸屏,例如计算机屏幕、手机屏幕、平板电脑屏幕、和智能交互大屏的屏幕等等)上移动一个对象时,该对象例如可以是悬浮工具栏、APP图标、图片、文件等等,通常的做法是点击该对象并拖动到目标位置。这种移动方法操作起来比较麻烦,需要用户用手指或者鼠标等输入装置按下该对象并连续拖拽方可实现,一方面不容易精确控制目标位置,并且操作不够便捷,效率较低,另一方面移动过程的视觉效果也较差。特别地,对于大尺寸触摸屏(如智能交互大屏),往往还需要用户一边走动一边拖拽对象,方能将对象从屏幕的一端移动到另一端,移动过程也毫无美感。
发明内容
本发明首先要解决的技术问题在于,针对现有技术的上述缺陷,提供一种在屏幕上移动对象的方法,能够实现方便、快捷、美观、精确地对相应对象进行移动。
本发明解决其技术问题所采用的技术方案如下:
一种在屏幕上移动对象的方法,包括步骤:
S1、确定待移动的对象;
S2、接收输入装置的输入信息,并根据所述输入信息确定所述对象的目标位置;
S3、将所述对象的当前位置记为P0点,将所述目标位置记为P2点,在所述当前位置和所述目标位置的连线P0P2的一侧选取一点作为控制点,记为P1点,构建二阶贝塞尔曲线B(t):
B(t)=(1-t)2P0+2t(1-t)P1+t2P2,t∈[0,1];
S4、控制所述对象在屏幕上从P0点移动到P2点,其中,移动时以所述曲线B(t)为路径。
优选地,所述步骤S3中,动态计算所述曲线B(t)的控制点P1点的坐标(X,Y),以使所述曲线B(t)完整地位于屏幕范围内。
优选地,所述步骤S3中,动态计算所述曲线B(t)的控制点P1点的坐标(X,Y)的过程为:
确定离所述对象的当前位置P0点和目标位置P2点最近的一条屏幕边缘,作为参考边缘;
判断所述对象的当前位置P0点和目标位置P2点到所述参考边缘的距离是否均大于或等于第一预设量;
若否,则将所述控制点P1点设置在所述连线P0P2的第一侧,其中,所述第一侧是指所述连线P0P2的远离所述参考边缘的一侧。
优选地,所述步骤S3中,动态计算所述曲线B(t)的控制点P1点的坐标(X,Y)的过程为:
选定屏幕左边缘或上边缘作为参考边缘,判断所述对象的当前位置P0点和所述目标位置P2点是否均满足条件:到所述参考边缘的距离大于或等于第一预设量;若否,则将所述控制点P1点设置在所述连线P0P2的第一侧;若是,则将所述控制点P1点设置在所述连线P0P2的第二侧;其中,所述第一侧是指所述连线P0P2的远离所述参考边缘的一侧,所述第二侧是指所述连线P0P2的靠近所述参考边缘的一侧。
优选地,所述步骤S3中,选定所述参考边缘的过程为:
S100、计算从所述当前位置P0点到所述目标位置P2点的坐标变化量,X方向坐标变化量记为tX,Y方向坐标变化量记为tY;其中,tX=tarX-curX,TY=tarY-curY,tarX和tarY分别为所述目标位置P2点的X向和Y向坐标值,curX和curY分别为所述当前位置P0点的X向和Y向坐标值;
S200、比较tX与tY的大小关系,若tX>tY,则选定屏幕上边缘作为参考边缘,否则,选定屏幕左边缘作为参考边缘。
优选地,所述步骤S3中,若tX>tY成立,则按照如下步骤确定控制点P1点的坐标(X,Y):
S300、判断curY和tarY是否均大于或等于所述第一预设量,若是,则进入步骤S400,若否,则进入步骤S500;
S400、控制点P1点的Y向坐标设定为:Y=Math.min(curY,tarY)-第一预设量;控制点P1点的X向坐标设定为:X=(curX+tarX)/2;其中,Math.min为最小值函数;
S500、控制点P1点的Y向坐标设定为:Y=Math.max(curY,tarY)+第一预设量;控制点P1点的X向坐标设定为:X=(curX+tarX)/2;其中,Math.max为最大值函数。
优选地,所述步骤S3中,若tX>tY不成立,则按照如下步骤确定控制点P1点的坐标(X,Y):
S600、判断curX和tarX是否均大于或等于所述第一预设量,若是,则进入步骤S700,若否,则进入步骤S800;
S700、控制点P1点的X向坐标设定为:X=Math.min(curX,tarX)-第一预设量;控制点P1点的Y向坐标设定为:Y=(curY+tarY)/2;其中,Math.min为最小值函数;
S800、控制点P1点的X向坐标设定为:X=Math.max(curX,tarX)+第一预设量;控制点P1点的Y向坐标设定为:Y=(curY+tarY)/2;其中,Math.max为最大值函数。
优选地,所述第一预设量为屏幕分辨率的5%-20%。
优选地,所述第一预设量为屏幕分辨率的10%。
本发明另外要解决的技术问题在于,提供一种触摸显示装置,能够方便用户移动屏幕上显示的对象,其技术方案如下:
一种触摸显示装置,具有触摸屏,在工作状态下,当用户选中所述触摸屏上显示的对象、并且指定了所述对象的目标位置时,所述触摸显示装置利用前面所述的方法将所述对象从当前位置移动到目标位置。
优选地,所述对象为悬浮工具栏。
优选地,所述触摸显示装置为智能交互平板或交互式显示屏。
本发明的有益效果包括,提高了相应对象在屏幕上移动的快捷性和美观性,且操作简单方便,目标位置更容易精确控制,同时人机交互性也好。
附图说明
下面将结合附图及优选实施例对本发明作进一步说明,附图中:
图1是本发明的一种优选实施方式的在屏幕上移动对象的方法的控制流程图;
图2是本发明的方法中涉及的二阶贝塞尔曲线的示意图;
图3是本发明的方法中动态计算二阶贝塞尔曲线的控制点坐标的效果说明示意图;
图4是本发明的方法中动态计算控制点坐标的一种优选实施方式的流程图;
图5是本发明的触摸显示装置在利用本发明的方法移动悬浮工具栏时执行悬浮工具栏的收起过程的动画示意图,图中,从左到右是按时间先后的过程;
图6是本发明的触摸显示装置在利用本发明的方法移动悬浮工具栏时执行悬浮工具栏的展开过程的动画示意图,图中,从左到右是按时间先后的过程。
具体实施方式
现结合附图,对本发明的较佳实施例作详细说明。
首先参见图1,本发明的一种优选实施方式的在屏幕上移动对象的方法,包括步骤:
S1、确定待移动的对象,例如可以根据用户的输入条件进行确定,包括但不限于:点击、长按、或者根据预设的快捷方式确定,并且也不限制操作方式为鼠标操作还是触摸操作,只要能确保待移动的对象被选中即可;
S2、接收输入装置的输入信息,并根据所述输入信息确定所述对象的目标位置;例如,用户可以通过鼠标点击屏幕上的具***置而将点击位置设定为目标位置,或者,用户可以通过手指等触摸屏幕上的具***置而将触摸位置设定为目标位置,又或者,用户还可以通过多个手指同时触摸屏幕上的多个位置而将与多个位置相关的某个位置设定为目标位置,甚至,在某些场景下,用户还可以通过键盘输入相应位置的坐标而将该坐标对应的位置设定为目标位置;
S3、将所述对象的当前位置记为P0点,将所述目标位置记为P2点,在所述当前位置和所述目标位置的连线P0P2的一侧选取一点作为控制点,记为P1点,构建二阶贝塞尔曲线B(t):
B(t)=(1-t)2P0+2t(1-t)P1+t2P2,t∈[0,1];
S4、控制所述对象在屏幕上从P0点移动到P2点,其中,移动时以所述曲线B(t)为路径,也即,在移动所述对象的同时在屏幕上显示出所述对象从P0点沿着曲线路径移动到P2点的过程。
可见,本发明的方法能够方便、快捷、并且美观地完成对象在屏幕上的移动,免除了用户的繁杂的拖动操作。
在此说明的是,本发明的应用场景包括但不限于:在桌面环境下启用对象移动命令时,或者在软件环境下启用对象移动命令时,等等。并且,上述各步骤可以是在启动对象移动命令之后顺序执行,也可以是在执行完步骤S1之后才启动对象移动命令,或者还可以在执行步骤S1和步骤S2的同时启动对象移动命令。其中,对象例如为APP图标、文件图标、文件夹图标、或者工具栏等。
特别地,由于采用二阶贝塞尔曲线作为移动路径,使得移动轨迹优美而简洁,且曲线的生成过程易于实现,曲线的弯曲程度或形状控制较为简单,从而可降低主控的工作负担,保证移动过程的流畅性和平滑性。
其中,二阶贝塞尔曲线的示意图如图2所示。图中,Q0和Q1分别为P0P1和P1P2上的点,当Q0和Q1分别在P0P1和P1P2上按相同的比例移动时,即始终满足比例关系:P0Q0:P0P1=P1Q1:P1P2,则曲线始终与Q0Q1相切。在起始点P0和终点P2已知的情况下,确定了控制点P1即可唯一地确定曲线的形状。
本发明的方法中,可以采取多种预定规则选取控制点P1,例如,可以将起始点P0和终点P2的中间点(或者其他等分点)朝向X方向或者Y方向偏移一个固定值而得到,也可以将起始点P0和终点P2的中间点(或者其他等分点)沿着垂直于所述连线P0P2的方向偏移一个固定值而得到,并且,所述固定值可以是大小恒定的,也可以根据起始点P0和终点P2之间的距离而成比例地进行调整。
优选地,所述步骤S3中,动态计算二阶贝塞尔曲线B(t)的控制点P1的坐标(X,Y),以使所述曲线B(t)完整地位于屏幕范围内。如图3所示,矩形框代表屏幕边界,当起始点P0和终点P2均比较靠近屏幕边界(如屏幕上边缘)时,如果按照全局一致的规则设置控制点P1,例如使控制点P1始终位于所述连线P0P2的左侧(此时需考虑连线P0P2的方向为从P0到P2),则控制点P1可能已位于屏幕外侧,而理想的二阶贝塞尔曲线也几乎全部位于屏幕外侧,这种情况下,相应的对象在移动时只能沿着屏幕边界移动,使得其实际曲线变成图中所示的紧贴屏幕上边缘的近似直线,因而视觉效果大打折扣。针对这种情况,本发明的方法中,通过动态计算控制点P1的坐标(X,Y),使得其始终位于屏幕内部,例如使该情况下控制点P1位于所述连线P0P2的右侧(此时需考虑连线P0P2的方向为从P0到P2),从而能够在屏幕内侧构建出完整的二阶贝塞尔曲线B(t),确保移动过程的视觉效果。
在一个优选实施方式中,所述步骤S3中,动态计算二阶贝塞尔曲线的控制点P1的坐标(X,Y)的过程为:
确定离所述对象的当前位置P0点和目标位置P2点最近的一条屏幕边缘,作为参考边缘;
判断所述对象的当前位置P0点和目标位置P2点到所述参考边缘的距离是否均大于或等于第一预设量;
若否,则将所述控制点P1点设置在所述连线P0P2的第一侧,其中,所述第一侧是指所述连线P0P2的远离所述参考边缘的一侧。
本实施方式中,如判断结果为否,意味着当前位置和目标位置中至少有一个到最近的屏幕边缘的距离小于第一预设量,也即比较靠近该屏幕边缘,此时,可以将控制点P1设置在连线P0P2的第一侧,从而可保证此时的二阶贝塞尔曲线完整地位于屏幕内侧。如判断结果为是,则意味着当前位置和目标位置二者均到最近的屏幕边缘的距离较大,此时,将控制点P1设置在连线P0P2的第一侧或第二侧都可以,都能保证二阶贝塞尔曲线完整地位于屏幕内侧。
本实施方式中,最近的一条屏幕边缘是指:将当前位置和目标位置与屏幕的四条边缘之间的距离进行比较,距离最小的那条屏幕边缘,也即,相对而言,当前位置和目标位置二者均邻近该屏幕边缘。具体地,在确定该屏幕边缘时,可以将当前位置和目标位置到任意一条屏幕边缘的距离求和或者取平均,得数最小的那条屏幕边缘即为最近的屏幕边缘。例如,若当前位置和目标位置均位于屏幕的左侧部分,且一个靠近屏幕上边缘、一个靠近屏幕下边缘,则屏幕左边缘即为最近的屏幕边缘。而图3所示的情形中,屏幕上边缘即为最近的屏幕边缘。
在另一个优选实施方式中,所述步骤S3中,动态计算二阶贝塞尔曲线的控制点P1的坐标(X,Y)的过程为:
选定屏幕左边缘(其X向坐标为零)或上边缘(其Y向坐标为零)作为参考边缘,判断所述悬浮工具栏的当前位置(即起始点P0)和所述目标位置(即终点P2)是否均满足条件:到所述参考边缘的距离大于或等于第一预设量;若否,则将所述控制点P1设置在所述当前位置和所述目标位置的连线P0P2的第一侧;若是,则将所述控制点P1设置在所述连线P0P2的第二侧;其中,所述第一侧是指所述连线P0P2的远离所述参考边缘的一侧,所述第二侧是指所述连线P0P2的靠近所述参考边缘的一侧。
本实施方式中,由于选定了坐标为零的边缘为参考边缘,因此,在计算当前位置P0点和目标位置P2点到参考边缘的距离时可以简化计算过程,即,可以直接以当前位置P0点和目标位置P2点的对应坐标值代替,从而进一步提高计算效率。
本实施方式中,若当前位置P0点和目标位置P2点均满足到所述参考边缘的距离大于或等于第一预设量,意味着二者均离所述参考边缘有一定的距离(可以认为是比较远),因此,可以将控制点P1设置在所述连线P0P2的第二侧,也即,设置在所述连线P0P2与所述参考边缘之间,能够保证贝二阶塞尔曲线完整地位于屏幕内侧;除此之外的情况,即当前位置P0点和目标位置P2点中至少有一个不满足前述条件,意味着二者中有比较靠近所述参考边缘的点,此时,将控制点P1设置在所述连线P0P2的第一侧,能够保证二阶贝塞尔曲线完整地位于屏幕内侧。
优选地,上述实施方式中,参见图4,所述步骤S3中,选定所述参考边缘的过程为:
S100、计算从所述当前位置P0点到所述目标位置P2点的坐标变化量,X方向坐标变化量记为tX,Y方向坐标变化量记为tY;其中,tX=tarX-curX,TY=tarY-curY,tarX和tarY分别为所述目标位置的X向和Y向坐标值,curX和curY分别为所述当前位置的X向和Y向坐标值;
S200、比较tX与tY的大小关系,若tX>tY,即水平方向的移动距离大,前述连线P0P2的斜率较小,则选定屏幕上边缘作为参考边缘,否则,竖直方向的移动距离大,前述连线P0P2的斜率较大,则选定屏幕左边缘作为参考边缘。
优选地,继续参见图4,所述步骤S3中,若tX>tY成立,即,选定屏幕上边缘作为参考边缘,则按照如下步骤确定控制点P1点的坐标(X,Y):
S300、判断curY和tarY是否均大于或等于所述第一预设量,若是,表明当前位置P0点和目标位置P2点均不位于屏幕较上方,则进入步骤S400,若否,表明当前位置P0点和目标位置P2点中至少有一个位于屏幕较上方,则进入步骤S500;
S400、控制点P1的Y向坐标设定为:Y=Math.min(curY,tarY)-第一预设量;控制点P1的X向坐标设定为:X=(curX+tarX)/2;其中,Math.min为最小值函数;
S500、控制点P1的Y向坐标设定为:Y=Math.max(curY,tarY)+第一预设量;控制点P1的X向坐标设定为:X=(curX+tarX)/2;其中,Math.max为最大值函数。
由于与第一预设量进行比较的是当前位置P0点和目标位置P2点的Y向坐标,因此,第一预设量在此可表示为thresholdY,即为Y向阈值。
优选地,继续参见图4,所述步骤S3中,若tX>tY不成立,即,选定屏幕左边缘作为参考边缘,则按照如下步骤确定控制点P1的坐标(X,Y):
S600、判断curX和tarX是否均大于或等于所述第一预设量,若是,表明当前位置P0点和目标位置P2点均不位于屏幕较左侧,则进入步骤S700,若否,表明当前位置P0点和目标位置P2点中至少有一个位于屏幕较左侧,则进入步骤S800;
S700、控制点P1的X向坐标设定为:X=Math.min(curX,tarX)-第一预设量;控制点P1的Y向坐标设定为:Y=(curY+tarY)/2;其中,Math.min为最小值函数;
S800、控制点P1的X向坐标设定为:X=Math.max(curX,tarX)+第一预设量;控制点P1的Y向坐标设定为:Y=(curY+tarY)/2;其中,Math.max为最大值函数。
由于与第一预设量进行比较的是当前位置P0点和目标位置P2点的X向坐标,因此,第一预设量在此可表示为thresholdX,即为X向阈值。
由此,便可在任何情况下都能创建合适的控制点P1点的坐标(X,Y),使得二阶贝塞尔曲线始终位于屏幕内侧。
优选地,为使相应对象移动时所遵循的曲线路径更优美,也即二阶贝塞尔曲线的弯曲程度适度,所述第一预设量为屏幕分辨率的5%-20%,优选为10%。具体地,当第一预设量为X向阈值thresholdX时,则取屏幕X向分辨率的5%-20%,优选为10%;当第一预设量为Y向阈值thresholdY时,则取屏幕Y向分辨率的5%-20%,优选为10%。
优选地,继续参见图4,在动态计算控制点P1点的坐标(X,Y)的过程中,可以在确定当前位置(即对象的当前坐标)和目标位置(即对象的最终移动坐标)之前,先由用户设定相应的第一预设量thresholdX和/或thresholdY,以用于在后续的计算中判断控制点P1是否在屏幕外侧,以保证移动曲线的完整性,同时确定曲线的弯曲程度。当然,这个步骤不是必须的,可以由对应设备的生产厂商在出厂前做统一设置。
在上述工作的基础上,本发明的第二方面还提供了一种触摸显示装置,能够方便用户移动相关对象,从而大大增强用户的使用体验。
具体地,本发明的触摸显示装置具有触摸屏,在工作状态下,当用户选中所述触摸屏上显示的对象、并且指定了所述对象的目标位置时,所述触摸显示装置利用本发明前面所述的方法将所述对象从当前位置移动到目标位置。
具体地,用户可以通过手指触摸或长按对象的方式选中该对象,并且通过手指触摸屏幕上的其他位置的方式指定目标位置,在目标位置被指定后,触摸显示装置即可自动地将该对象从当前位置移动到目标位置,并且是沿着根据二阶贝塞尔曲线确定的曲线路径进行移动,呈现出优美的移动轨迹,从而大大提升用户体验。
优选地,所述触摸屏上可以显示有悬浮工具栏,当用户选中所述悬浮工具栏时,通过进一步指定目标位置,所述触摸显示装置即可将悬浮工具栏移动到目标位置,从而便于用户在该目标位置处应用悬浮工具栏的各项功能。考虑到用户对于悬浮工具栏的使用较为频繁,因此该触摸显示装置能够明显提高用户体验。
特别地,所述触摸显示装置中可以预先为该悬浮工具栏的选中设置快捷实现方式,例如当两个以上触摸点(具体数量可由设备生产厂商预先设定)同时触摸所述触摸屏的任意位置时,即可默认选中悬浮工具栏,同时,又可根据当前的两个以上触摸点确定目标位置,从而使用户仅需一步操作(用户的该步操作直接执行了步骤S1和S2,又同时调用了对象移动命令从而执行了步骤S3和S4)即可完成悬浮工具栏的快捷移动,根本不需要先行触摸悬浮工具栏而进行选中,也不需要通过拖拽而实现移动,从而能够方便地实现悬浮工具栏的超远距离移动,如可以站在大屏的右端附近而直接将位于大屏左端附近的悬浮工具栏移动到右端,用户体验更好。
优选地,所述触摸显示装置为智能交互平板或交互式显示屏,可用于教学、会议、演示等多种不同场合和目的。
优选地,本发明的触摸显示装置在利用本发明前面所述的方法移动悬浮工具栏时,所述步骤S4中,在移动悬浮工具栏之前,还可以先判断悬浮工具栏是否是展开状态,如是,则先执行悬浮工具栏收起操作,再执行移动操作。本实施方式的操作可简化触摸显示装置的显示控制,无需将整个悬浮工具栏在屏幕上移动,以免对当前显示的其他内容造成干扰。
优选地,本发明的触摸显示装置在利用本发明前面所述的方法移动悬浮工具栏时,所述步骤S4中,在移动操作执行完毕后,可以使悬浮工具栏处于展开状态,以便于用户立即操作悬浮工具栏,从而进一步提高便捷性。
优选地,本发明的触摸显示装置在利用本发明前面所述的方法移动悬浮工具栏时,所述步骤S4中,可以以动画的形式显示悬浮工具栏的收起过程,例如如图5所示,悬浮工具栏可以逐渐缩小至收起状态的尺寸,并且优选在缩小过程中伴以适当速度或角度的旋转,从而增强视觉效果,避免画面单调。
优选地,所述步骤S6中,同样可以以动画的形式显示悬浮工具栏的展开过程,例如如图6所示,悬浮工具栏可以逐渐变大至展开状态的尺寸,并且同样地,可以优选在变大过程中伴以适当速度或角度的旋转,例如与收起过程的转速相同、转向相反(或相同),从而增强视觉效果,避免画面单调。
替代地,也可以在移动的过程中(在移动路径的前半段)逐渐收起悬浮工具栏,并在移动的过程中(在移动路径的后半段)逐渐展开悬浮工具栏。
替代地,在整个移动过程中不收起悬浮工具栏也是可行的。
本领域的技术人员能够理解的是,在不冲突的前提下,上述各优选方案可以自由地组合、叠加。
应当理解的是,以上实施例仅用以说明本发明的技术方案,而非对其限制,对本领域技术人员来说,可以对上述实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而所有这些修改和替换,都应属于本发明所附权利要求的保护范围。

Claims (12)

1.一种在屏幕上移动对象的方法,其特征在于,包括步骤:
S1、确定待移动的对象;
S2、接收输入装置的输入信息,并根据所述输入信息确定所述对象的目标位置;
S3、将所述对象的当前位置记为P0点,将所述目标位置记为P2点,在所述当前位置和所述目标位置的连线P0P2的一侧选取一点作为控制点,记为P1点,构建二阶贝塞尔曲线B(t):
B(t)=(1-t)2P0+2t(1-t)P1+t2P2,t∈[0,1];
S4、控制所述对象在屏幕上从P0点移动到P2点,其中,移动时以所述曲线B(t)为路径。
2.如权利要求1所述的方法,其特征在于:所述步骤S3中,动态计算所述曲线B(t)的控制点P1点的坐标(X,Y),以使所述曲线B(t)完整地位于屏幕范围内。
3.如权利要求2所述的方法,其特征在于:所述步骤S3中,动态计算所述曲线B(t)的控制点P1点的坐标(X,Y)的过程为:
确定离所述对象的当前位置P0点和目标位置P2点最近的一条屏幕边缘,作为参考边缘;
判断所述对象的当前位置P0点和目标位置P2点到所述参考边缘的距离是否均大于或等于第一预设量;
若否,则将所述控制点P1点设置在所述连线P0P2的第一侧,其中,所述第一侧是指所述连线P0P2的远离所述参考边缘的一侧。
4.如权利要求2所述的方法,其特征在于:所述步骤S3中,动态计算所述曲线B(t)的控制点P1点的坐标(X,Y)的过程为:
选定屏幕左边缘或上边缘作为参考边缘,判断所述对象的当前位置P0点和所述目标位置P2点是否均满足条件:到所述参考边缘的距离大于或等于第一预设量;若否,则将所述控制点P1点设置在所述连线P0P2的第一侧;若是,则将所述控制点P1点设置在所述连线P0P2的第二侧;其中,所述第一侧是指所述连线P0P2的远离所述参考边缘的一侧,所述第二侧是指所述连线P0P2的靠近所述参考边缘的一侧。
5.如权利要求4所述的方法,其特征在于:所述步骤S3中,选定所述参考边缘的过程为:
S100、计算从所述当前位置P0点到所述目标位置P2点的坐标变化量,X方向坐标变化量记为tX,Y方向坐标变化量记为tY;其中,tX=tarX-curX,TY=tarY-curY,tarX和tarY分别为所述目标位置P2点的X向和Y向坐标值,curX和curY分别为所述当前位置P0点的X向和Y向坐标值;
S200、比较tX与tY的大小关系,若tX>tY,则选定屏幕上边缘作为参考边缘,否则,选定屏幕左边缘作为参考边缘。
6.如权利要求5所述的方法,其特征在于:所述步骤S3中,若tX>tY成立,则按照如下步骤确定控制点P1点的坐标(X,Y):
S300、判断curY和tarY是否均大于或等于所述第一预设量,若是,则进入步骤S400,若否,则进入步骤S500;
S400、控制点P1点的Y向坐标设定为:Y=Math.min(curY,tarY)-第一预设量;控制点P1点的X向坐标设定为:X=(curX+tarX)/2;其中,Math.min为最小值函数;
S500、控制点P1点的Y向坐标设定为:Y=Math.max(curY,tarY)+第一预设量;控制点P1点的X向坐标设定为:X=(curX+tarX)/2;其中,Math.max为最大值函数。
7.如权利要求5所述的方法,其特征在于:所述步骤S3中,若tX>tY不成立,则按照如下步骤确定控制点P1点的坐标(X,Y):
S600、判断curX和tarX是否均大于或等于所述第一预设量,若是,则进入步骤S700,若否,则进入步骤S800;
S700、控制点P1点的X向坐标设定为:X=Math.min(curX,tarX)-第一预设量;控制点P1点的Y向坐标设定为:Y=(curY+tarY)/2;其中,Math.min为最小值函数;
S800、控制点P1点的X向坐标设定为:X=Math.max(curX,tarX)+第一预设量;控制点P1点的Y向坐标设定为:Y=(curY+tarY)/2;其中,Math.max为最大值函数。
8.如权利要求3-7之一所述的方法,其特征在于:所述第一预设量为屏幕分辨率的5%-20%。
9.如权利要求8所述的方法,其特征在于:所述第一预设量为屏幕分辨率的10%。
10.一种触摸显示装置,具有触摸屏,其特征在于:在工作状态下,当用户选中所述触摸屏上显示的对象、并且指定了所述对象的目标位置时,所述触摸显示装置利用如权利要求1-9之一所述的方法将所述对象从当前位置移动到目标位置。
11.如权利要求10所述的触摸显示装置,其特征在于:所述对象为悬浮工具栏。
12.如权利要求10或11所述的触摸显示装置,其特征在于:所述触摸显示装置为智能交互平板或交互式显示屏。
CN201811567217.5A 2018-12-19 2018-12-19 一种在屏幕上移动对象的方法及触摸显示装置 Active CN111273802B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201811567217.5A CN111273802B (zh) 2018-12-19 2018-12-19 一种在屏幕上移动对象的方法及触摸显示装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201811567217.5A CN111273802B (zh) 2018-12-19 2018-12-19 一种在屏幕上移动对象的方法及触摸显示装置

Publications (2)

Publication Number Publication Date
CN111273802A true CN111273802A (zh) 2020-06-12
CN111273802B CN111273802B (zh) 2023-05-05

Family

ID=71003252

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201811567217.5A Active CN111273802B (zh) 2018-12-19 2018-12-19 一种在屏幕上移动对象的方法及触摸显示装置

Country Status (1)

Country Link
CN (1) CN111273802B (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112121437A (zh) * 2020-09-21 2020-12-25 腾讯科技(深圳)有限公司 针对目标对象的移动控制方法、装置、介质及电子设备

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105825537A (zh) * 2015-11-30 2016-08-03 维沃移动通信有限公司 一种生成动画曲线的方法及终端
CN107239216A (zh) * 2016-03-28 2017-10-10 北大方正集团有限公司 基于触摸屏的绘制处理方法和装置
CN107945253A (zh) * 2017-11-21 2018-04-20 腾讯数码(天津)有限公司 一种动画效果实现方法、装置及存储设备

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105825537A (zh) * 2015-11-30 2016-08-03 维沃移动通信有限公司 一种生成动画曲线的方法及终端
CN107239216A (zh) * 2016-03-28 2017-10-10 北大方正集团有限公司 基于触摸屏的绘制处理方法和装置
CN107945253A (zh) * 2017-11-21 2018-04-20 腾讯数码(天津)有限公司 一种动画效果实现方法、装置及存储设备

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112121437A (zh) * 2020-09-21 2020-12-25 腾讯科技(深圳)有限公司 针对目标对象的移动控制方法、装置、介质及电子设备

Also Published As

Publication number Publication date
CN111273802B (zh) 2023-05-05

Similar Documents

Publication Publication Date Title
CN111273838B (zh) 触摸显示装置中悬浮工具栏的移动方法及触摸显示装置
US8847978B2 (en) Information processing apparatus, information processing method, and information processing program
JP6130096B2 (ja) タッチスクリーン端末機及びその端末機における画面ディスプレーの制御方法
TWI419023B (zh) Use the touch device to control the positioning of the cursor on the screen
US9524097B2 (en) Touchscreen gestures for selecting a graphical object
EP3404520B1 (en) Method of displaying information by using touch input in mobile terminal
US20180121076A1 (en) Drawing processing method, drawing program, and drawing device
US20180101298A1 (en) Graph display apparatus, graph display method and storage medium
KR20130129864A (ko) 터치 스크린을 이용하는 사용자 인터페이스 제어 방법 및 장치
KR20100041006A (ko) 3차원 멀티 터치를 이용한 사용자 인터페이스 제어방법
WO2016145832A1 (zh) 终端的操作方法及装置
US20130321350A1 (en) Virtual ruler for stylus input
US20120218308A1 (en) Electronic apparatus with touch screen and display control method thereof
CN110928614B (zh) 界面显示方法、装置、设备及存储介质
CN109885222A (zh) 图标处理方法、装置、电子设备及计算机可读介质
US11275501B2 (en) Creating tables using gestures
KR20140133072A (ko) 모바일 장치 및 이의 구동 방법
JP6360509B2 (ja) 情報処理プログラム、情報処理システム、情報処理方法、および情報処理装置
US10073612B1 (en) Fixed cursor input interface for a computer aided design application executing on a touch screen device
CN111984151B (zh) 一种提高处理效率的白板画布大小、位置漫游控制方法
JP6087608B2 (ja) 携帯可能な装置、携帯可能な装置を制御する方法およびプログラム
CN111273802A (zh) 一种在屏幕上移动对象的方法及触摸显示装置
JP6863918B2 (ja) 制御プログラム、制御方法及び情報処理装置
CN114385061A (zh) 操作方法、装置、电子设备和计算机可读存储介质
JP2009301523A (ja) タッチパネル式操作電子機器

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant