CN109741397B - 图片标记方法、装置、计算机设备及可读存储介质 - Google Patents

图片标记方法、装置、计算机设备及可读存储介质 Download PDF

Info

Publication number
CN109741397B
CN109741397B CN201910007047.3A CN201910007047A CN109741397B CN 109741397 B CN109741397 B CN 109741397B CN 201910007047 A CN201910007047 A CN 201910007047A CN 109741397 B CN109741397 B CN 109741397B
Authority
CN
China
Prior art keywords
picture
mark
user operation
marks
response mode
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
CN201910007047.3A
Other languages
English (en)
Other versions
CN109741397A (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.)
BOE Technology Group Co Ltd
Original Assignee
BOE Technology Group 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 BOE Technology Group Co Ltd filed Critical BOE Technology Group Co Ltd
Priority to CN201910007047.3A priority Critical patent/CN109741397B/zh
Publication of CN109741397A publication Critical patent/CN109741397A/zh
Priority to US16/561,270 priority patent/US10984570B2/en
Application granted granted Critical
Publication of CN109741397B publication Critical patent/CN109741397B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction 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
    • G06F3/04845—Interaction 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 for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—2D [Two Dimensional] image generation
    • G06T11/60—Editing figures and text; Combining figures or text
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction 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/0488—Interaction 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
    • G06T3/02—
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction 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
    • G06F3/0485—Scrolling or panning
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T2210/00—Indexing scheme for image generation or computer graphics
    • G06T2210/41—Medical

Abstract

本发明公开一种图片标记方法、装置、计算机设备及可读存储介质。该方法的一具体实施方式包括：将显示层划分为层叠的显示窗口所属的窗口层、图片所属的视图层和标记所属的标记层；根据显示窗口尺寸调整图片尺寸，定制图片对于用户操作的响应方式；定制标记的属性值及标记对于用户操作的响应方式，并部署标记，标记对于用户操作的响应方式包括与图片对于用户操作的响应方式同步的响应方式；捕捉用户操作，使得图片及标记对用户操作做出响应。该实施方式具有较高的可扩展性和灵活性。

Description

