CN103793178B - 一种移动设备触摸屏中矢量图形编辑方法 - Google Patents

一种移动设备触摸屏中矢量图形编辑方法 Download PDF

Info

Publication number
CN103793178B
CN103793178B CN201410078167.XA CN201410078167A CN103793178B CN 103793178 B CN103793178 B CN 103793178B CN 201410078167 A CN201410078167 A CN 201410078167A CN 103793178 B CN103793178 B CN 103793178B
Authority
CN
China
Prior art keywords
touch screen
node
vector graphics
finger
icon
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.)
Expired - Fee Related
Application number
CN201410078167.XA
Other languages
English (en)
Other versions
CN103793178A (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.)
Chengdu Lechuang Information Science & Technology Co Ltd
Original Assignee
Chengdu Lechuang Information Science & 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 Chengdu Lechuang Information Science & Technology Co Ltd filed Critical Chengdu Lechuang Information Science & Technology Co Ltd
Priority to CN201410078167.XA priority Critical patent/CN103793178B/zh
Publication of CN103793178A publication Critical patent/CN103793178A/zh
Application granted granted Critical
Publication of CN103793178B publication Critical patent/CN103793178B/zh
Expired - Fee Related legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Abstract

本发明涉及矢量图形编辑领域,尤其是涉及一种移动设备触摸屏中矢量图形编辑方法。本发明针对现有技术存在的问题,提供一种移动设备触摸屏中矢量图形编辑方法,通过将手指的触摸位置和实际控制位置相分离来达到对触摸屏目标区域的像元信息能够看得见并能精确控制的目的。本发明中控制单元接收触摸事件,判断是否有第一手指进行触摸屏触摸操作,当有第一手指进行触摸屏的触摸操作时,将第一手指对应的手指坐标为原点,向触摸屏的任意方向设置捕捉图标,第一手指移动时,捕捉图标跟随移动,当捕捉图标移动到矢量图形节点上时,进行矢量图形节点操作,完成本设计。

Description