图片标记方法、装置、计算机设备及可读存储介质
技术领域
本发明涉及显示技术领域。更具体地，涉及一种图片标记方法、装置、计算机设备及可读存储介质。
背景技术
很多应用场景都需要在图片上进行标记，在移动拖拽图片的同时保持标记的相对位置的正确，例如在医学上一些图片上对内容进行标记，或者在某个小区规划或者沙盘图中对建筑物进行标记等。
现有的一些对View控件拖拽的方法，是将标记直接放置在图片上，在图片滑动或者缩放的过程中，不能保证标记的相对位置不变，也不能实现用户与图片中的标记或者标记区域互动，比如说触摸点击联动其他内容等。另外，也无法支持持自定义或定制化的场景。
此外，在一些地图控件上存在一些类似的功能实现，但首先地图并不是图片，而是一种地理的坐标系，与图片的处理和使用并不在同一场景下；其次，现有的一些地图SDK(软件开发工具包)中不管是数据还是展现形式，均经过加密封装，具有固定的标准，开发者并不能在此基础上进行定制化的修改。
因此，需要提供一种更加灵活高效的图片标记方法、装置、计算机设备及可读存储介质。
发明内容
本发明的目的在于提供一种更加灵活高效的图片标记方法、装置、计算机设备及可读存储介质。
为达到上述目的，本发明采用下述技术方案：
本发明第一方面提供了一种图片标记方法，包括：
将显示层划分为层叠的显示窗口所属的窗口层、图片所属的视图层和标记所属的标记层；
根据显示窗口尺寸调整图片尺寸，定制图片对于用户操作的响应方式；
定制标记的属性值及标记对于用户操作的响应方式，并部署标记，所述标记对于用户操作的响应方式包括与图片对于用户操作的响应方式同步的响应方式；
捕捉用户操作，使得图片及标记对用户操作做出响应。
本发明第一方面提供的图片标记方法，通过三层View层叠的方式，可以灵活的在图片上利用标记展示动态获取的数据，并且根据图片的像素坐标系保证标记的相对位置及尺寸的正确性，在很多基于图片标记的应用场景中，更加灵活高效且实用。本发明可在例如安卓系统等任意开源系统中实现，提供在展示图片的过程中想配合标记来做一些操作或者根据某些情况动态生成的数据来标记等情况的解决方案。本发明相比现有方法，可扩展性和灵活性更高。
优选地，所述标记的属性值包括标记的样式、尺寸及在图片的像素坐标系下的部署位置。
优选地，所述标记的样式和尺寸包括针对不同场景需求的标记的样式和尺寸。采用这种优选方式，可实现针对特定的场景需要对标记进行定制化开发
优选地，该方法还包括：所述标记对于用户操作的响应方式还包括标记对于针对该标记的部署位置的用户操作的响应方式和/或标记对于针对与标记关联的外部控件的用户操作的响应方式。采用这种优选方式，可实现对标记本身的操作及标记与外部控件的联动。
优选地，所述标记对于针对该标记的部署位置的用户操作的响应方式包括针对不同场景需求的标记对于针对该标记的部署位置的用户操作的响应方式，所述标记对于针对与标记关联的外部控件的用户操作的响应方式包括针对不同场景需求的标记对于针对与标记关联的外部控件的用户操作的响应方式。采用这种优选方式，可实现针对特定的场景需要对标记进行进一步的定制化开发。
优选地，所述与图片对于用户操作的响应方式同步的响应方式基于图片的像素坐标实现。
优选地，所述图片对于用户操作的响应方式包括：旋转、缩放、平移和倾斜。
优选地，所述标记对于针对该标记的部署位置的用户操作的响应方式和标记对于针对与标记关联的外部控件的用户操作的响应方式包括：缩放、平移和展示信息。
优选地，该方法还包括：在部署标记时，根据标记的尺寸及在图片的像素坐标系下的部署位置判断标记是否超出图片边界，若是则隐藏该标记。采用这种优选方式，可保证初始的图片尺寸与显示窗口尺寸匹配，不会因标记的存在而缩小初始的图片尺寸，如果在图片及标记缩放的过程中，图片的像素坐标系扩大至可以显示之前隐藏的标记，则显示该标记。
优选地，该方法还包括：在所述图片对于用户操作的响应方式为缩放或平移时判断显示窗口是否超越图片边界，若是则发出越界提示。采用这种优选方式，可保证了图片和标记在缩放或平移过程中，显示窗口到达边界时避免越界，避免了图片无限制无边界的滑动，滑动到边界外部只能看到大量的留白等情况；同时避免了缩放后标记可能出现在图片边界之外的情况。
优选地，所述在所述图片对于用户操作的响应方式为缩放或平移时判断显示窗口是否超越图片边界，若是则发出越界提示进一步包括：
获取根据显示窗口尺寸调整图片尺寸时图片在图片的像素坐标系下的上、下、左、右方向边界点坐标；
获取图片对用户操作做出缩放或平移响应后显示窗口在图片的像素坐标系下的上、下、左、右方向边界点坐标；
比较图片与显示窗口的对应方向的边界点坐标值，若根据比较结果判定存在至少一个方向上显示窗口超越图片边界，则发出越界提示。
采用这种优选方式，相对于现有的判断View在布局中滑动边界判断的方法中采用的通过x轴或者y轴的单一一个点或者单边来判断越界的方式，判断更加精确，误差更小，更符合定制的需求。
优选地，在所述图片对于用户操作的响应方式为缩放时，所述标记根据所述图片的缩放倍数进行缩放并调整在图片的像素坐标系下的部署位置。采用这种优选方式，可在图片进行缩放时保证标记的相对尺寸和相对位置的正确性。
本发明第二方面提供了一种执行本发明第一方面提供的方法的图片标记装置，包括显示单元、数据处理单元及输入单元，
所述数据处理单元，将所述显示单元的显示层划分为层叠的显示窗口所属的窗口层、图片所属的视图层和标记所属的标记层；根据显示窗口尺寸调整图片尺寸，定制图片对于用户操作的响应方式；定制标记的属性值及标记对于用户操作的响应方式，并部署标记，所述标记对于用户操作的响应方式包括与图片对于用户操作的响应方式同步的响应方式；在窗口层为视图层添加操作监听器以捕捉所述输入单元接收的用户操作，使得图片及标记对用户操作做出响应。
本发明第三方面提供了一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现本发明第一方面提供的方法。
本发明第四方面提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现本发明第一方面提供的方法。
本发明的有益效果如下：
本发明所述技术方案具有较高的可扩展性和灵活性。
附图说明
下面结合附图对本发明的具体实施方式作进一步详细的说明；
图1示出本发明实施例提供的图片标记方法的流程图。
图2示出三层View层叠的实现原理结构图。
图3示出对医学图片进行标记的效果图
图4示出本发明实施例提供的图片标记装置的示意图。
图5示出本发明实施例提供的图片标记装置的结构示意图。
具体实施方式
为了更清楚地说明本发明，下面结合优选实施例和附图对本发明做进一步的说明。附图中相似的部件以相同的附图标记进行表示。本领域技术人员应当理解，下面所具体描述的内容是说明性的而非限制性的，不应以此限制本发明的保护范围。
如图1所示，本发明的一个实施例提供了一种图片标记方法，包括：
S10、将显示层划分为显示窗口所属的窗口层、图片所属的视图层和标记所属的标记层，窗口层、视图层和标记层层叠设置；
S20、根据显示窗口尺寸调整图片尺寸，定制图片对于用户操作的响应方式；
S30、定制标记的属性值及标记对于用户操作的响应方式，并部署标记，标记对于用户操作的响应方式包括与图片对于用户操作的响应方式同步的响应方式；
S40、捕捉用户操作，使得图片及标记对用户操作做出响应。
本实施例提供的图片标记方法，通过三层View层叠的方式，如图2所示的拖拽窗口1(DragContainer)->拖拽视图2(DragView)->标记3(Mark)，可以灵活的在图片4上利用标记3展示动态获取的数据，并且根据图片4的像素坐标系保证标记3的相对位置及尺寸的正确性，在很多基于图片标记的应用场景中，更加灵活高效且实用。本实施例可在例如安卓系统等任意开源系统中实现(可基于谷歌为安卓开发者提供的开放API来设计相应的代码)，提供在展示图片的过程中想配合标记来做一些操作或者根据某些情况动态生成的数据来标记等情况的解决方案。本实施例相比现有方法，可扩展性和灵活性更高。
其中，
步骤S20、根据显示窗口尺寸调整图片尺寸，定制图片对于用户操作的响应方式的一些可选的实现方式中：
根据显示窗口尺寸调整图片尺寸可先获取图片的宽高以及显示窗口的宽高，再将图片的宽高与显示窗口宽高进行对比，对比后可以自定义图片展示的规则。例如图片宽(或高)的一边可以与显示窗口的宽(或高)的一边通过缩放来达成一致，使图片的宽(或高)与显示窗口对应的宽(或高)相等，另外一侧的边界可以通过自定义一个getScalForAdjustment()计算得到，使其能达到自适应。此时，可得到与显示窗口尺寸匹配的初始图片尺寸及初始图片相对于原图片的缩放系数。
图片对于用户操作的响应方式包括：旋转、缩放、平移和倾斜。可利用Matrix类提供的操作方法去进行图片的旋转、缩放、平移和倾斜。安卓系统中Matrix为一个3*3的矩阵，可利用这个矩阵对图像进行操作，每一种操作都提供了set、post和pre三种操作方式，除了平移，其他三种操作都可以指定中心点。
步骤S30、定制标记的属性值及标记对于用户操作的响应方式，并部署标记，标记对于用户操作的响应方式包括与图片对于用户操作的响应方式同步的响应方式的一些可选的实现方式中：
标记的属性值包括标记的样式、尺寸及在图片的像素坐标系下的部署位置。可先按照图片的像素坐标集生成一系列的自定义CoordainateMark标记；再自定义一个位置类Location，其中每一个位置类对应一个标记类；最后测量标记CoordainateMark宽高，分别将位置信息与对应的CoordainateMark对象存入两个Map数据结构中，部署标记时，即可根据标记的样式、尺寸及在图片的像素坐标系下的部署位置进行部署。而与图片对于用户操作的响应方式同步的响应方式可基于图片的像素坐标实现，根据对标记在图片的像素坐标系下的部署位置进行运算实现标记与图片的随动。
标记的样式和尺寸包括针对不同场景需求的标记的样式和尺寸。采用这种实现方式，可实现针对特定的场景需要对标记进行定制化开发。本实施例中的标记可以为文字或图形等任意形式，并不是单纯只是一种在图片上标签或者图书钉一样的固定形状、颜色以及状态的实例，其所描述的是一个抽象的概念，即不同的场景或者不同的需求中可以在图片上所标注的部分。例如，在沙盘或者地形图片上添加一些地形地貌地标的标记的场景；在终端查看一些医学的图像上面，可以通过自定义的标记示出内脏、骨骼或者肌肉的形状、颜色以及状态，甚至是血管的流向和状态，例如图3所示的对医学图片中内脏的标记：“食管”、“胃”等。只要有需要展示或者标记图片的细节的场景，都可实现定制化开发。
标记对于用户操作的响应方式还包括标记对于针对该标记的部署位置的用户操作的响应方式和/或标记对于针对与标记关联的外部控件的用户操作的响应方式。进一步，标记对于针对该标记的部署位置的用户操作的响应方式包括针对不同场景需求的标记对于针对该标记的部署位置的用户操作的响应方式，标记对于针对与标记关联的外部控件的用户操作的响应方式包括针对不同场景需求的标记对于针对与标记关联的外部控件的用户操作的响应方式。采用这种实现方式，可实现对标记本身的操作及标记与外部控件的联动。例如，在安卓应用的开发领域，经常会有需要在图片展示的过程中，在图片上做一些自定义标记并且通过标记能触发一些自定义的时间(例如点击跳转等)的需求，例如在人体医学的图片或图像上，需要对一些特殊的点如关节、穴位等进行标记，同时点击标记会有一些事件触发的情况；同理在一副描述地形的沙盘图或者小区的地形图上，也会有通过一些标记来达成一些展示或者记录目的的需求。想要在应用中完成这种类型的需求，直接在图片本身画上标记显然是不可取的，不能实现用户与图片中的标记或者标记区域做互动，比如说触摸点击联动其他内容等。而采用这种实现方式即可实现上述需求，例如，在利用智能手机查看医学图像时，可以通过自定义的标记代表出内脏、骨骼或者肌肉的形状、颜色以及状态，甚至是血管的流向和状态，并且在应用中可以关联点击或者触摸操作；在一些地形图、沙盘图或者室内图中，通过标记代表不同的区域、建筑物或者其他的设施，也可以通过应用在图片上做出丰富的互动；同样的在幼儿教育领域，也可以用于益智应用中，比如可以给孩子一张图片，上面由各种不同形状、颜色和状态的标记代表不同的事物，然后让孩子根据自己的理解将事物放置到他们认为正确的位置，增加幼儿的认知能力等。
标记对于针对该标记的部署位置的用户操作的响应方式和标记对于针对与标记关联的外部控件的用户操作的响应方式包括：缩放、平移和展示信息，展示信息例如为对文字标记的详细的说明信息。其中，标记对于针对与标记关联的外部控件的用户操作的响应可通过对标记事先写入自定义的触发事件，使外部控件与图片的标记进行联动。例如，将标记在外部做成一个可展示的列表类控件进行详细的展示，通过选择对应的列表项，就会自动将其选中的标记移动至显示窗口的中心，其具体方法可为在窗口层DragContainer中提供对应移动显示窗口的方法translateTo(x,y)，x、y为对应的像素坐标，原理为先获取到对应标记在当前缩放系数的图片中的像素坐标coorX与coorY，通过与显示窗口上下左右四个点坐标的运算算出显示窗口应该移动的距离disX与disY，根据disX与disY移动显示窗口至指定位置上。
在部署标记时，根据标记的尺寸及在图片的像素坐标系下的部署位置判断标记是否超出图片边界，若是则隐藏该标记。采用这种实现方式，可保证初始的图片尺寸与显示窗口尺寸匹配，不会因标记的存在而缩小初始的图片尺寸，如果在图片及标记缩放的过程中，图片的像素坐标系扩大至可以显示之前隐藏的标记，则显示该标记。
步骤S40、捕捉用户操作，使得图片及标记对用户操作做出响应的一些可选的实现方式中：
可通过在窗口层为视图层添加操作监听器实现对用户操作的捕捉，使得图片及标记对用户操作做出响应。
在图片对于用户操作的响应方式为缩放或平移时判断显示窗口是否超越图片边界，若是则发出越界提示。采用这种实现方式，可保证了图片和标记在缩放或平移过程中，显示窗口到达边界时避免越界，避免了图片无限制无边界的滑动，滑动到边界外部只能看到大量的留白等情况；同时避免了缩放后标记可能出现在图片边界之外的情况。
在图片对于用户操作的响应方式为缩放或平移时判断显示窗口是否超越图片边界，若是则发出越界提示进一步包括：
获取根据显示窗口尺寸调整图片尺寸时图片在图片的像素坐标系下的上、下、左、右方向边界点坐标(即初始图片在图片的像素坐标系下的上、下、左、右方向边界点坐标，分别为最上点y坐标、最左点x坐标、最下点y坐标以及最右点x坐标)；
获取图片对用户操作做出缩放或平移响应后显示窗口在图片的像素坐标系下的上、下、左、右方向边界点坐标；
比较图片与显示窗口的对应方向的边界点坐标值，若根据比较结果判定存在至少一个方向上显示窗口超越图片边界，则发出越界提示。
采用这种实现方式，相对于现有的判断View在布局中滑动边界判断的方法中采用的通过x轴或者y轴的单一一个点或者单边来判断越界的方式，判断更加精确，误差更小，更符合定制的需求。
在图片对于用户操作的响应方式为缩放时，标记根据图片的缩放倍数进行缩放并调整在图片的像素坐标系下的部署位置。采用这种实现方式，可在图片进行缩放时保证标记的相对尺寸和相对位置的正确性，即，在视图层中实现标记根据像素坐标系和缩放倍数使得图片随着图片移动及缩放。
综上，本实施例提供的图片标记方法利用三层自定义View和显示窗口的特性，图片和标记可根据显示窗口的尺寸进行自动适配，并且支持拓展到显示窗口外的部分，可以随用户操作移动图片，同时查看显示窗口外的标记，并且可自动计算移动图片的边界。同时在缩放过程中，支持标记(Mark)所在的图片的像素坐标系随着图片的放大缩小而变化，并且支持标记上设置点击事件来跟其他外部控件进行联动。适用于需要在图片上设置标记，并且需要编辑标记内容的各种场景，实现简单且能够快速的进行集成。
如图4所示，本发明的另一个实施例提供了一种执行上述图片标记方法的图片标记装置，包括显示单元、数据处理单元及输入单元，
数据处理单元，将显示单元的显示层划分为层叠的显示窗口所属的窗口层、图片所属的视图层和标记所属的标记层；根据显示窗口尺寸调整图片尺寸，定制图片对于用户操作的响应方式；定制标记的属性值及标记对于用户操作的响应方式，并部署标记，标记对于用户操作的响应方式包括与图片对于用户操作的响应方式同步的响应方式；在窗口层为视图层添加操作监听器以捕捉输入单元接收的用户操作，使得图片及标记对用户操作做出响应。
需要说明的是，本实施例提供的图片标记装置的原理及工作流程与上述图片标记方法相似，相关之处可以参照上述说明，在此不再赘述。
本实施例提供的图片标记装置可以以智能手机、平板电脑等终端实现，显示单元及输入单元可集成于智能手机、平板电脑等终端的触控屏实现。
如图5所示，适于用来实现本实施例提供的图片标记装置的计算机系统，包括中央处理单元(CPU)，其可以根据存储在只读存储器(ROM)中的程序或者从存储部分加载到随机访问存储器(RAM)中的程序而执行各种适当的动作和处理。在RAM中，还存储有计算机系统操作所需的各种程序和数据。CPU、ROM以及RAM通过总线被此相连。输入/输入(I/O)接口也连接至总线。
以下部件连接至I/O接口:包括键盘、鼠标等的输入部分；包括诸如液晶显示器(LCD)等以及扬声器等的输出部分；包括硬盘等的存储部分；以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分。通信部分经由诸如因特网的网络执行通信处理。驱动器也根据需要连接至I/O接口。可拆卸介质，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器上，以便于从其上读出的计算机程序根据需要被安装入存储部分。
特别地，根据本实施例，上文流程图描述的过程可以被实现为计算机软件程序。例如，本实施例包括一种计算机程序产品，其包括有形地包含在计算机可读介质上的计算机程序，上述计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分从网络上被下载和安装，和/或从可拆卸介质被安装。
附图中的流程图和示意图，图示了本实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或示意图中的每个方框可以代表一个模块、程序段或代码的一部分，上述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，示意图和/或流程图中的每个方框、以及示意和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。描述于本实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。
作为另一方面，本实施例还提供了一种非易失性计算机存储介质，该非易失性计算机存储介质可以是上述实施例中上述装置中所包含的非易失性计算机存储介质，也可以是单独存在，未装配入终端中的非易失性计算机存储介质。上述非易失性计算机存储介质存储有一个或者多个程序，当上述一个或者多个程序被一个设备执行时，使得上述设备：
将显示层划分为层叠的显示窗口所属的窗口层、图片所属的视图层和标记所属的标记层；
根据显示窗口尺寸调整图片尺寸，定制图片对于用户操作的响应方式；
定制标记的属性值及标记对于用户操作的响应方式，并部署标记，标记对于用户操作的响应方式包括与图片对于用户操作的响应方式同步的响应方式；
在窗口层为视图层添加操作监听器以捕捉用户操作，使得图片及标记对用户操作做出响应。
在本发明的描述中，需要说明的是，术语“上”、“下”等指示的方位或位置关系为基于附图所示的方位或位置关系，仅是为了便于描述本发明和简化描述，而不是指示或暗示所指的装置或元件必须具有特定的方位、以特定的方位构造和操作，因此不能理解为对本发明的限制。除非另有明确的规定和限定，术语“安装”、“相连”、“连接”应做广义理解，例如，可以是固定连接，也可以是可拆卸连接，或一体地连接；可以是机械连接，也可以是电连接；可以是直接相连，也可以通过中间媒介间接相连，可以是两个元件内部的连通。对于本领域的普通技术人员而言，可以根据具体情况理解上述术语在本发明中的具体含义。
还需要说明的是，在本发明的描述中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
显然，本发明的上述实施例仅仅是为清楚地说明本发明所作的举例，而并非是对本发明的实施方式的限定，对于本领域的普通技术人员来说，在上述说明的基础上还可以做出其它不同形式的变化或变动，这里无法对所有的实施方式予以穷举，凡是属于本发明的技术方案所引伸出的显而易见的变化或变动仍处于本发明的保护范围之列。