一种移动设备触摸屏中矢量图形编辑方法
技术领域
本发明涉及矢量图形编辑领域,尤其是涉及一种移动设备触摸屏中矢量图形编辑方法。
背景技术
地理信息系统( Geographic Information System, 简称 GIS )作为获取、处理、管理和分析地理空间数据的重要工具、技术和学科,近年来得到了广泛关注和迅猛发展。基于空间地理信息的野外数据采集行为在国土、农林牧等行业中作为常规业务一直存在,长期以来,由于受到移动设备处理能力的限制不能存储和处理大量空间地理信息数据,信息化技术不能很好地对基于地理信息的野外数据采集方式提供有力的支持。
矢量图形是计算机图形学中用点、直线或者多边形等基于数学方程的几何图元表示图像。矢量图形的组成单位是点,无论是直线或多边形都是由有限个点构成,通常被称为图形的“顶点”或“节点”。矢量图形的编辑实质上是对构成矢量图形的节点进行操作。包含增加、删除和修改节点位置三个方面。在移动设备上修改矢量图形节点最大的困难在于准确的对目标节点进行定位,这是由于移动设备普遍采用触摸式输入法,该方式无法对单个屏幕像元进行控制,造成节点的选取和控制误差较大。
传统的移动设备由于处理能力和存储容量有限,无法在传统设备上开发支持复杂运算的应用系统。随着现代智能移动设备的飞速发展,其处理能力和存储容量已接近或达到个人电脑的能力,因此,在智能设备上开发复杂的GIS应用系统已经具备基础条件。目前,像ESRI(美国环境系统研究所)等传统GIS平台供应商纷纷推出了基于智能移动设备的地图应用平台或地理信息系统(GIS),然而,现存的这些系统都不能提供对矢量图形进行高精确度编辑这一功能,所谓的移动GIS应用还仅仅停留在空间图形的展现上。之所以出现这样的局面,这与智能移动设备自身固有的特点分不开。由于移动设备自身不具有类似于电脑鼠标精确定位像素的功能,使得在移动设备上进行精确的矢量图形编辑成为问题,这一问题若不能得到根本解决,则依赖于空间矢量图形编辑的很多业务功能将无法在移动设备上实现。
针对解决在移动设备上进行高精确度矢量图形编辑这一问题,几乎查阅不到任何可供参考的资料,市面上也没有能够完美解决这一问题的相关产品。我们唯一了解到这在方面有相关尝试的是一种被称为“放大镜技术”的方法,其原理是将屏幕触摸处人眼看不见的部位在相邻位置用一个类似于放大镜的窗口小部件进行显示,以便操作人员能够看清被覆盖区域的屏幕信息。这种方法解决了“看”的问题但却没有解决“操作”的问题。
发明内容
本发明所要解决的技术问题是:针对现有事存在的问题,提供一种移动设备触摸屏中矢量图形编辑方法,通过将手指的触摸位置和实际控制位置相分离来达到对触摸屏目标区域的像元信息能够看得见并能精确控制的目的。解决了现有技术中能“看”但是“不能操作:的问题,达到看得见、能精确操作,为最终解决在移动设备上精确进行图形编辑提供了有效手段。
本发明采用的技术方案如下:
一种移动设备触摸屏中矢量图形编辑方法包括:
步骤1:接收用户手指的触摸屏输入信息,当所述触摸屏输入信息为第一手指按下触摸屏后移动受力点时,以受力点为原点,其坐标记为(x0,y0),以新的计算坐标(x0+dX,y0+dY)所指的位置为终点设置捕捉图标,所述捕捉图标为触摸屏一个像素点;
步骤2:根据捕捉图标坐标值以及第二手指的触摸操作,对触摸屏上显示的矢量图形进行矢量图形节点操作。
进一步的,所述步骤2中对触摸屏上显示的矢量图形进行矢量图形节点操作,若需要在触摸屏范围内新建一个矢量图形时,具体步骤是:
步骤11:将待新建的矢量图形的节点集合标记为V,此时集合V包含的节点数量为0;
步骤12:接收触摸屏输入信息,当所述触摸屏输入信息为点击信息时,判断该点击操作为第二根手指发出时,此时捕捉图标的坐标值作为新的节点,并将此节点添加到节点集合V,持续该步骤可以向节点集合V中添加多个节点;
步骤13:当所述第一手指触摸屏输入信息为松开触摸屏信息时,新建矢量图形节点完成;
进一步的,所述步骤2中对触摸屏上显示的矢量图形进行矢量图形节点操作,若判断出捕捉图标位于矢量图形的某两个节点构成的线段上时,通过第二手指点击触摸屏,在这两个节点之间插入一个新的节点,其节点坐标为捕捉图标所指的坐标。
进一步的,所述步骤2中对触摸屏上显示的矢量图形进行矢量图形节点操作,若判断出捕捉图标位于矢量图形的某一个节点上时,通过移动命令将该节点移动到一个新的位置,具体步骤包括:
步骤21:将捕捉图标位于该节点坐标记为v;
步骤22:接收触摸屏输入信息,当所述触摸屏输入信息为第一手指按下触摸屏后移动受力点时,捕捉图标随移动受力点的位置改变而改变,将捕捉图标最终坐标值赋值给节点v,将该矢量图形在屏幕上进行重新绘制,其后节点v显示在新的位置;
步骤23:接收触摸屏输入信息,当所述触摸屏输入信息为第二手指松开触摸屏时,结束对该节点的移动。
进一步的,步骤3删除节点具体步骤:在第一手指触摸时产生对应的捕捉图标移动到矢量图形的节点,即所述捕捉图标坐标位于矢量图形某一节点上时,若判断出捕捉图标坐标值位于矢量图形的某一个节点上时,通过第二手指点击触摸屏的操作删除该节点。
所述捕捉图标是箭头形状或索引连线;箭头节点到第一手指坐标长度大于2个触摸屏像素点,索引连线节点为目标控制点,索引连线节点到目标控制点长度大于2个触摸屏像素点,捕捉图标与第一手指受力点夹角为任意角度,dX和dY可以是正数也可以是负数。
综上所述,由于采用了上述技术方案,本发明的有益效果是:
与直接使用手势触摸进行矢量图形编辑方式相比,本方法能够准确的对矢量图形的节点进行选取和控制,通过多点触摸技术间接控制矢量图像节点控制操作。实现了在移动设备上进行高精确度矢量图形编辑的能力。
本专利方法是用于解决在移动设备上对矢量图形进行编辑操作时触摸覆盖面积过大、不易精确捕捉图形节点的问题。基于移动设备进行空间矢量数据的叠加、编辑是野外空间数据采集的重要功能,与传统野外空间数据采集方式采用外业纸质勾绘,内业扫描、校准、矢量化后形成内业成果数据相比,通过外业移动设备完成空间矢量数据的一次性勾绘并与内业系统无缝集成,形成一体化的解决方案能够极大提高工作效率,节约时间成本和物质成本,在林业、农业和国土等行业中具有重要意义和推广价值。
附图说明
本发明将通过例子并参照附图的方式说明,其中:
图1是触摸屏矢量图形节点示意图。
图2是本专利中删除节点和修改矢量图形节点流程图。
图3是本专利中新建矢量图形节点流程图。
具体实施方式
本说明书中公开的所有特征,或公开的所有方法或过程中的步骤,除了互相排斥的特征和/或步骤以外,均可以以任何方式组合。
本说明书(包括任何附加权利要求、摘要和附图)中公开的任一特征,除非特别叙述,均可被其他等效或具有类似目的的替代特征加以替换。即,除非特别叙述,每个特征只是一系列等效或类似特征中的一个例子而已。
一、本发明相关说明:
1.矢量图形:指由1到多个有序的顶点构成的集合,其中每个顶点包含一对x和y坐标。集合中只包含一个顶点的称为点图形,包含多个顶点的称为线图形,若顶点集合包含2个以上的并且第一个顶点和最后一个顶点坐标相同的称为面图形。
2.指示箭头在矢量图形顶点上:设顶点坐标为(x,y),以(x,y)为圆心r为半径得到一个捕捉范围,当指示箭头的终点坐标位于该捕捉范围内时,表示指示箭头在矢量图形的顶点上,其中r为预设阀值,单位为像素。
3.矢量图形的边:矢量图形中两个相邻节点构成的线段称为矢量图形的边。
4.指示箭头在矢量图形的边上:当指示箭头的终点坐标距离矢量图形的某一条边的垂直距离小于预设阀值d时表示指示箭头在矢量图形的边上。
5.多点触摸技术,即两个手指触摸时,可以识别到这两个手指的运动方向,但还不能判断出具体位置,可以进行缩放、平移、旋转等操作。这种多点触摸的实现方式比较简单,轴坐标方式即可实现。把ITO分为X、Y轴,可以感应到两个触摸操作,但是感应到触摸和探测到触摸的具体位置是两个概念。XY轴方式的触摸屏可以探测到第2个触摸,但是无法了解第二个触摸的确切位置。单一触摸在每个轴上产生一个单一的最大值,从而断定触摸的位置,如果有第二个手指触摸屏面,在每个轴上就会有两个最大值。这两个最大值可以由两组不同的触摸来产生,于是系统就无法准确判断了。
6.dX和dY为预先设定的阀值,单位为屏幕像素,dX和dY可以是正数也可以是负数。
二: 实施例一:
一种移动设备触摸屏中矢量图形编辑方法包括:
接收触摸屏输入信息,当所述触摸屏输入信息为按下触摸屏后移动受力点时,以受力点为原点,其坐标记为(x0,y0),以新的计算坐标(x0+dX,y0+dY)所指的位置为终点画一指示箭头,以指示箭头的终点对触摸屏上显示的矢量图形进行矢量图形节点操作:具体包括:
1)新建矢量图形节点:当手指进行触摸屏触摸点击操作时,以第一手指按住触摸屏部位的中心点为原点,向左上方显示一条延长的虚拟鼠标箭头,将箭头所指的屏幕像元作为目标控制点,第一手指移动时,虚拟鼠标箭头跟随移动,当第二根手指进行触摸屏触摸点击时,在该第一手指对应的手指坐标位置创建一个图形节点,延续上述步骤直到所有节点都创建完成时松开第一根按下的手指,此时,图形对象创建完成。
2)修改节点位置:当第一手指进行触摸屏触摸点击操作时,以第一手指在触摸屏中触摸部位的中心点为原点,向左上方显示一条延长的虚拟鼠标箭头,将箭头所指的屏幕像元作为目标控制点,第一手指在触摸屏移动时,虚拟鼠标箭头跟随移动,当箭头移动到矢量图形的节点上时,指向的图形节点高亮显示,以此表示对节点的选中,当第二根手指触摸点击触摸屏后,拖动第一根手指,此时被选中的节点跟随移动,确定修改位置后松开第二根手指完成对节点位置的修改,延续上述步骤完成其它节点的修改。
3)插入节点:当第一手指进行触摸屏触摸点击时,以第一手指触摸点击部位的中心点为原点,向左上方显示一条延长的虚拟鼠标箭头,将箭头所指的屏幕像元作为目标控制点,第一手指移动时,虚拟鼠标箭头跟随移动,当箭头移动到矢量图形的边上时按下第二根手指完成插入节点。
4)删除节点:当第一手指按住屏幕时,以第一手指按住部位的中心点为原点,向左上方显示一条延长的虚拟鼠标箭头,将箭头所指的屏幕像元作为目标控制点,第一手指移动时,虚拟鼠标箭头跟随移动,当箭头移动到矢量图形的节点上时第二根手指完成节点删除。
优选的,捕捉图标位于第一手指受力点左上角,并与捕捉图标连线与触摸屏水平线夹角为45°。
本发明并不局限于前述的具体实施方式。本发明扩展到任何在本说明书中披露的新特征或任何新的组合,以及披露的任一新的方法或过程的步骤或任何新的组合。

Claims (4)

1.一种移动设备触摸屏中矢量图形编辑方法,其特征在于包括:
步骤1:接收用户手指的触摸屏输入信息,当所述触摸屏输入信息为第一手指按下触摸屏后移动受力点时,以受力点为原点,其坐标记为(x0,y0),以新的计算坐标(x0+dX,y0+dY)所指的位置为终点设置捕捉图标,所述捕捉图标为触摸屏一个像素点;
步骤2:根据捕捉图标坐标值以及第二手指的触摸操作,对触摸屏上显示的矢量图形进行矢量图形节点操作;
所述步骤2中对触摸屏上显示的矢量图形进行矢量图形节点操作,若需要在触摸屏范围内新建一个矢量图形时,具体步骤是:
步骤11:将待新建的矢量图形的节点集合标记为V,此时集合V包含的节点数量为0;
步骤12:接收触摸屏输入信息,当所述触摸屏输入信息为点击信息时,判断该点击操作为第二根手指发出时,此时捕捉图标的坐标值作为新的节点,并将此节点添加到节点集合V,持续该步骤可以向节点集合V中添加多个节点;
步骤13:当所述第一手指触摸屏输入信息为松开触摸屏信息时,新建矢量图形节点完成;
所述步骤2中对触摸屏上显示的矢量图形进行矢量图形节点操作,若判断出捕捉图标位于矢量图形的某两个节点构成的线段上时,通过第二手指点击触摸屏,在这两个节点之间插入一个新的节点,其节点坐标为捕捉图标所指的坐标;
所述步骤2中对触摸屏上显示的矢量图形进行矢量图形节点操作,若判断出捕捉图标位于矢量图形的某一个节点上时,通过移动命令将该节点移动到一个新的位置,具体步骤包括:
步骤21:将捕捉图标位于该节点坐标记为v;
步骤22:接收触摸屏输入信息,当所述触摸屏输入信息为第一手指按下触摸屏后移动受力点时,捕捉图标随移动受力点的位置改变而改变,将捕捉图标最终坐标值赋值给节点v,将该矢量图形在屏幕上进行重新绘制,其后节点v显示在新的位置;
步骤23:接收触摸屏输入信息,当所述触摸屏输入信息为第二手指松开触摸屏时,结束对该节点的移动。
2.根据权利要求1所述的一种移动设备触摸屏中矢量图形编辑方法,其特征在于步骤3删除节点具体步骤:在第一手指触摸时产生对应的捕捉图标移动到矢量图形的节点,即所述捕捉图标坐标位于矢量图形某一节点上时,若判断出捕捉图标坐标值位于矢量图形的某一个节点上时,通过第二手指点击触摸屏的操作删除该节点。
3.根据权利要求1或2所述的一种移动设备触摸屏中矢量图形编辑方法,其特征在于所述捕捉图标是箭头形状或索引连线;箭头节点到第一手指坐标长度大于2个触摸屏像素点,索引连线节点为目标控制点,索引连线节点到目标控制点长度大于2个触摸屏像素点。
4.根据权利要求3所述的一种移动设备触摸屏中矢量图形编辑方法,其特征在于所述dX和dY为预先设定的阀值,单位为屏幕像素。
CN201410078167.XA 2014-03-05 2014-03-05 一种移动设备触摸屏中矢量图形编辑方法 Expired - Fee Related CN103793178B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201410078167.XA CN103793178B (zh) 2014-03-05 2014-03-05 一种移动设备触摸屏中矢量图形编辑方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201410078167.XA CN103793178B (zh) 2014-03-05 2014-03-05 一种移动设备触摸屏中矢量图形编辑方法