Claims (13)

1.一种图片标记方法，其特征在于，包括：
将显示层划分为层叠的显示窗口所属的窗口层、图片所属的视图层和标记所属的标记层；
根据显示窗口尺寸调整图片尺寸，定制图片对于用户操作的响应方式；
定制标记的属性值及标记对于用户操作的响应方式，并部署标记，所述标记对于用户操作的响应方式包括与图片对于用户操作的响应方式同步的响应方式、标记对于针对该标记的部署位置的用户操作的响应方式和标记对于针对与标记关联的外部控件的用户操作的响应方式；
捕捉用户操作，使得图片及标记对用户操作做出响应；
其中，所述标记的属性值包括标记的样式、尺寸及在图片的像素坐标系下的部署位置，所述定制标记的属性值进一步包括：
生成定义的标记对象，所述标记对象包含标记的样式；
定义位置描述对象，所述位置描述对象为标记在图片的像素坐标系下的部署位置，其中，每一所述位置描述对象对应一标记对象；
测量得到标记对象的尺寸，得到标记的尺寸；
将位置描述对象及包含标记的样式和尺寸的标记对象分别存储于两个集合中；
所述标记对于针对该标记的部署位置的用户操作的响应方式和标记对于针对与标记关联的外部控件的用户操作的响应方式包括：缩放、平移和展示信息；
对于所述标记对于针对与标记关联的外部控件的用户操作的响应方式为展示信息：对于针对与标记关联的列表类控件的对应的列表项的选择操作，将选中的标记移动至显示窗口的中心；所述将选中的标记移动至显示窗口的中心包括：在窗口层中提供对应移动显示窗口的方法translateTo(x,y)，x、y为对应的像素坐标，获取到对应标记在当前缩放系数的图片中的像素坐标coorX与coorY，通过与显示窗口上、下、左、右四个点坐标的运算得到显示窗口应该移动的距离disX与disY，根据所述显示窗口应该移动的距离disX与disY移动显示窗口至指定位置，从而将选中的标记移动至显示窗口的中心；
所述捕捉用户操作，使得图片及标记对用户操作做出响应包括：
在窗口层为视图层添加操作监听器实现对用户操作的捕捉，使得图片及标记对用户操作做出响应。
2.根据权利要求1所述的方法，其特征在于，所述标记的属性值包括标记的样式、尺寸及在图片的像素坐标系下的部署位置。
3.根据权利要求2所述的方法，其特征在于，所述标记的样式和尺寸包括针对不同场景需求的标记的样式和尺寸。
4.根据权利要求1所述的方法，其特征在于，所述标记对于针对该标记的部署位置的用户操作的响应方式包括针对不同场景需求的标记对于针对该标记的部署位置的用户操作的响应方式，所述标记对于针对与标记关联的外部控件的用户操作的响应方式包括针对不同场景需求的标记对于针对与标记关联的外部控件的用户操作的响应方式。
5.根据权利要求2所述的方法，其特征在于，所述与图片对于用户操作的响应方式同步的响应方式基于图片的像素坐标实现。
6.根据权利要求1所述的方法，其特征在于，所述图片对于用户操作的响应方式包括：旋转、缩放、平移和倾斜。
7.根据权利要求2所述的方法，其特征在于，该方法还包括：在部署标记时，根据标记的尺寸及在图片的像素坐标系下的部署位置判断标记是否超出图片边界，若是则隐藏该标记。
8.根据权利要求6所述的方法，其特征在于，该方法还包括：在所述图片对于用户操作的响应方式为缩放或平移时判断显示窗口是否超越图片边界，若是则发出越界提示。
9.根据权利要求8所述的方法，其特征在于，所述在所述图片对于用户操作的响应方式为缩放或平移时判断显示窗口是否超越图片边界，若是则发出越界提示进一步包括：
获取根据显示窗口尺寸调整图片尺寸时图片在图片的像素坐标系下的上、下、左、右方向边界点坐标；
获取图片对用户操作做出缩放或平移响应后显示窗口在图片的像素坐标系下的上、下、左、右方向边界点坐标；
比较图片与显示窗口的对应方向的边界点坐标值，若根据比较结果判定存在至少一个方向上显示窗口超越图片边界，则发出越界提示。
10.根据权利要求6所述的方法，其特征在于，在所述图片对于用户操作的响应方式为缩放时，所述标记根据所述图片的缩放倍数进行缩放并调整在图片的像素坐标系下的部署位置。
11.一种执行如权利要求1-10中任一项所述的方法的图片标记装置，其特征在于，包括显示单元、数据处理单元及输入单元，
所述数据处理单元，将所述显示单元的显示层划分为层叠的显示窗口所属的窗口层、图片所属的视图层和标记所属的标记层；根据显示窗口尺寸调整图片尺寸，定制图片对于用户操作的响应方式；定制标记的属性值及标记对于用户操作的响应方式，并部署标记，所述标记对于用户操作的响应方式包括与图片对于用户操作的响应方式同步的响应方式、标记对于针对该标记的部署位置的用户操作的响应方式和标记对于针对与标记关联的外部控件的用户操作的响应方式；在窗口层为视图层添加操作监听器以捕捉所述输入单元接收的用户操作，使得图片及标记对用户操作做出响应。
12.一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现如权利要求1-10中任一项所述的方法。
13.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现如权利要求1-10中任一项所述的方法。
CN201910007047.3A 2019-01-04 2019-01-04 图片标记方法、装置、计算机设备及可读存储介质 Active CN109741397B (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN201910007047.3A CN109741397B (zh) 2019-01-04 2019-01-04 图片标记方法、装置、计算机设备及可读存储介质
US16/561,270 US10984570B2 (en) 2019-01-04 2019-09-05 Picture marking method and apparatus, computer device, and computer readable storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910007047.3A CN109741397B (zh) 2019-01-04 2019-01-04 图片标记方法、装置、计算机设备及可读存储介质

Publications (2)

Publication Number Publication Date
CN109741397A CN109741397A (zh) 2019-05-10
CN109741397B true CN109741397B (zh) 2022-06-07

Family

ID=66363403

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910007047.3A Active CN109741397B (zh) 2019-01-04 2019-01-04 图片标记方法、装置、计算机设备及可读存储介质

Country Status (2)

Country Link
US (1) US10984570B2 (zh)
CN (1) CN109741397B (zh)

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110334163B (zh) * 2019-05-22 2020-09-04 平安国际智慧城市科技股份有限公司 大数据的地图背景优化方法、装置、设备及存储介质
CN111198639A (zh) * 2019-12-27 2020-05-26 深圳市优必选科技股份有限公司 一种图片标记方法、装置、终端及计算机存储介质
CN112379817A (zh) * 2021-01-13 2021-02-19 湖南新云网科技有限公司 图元变换方法、装置、终端设备及计算机可读存储介质

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103425690A (zh) * 2012-05-22 2013-12-04 湖南家工场网络技术有限公司 一种基于样式表的图片信息标注和展示方法
CN106971370A (zh) * 2017-03-30 2017-07-21 王征 一种基于图片作为背景画平面矢量图的系统及方法
CN107256259A (zh) * 2017-06-12 2017-10-17 广东神马搜索科技有限公司 页面显示方法、装置、电子设备以及存储介质
CN107369197A (zh) * 2017-07-05 2017-11-21 腾讯科技（深圳）有限公司 图片处理方法、装置及设备

Family Cites Families (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CA2560386C (en) * 2004-03-23 2013-09-24 Google Inc. A digital mapping system
US20100050110A1 (en) * 2008-08-19 2010-02-25 General Electric Company Integration viewer systems and methods of use
US20130103446A1 (en) * 2011-10-20 2013-04-25 Microsoft Corporation Information sharing democratization for co-located group meetings
US20140046923A1 (en) * 2012-08-10 2014-02-13 Microsoft Corporation Generating queries based upon data points in a spreadsheet application
KR20150066964A (ko) * 2013-12-09 2015-06-17 삼성전자주식회사 의료 영상 표시 방법 및 의료 영상 표시 장치
WO2017060791A1 (en) * 2015-10-08 2017-04-13 Koninklijke Philips N.V. Apparatuses, methods, and systems for annotation of medical images
CN106776939A (zh) * 2016-12-01 2017-05-31 山东师范大学 一种图像无损标注方法及系统
CN108320313A (zh) * 2016-12-14 2018-07-24 杭州美盛红外光电技术有限公司 热像报告装置、缩放装置、标记装置和热像报告方法
CN107451406A (zh) * 2017-07-28 2017-12-08 海纳医信（北京）软件科技有限责任公司 血管分析方法、装置、存储介质和处理器
CN109101150B (zh) * 2018-07-20 2021-02-02 广州视源电子科技股份有限公司 元素插入方法、装置、电子设备及计算机可读存储介质

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103425690A (zh) * 2012-05-22 2013-12-04 湖南家工场网络技术有限公司 一种基于样式表的图片信息标注和展示方法
CN106971370A (zh) * 2017-03-30 2017-07-21 王征 一种基于图片作为背景画平面矢量图的系统及方法
CN107256259A (zh) * 2017-06-12 2017-10-17 广东神马搜索科技有限公司 页面显示方法、装置、电子设备以及存储介质
CN107369197A (zh) * 2017-07-05 2017-11-21 腾讯科技（深圳）有限公司 图片处理方法、装置及设备

Also Published As

Publication number Publication date
US10984570B2 (en) 2021-04-20
CN109741397A (zh) 2019-05-10
US20200219299A1 (en) 2020-07-09

Similar Documents

Publication Publication Date Title
US11227446B2 (en) Systems, methods, and graphical user interfaces for modeling, measuring, and drawing using augmented reality
CN109741397B (zh) 图片标记方法、装置、计算机设备及可读存储介质
JP6458371B2 (ja) ３次元モデルのためのテクスチャデータを取得する方法、ポータブル電子デバイス、及びプログラム
US7142217B2 (en) System and method for synchronizing raster and vector map images
US9110512B2 (en) Interactive input system having a 3D input space
EP2782027A1 (en) Apparatus and method providing augmented reality contents based on web information structure
WO2016051366A2 (en) Switching between the real world and virtual reality
JP2012094138A (ja) 拡張現実ユーザインタフェース提供装置および方法
KR20220008353A (ko) 스마트 인터랙티브 태블릿의 제어 방법 및 장치
KR20160062056A (ko) 모바일 디바이스 상에 실제 환경의 뷰에서 관심 지점을 나타내기 위한 방법 및 그것을 위한 모바일 디바이스
JP6493471B2 (ja) ビデオ再生方法、計算処理システム、及びビデオ再生プログラム
Tatzgern et al. Exploring real world points of interest: Design and evaluation of object-centric exploration techniques for augmented reality
JP6597259B2 (ja) プログラム、情報処理装置、画像表示方法、画像処理システム
KR20230010759A (ko) 전자 디바이스의 현재 위치를 보고 리파인하기 위한 사용자 인터페이스들
US11243678B2 (en) Method of panning image
KR101909994B1 (ko) 나노블럭을 이용한 3d 증강현실 서비스 제공 방법
CN115115812A (zh) 虚拟场景的显示方法、装置及存储介质
JP4550460B2 (ja) コンテンツ表現制御装置およびコンテンツ表現制御プログラム
CN110574001A (zh) 一种对所显示的内容的板块进行导航的方法
JP2014010781A (ja) 表示装置、表示方法、制御プログラム、および、記録媒体
Mossman et al. Mobile augmented reality for adding detailed multimedia content to historical physicalizations
JP2009259254A (ja) コンテンツ表現制御装置、コンテンツ表現制御システム、コンテンツ表現制御用基準物体およびコンテンツ表現制御プログラム
JP4330637B2 (ja) 携帯機器
JP4683560B2 (ja) 電子黒板システムにおける描画オブジェクトの隠蔽処理方法及び電子黒板システム
JP7449437B1 (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