Publications (2)

Publication Number Publication Date
CN103793178A CN103793178A (zh) 2014-05-14
CN103793178B true CN103793178B (zh) 2017-02-01

Family

ID=50668908

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201410078167.XA Expired - Fee Related CN103793178B (zh) 2014-03-05 2014-03-05 一种移动设备触摸屏中矢量图形编辑方法

Country Status (1)

Country Link
CN (1) CN103793178B (zh)

Families Citing this family (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106293377A (zh) * 2015-06-08 2017-01-04 武大吉奥信息技术有限公司 一种触摸设备上高精度矢量编辑的方法
CN106547460A (zh) * 2015-09-23 2017-03-29 三亚中兴软件有限责任公司 图形编排处理方法及装置
CN106406693B (zh) * 2016-08-30 2018-04-27 腾讯科技(深圳)有限公司 图像选中方法及装置
CN107861673A (zh) * 2017-06-27 2018-03-30 陆金所(上海)科技服务有限公司 拉动图形输入方法、装置及计算机可读存储介质
CN107909633B (zh) * 2017-11-16 2021-04-16 马军民 虚拟鼠标绘图工具及绘图方法
CN108459800A (zh) * 2018-02-11 2018-08-28 广州视源电子科技股份有限公司 书写白板的线条选择编辑方法、装置、设备及存储介质
CN111367455B (zh) * 2018-12-25 2022-02-08 北京广联达云图梦想科技有限公司 一种触控屏人机交互精确定位和测量方法
CN109933252B (zh) * 2018-12-27 2021-01-15 维沃移动通信有限公司 一种图标移动方法及终端设备
CN111782111A (zh) * 2019-04-04 2020-10-16 广州高新兴机器人有限公司 在触摸屏上绘制多边形的方法

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101673154A (zh) * 2008-09-10 2010-03-17 鸿富锦精密工业(深圳)有限公司 基于触摸屏的区域选择方法
CN102004569A (zh) * 2009-09-03 2011-04-06 华为终端有限公司 触摸控制方法、处理装置及处理系统
CN102063832A (zh) * 2010-11-26 2011-05-18 北京腾瑞万里科技有限公司 移动终端矢量地图的绘制方法和装置
CN102945557A (zh) * 2012-10-12 2013-02-27 北京海鑫科金高科技股份有限公司 基于移动终端的矢量现场图绘制方法
CN103076982A (zh) * 2013-01-24 2013-05-01 优视科技有限公司 一种移动终端中光标控制的方法及装置

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8077153B2 (en) * 2006-04-19 2011-12-13 Microsoft Corporation Precise selection techniques for multi-touch screens

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101673154A (zh) * 2008-09-10 2010-03-17 鸿富锦精密工业(深圳)有限公司 基于触摸屏的区域选择方法
CN102004569A (zh) * 2009-09-03 2011-04-06 华为终端有限公司 触摸控制方法、处理装置及处理系统
CN102063832A (zh) * 2010-11-26 2011-05-18 北京腾瑞万里科技有限公司 移动终端矢量地图的绘制方法和装置
CN102945557A (zh) * 2012-10-12 2013-02-27 北京海鑫科金高科技股份有限公司 基于移动终端的矢量现场图绘制方法
CN103076982A (zh) * 2013-01-24 2013-05-01 优视科技有限公司 一种移动终端中光标控制的方法及装置

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
矢量工具的路径用法;givehuy54;《百度文库》;20130129;全文 *

Also Published As

Publication number Publication date
CN103793178A (zh) 2014-05-14

Similar Documents

Publication Publication Date Title
CN103793178B (zh) 一种移动设备触摸屏中矢量图形编辑方法
CN103294401B (zh) 一种具有触摸屏的电子设备的图标处理方法及装置
US8411107B2 (en) Adaptive snapping
JP5978660B2 (ja) 情報処理装置及び情報処理方法
CN102945557B (zh) 基于移动终端的矢量现场图绘制方法
US20200326829A1 (en) Generating contextual guides
CN107577750A (zh) 绘制导航数据矢量路口的方法和系统
CN108268186A (zh) 在电解剖标测图上选择点
CN107943365A (zh) 线条笔迹的呈现方法、装置、电子设备及存储介质
CN107977148A (zh) 移动光标的方法及装置
CN114648615B (zh) 目标对象交互式重现的控制方法、装置、设备及存储介质
CN102467519B (zh) 基于地理信息系统的可视化标绘方法及系统
CN104462691A (zh) 一种在动态几何软件中实现鼠标智能画图的方法及装置
CN106126085A (zh) 一种面向移动设备的多点触控手势交互三维建模方法
CN107463323A (zh) 移动终端的图片操作控制方法及移动终端
CN111984151B (zh) 一种提高处理效率的白板画布大小、位置漫游控制方法
CN110008387A (zh) 流场可视化实现方法、装置及电子设备
CN109783592A (zh) 一种形势图动态标绘系统
CN111744181A (zh) 游戏中信息的显示方法、装置、游戏客户端及介质
CN104504206B (zh) 一种2.5d下模型添加及排序的方法
CN113126866B (zh) 对象确定方法、装置、电子设备以及存储介质
JP2015022524A (ja) 端末装置及びシステム
CN115249303A (zh) 基于图纸分割的布点绘制方法、装置、设备及存储介质
CN105302466B (zh) 一种文字操作方法及终端
CN111199512B (zh) Svg矢量图形的调整方法、装置、存储介质及终端

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
CF01 Termination of patent right due to non-payment of annual fee

Granted publication date: 20170201

Termination date: 20200305

CF01 Termination of patent right due to non-payment of annual fee