CN114185450A - 鸟瞰图处理方法、装置及电子设备 - Google Patents

鸟瞰图处理方法、装置及电子设备 Download PDF

Info

Publication number
CN114185450A
CN114185450A CN202111210123.4A CN202111210123A CN114185450A CN 114185450 A CN114185450 A CN 114185450A CN 202111210123 A CN202111210123 A CN 202111210123A CN 114185450 A CN114185450 A CN 114185450A
Authority
CN
China
Prior art keywords
area
aerial view
bird
touch
aerial
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
Application number
CN202111210123.4A
Other languages
English (en)
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.)
Beijing Honghe Aixue Education Technology Co ltd
Original Assignee
Beijing Honghe Aixue Education 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 Beijing Honghe Aixue Education Technology Co ltd filed Critical Beijing Honghe Aixue Education Technology Co ltd
Priority to CN202111210123.4A priority Critical patent/CN114185450A/zh
Priority to US17/577,429 priority patent/US11669234B2/en
Publication of CN114185450A publication Critical patent/CN114185450A/zh
Pending legal-status Critical Current

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/0416Control or interface arrangements specially adapted for digitisers
    • 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/0416Control or interface arrangements specially adapted for digitisers
    • G06F3/0418Control or interface arrangements specially adapted for digitisers for error correction or compensation, e.g. based on parallax, calibration or alignment
    • 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/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • 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
    • G06F3/04845Interaction 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
    • 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
    • G06F3/0485Scrolling or panning
    • 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
    • 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
    • G06F3/04883Interaction 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 for inputting data by handwriting, e.g. gesture or text
    • 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
    • G06F3/04886Interaction 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 by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048Indexing scheme relating to G06F3/048
    • G06F2203/04803Split screen, i.e. subdividing the display area or the window area into separate subareas
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048Indexing scheme relating to G06F3/048
    • G06F2203/04806Zoom, i.e. interaction techniques or interactors for controlling the zooming operation

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)

Abstract

本申请提供一种鸟瞰图处理方法、装置及电子设备。所述方法包括:接收显示屏幕中对主图像的第一触控操作指令;确定所述第一触控操作指令相应的第一触控轨迹是否进入遮挡感应区域;若所述第一触控轨迹未进入所述遮挡感应区域,将所述主图像的鸟瞰图设置在第一鸟瞰区域进行显示;若所述第一触控轨迹进入所述遮挡感应区域,将所述鸟瞰图从所述第一鸟瞰区域移动至第二鸟瞰区域进行显示或将所述鸟瞰图隐藏。通过上述方式,能够灵活消除界面元素对展现效果的影响,减少遮挡效应。

Description

鸟瞰图处理方法、装置及电子设备
技术领域
本申请涉及大屏显示设备技术领域,尤其涉及一种鸟瞰图处理方法、装置及电子设备。
背景技术
数字化交互大屏显示设备,是信息化教学的必备设备之一,是将传统黑板教学与现代电子信息技术相结合的产物,能够在教育教学工作提供多种方便灵活的交互展示功能。
在一些应用场景下,用户会对数字化交互大屏显示设备所展示的图像进行放大展示,当图像超过屏幕大小,无法看到实际图像的全貌,给移动图像带来困难。为了方便移动图像向学生展示不同方位图像的细节,用户界面会提供一个鸟瞰图,鸟瞰图作用和地图类似,用以显示图像的全部内容缩影。但是鸟瞰图需要占用一定的屏幕面积,会对图像造成遮挡,有时也对用户的触控操作造成影响。
发明内容
有鉴于此,本申请的目的在于提出一种鸟瞰图处理方法、装置及电子设备。
基于上述目的,在第一方面,本申请提供了一种鸟瞰图处理方法,包括:
接收显示屏幕中对主图像的第一触控操作指令;
确定所述第一触控操作指令相应的第一触控轨迹是否进入遮挡感应区域;
若所述第一触控轨迹未进入所述遮挡感应区域,将所述主图像的鸟瞰图设置在第一鸟瞰区域进行显示;
若所述第一触控轨迹进入所述遮挡感应区域,将所述鸟瞰图从所述第一鸟瞰区域移动至第二鸟瞰区域进行显示或将所述鸟瞰图隐藏;
其中,所述遮挡感应区域包括所述第一鸟瞰区域。
可选的,所述确定所述第一触控操作指令相应的第一触控轨迹是否进入遮挡感应区域,进一步包括:
确定所述遮挡感应区域的边界坐标数据;
根据所述第一触控操作指令确定所述第一触控轨迹中多个触控点的点坐标数据;
将所述点坐标数据与所述边界坐标数据进行对比以确定所述遮挡感应区域内是否存在所述触控点;
若所述遮挡感应区域内不存在所述触控点,则确定所述第一触控轨迹未进入所述遮挡感应区域;
若所述遮挡感应区域内存在所述触控点,则确定所述第一触控轨迹进入所述遮挡感应区域。
可选的,所述第二鸟瞰区域设置在所述遮挡感应区域,且所述第二鸟瞰区域的尺寸小于所述第一鸟瞰区域的尺寸;
所述若所述第一触控轨迹进入所述遮挡感应区域,将所述鸟瞰图从所述第一鸟瞰区域移动至第二鸟瞰区域进行显示,包括:
若所述第一触控轨迹进入所述遮挡感应区域,调整所述鸟瞰图的尺寸与所述第二鸟瞰区域的尺寸相匹配,以将所述鸟瞰图从所述第一鸟瞰区域移动至第二鸟瞰区域进行显示。
可选的,所述若所述第一触控轨迹进入所述遮挡感应区域,调整所述鸟瞰图的尺寸与所述第二鸟瞰区域的尺寸相匹配,以将所述鸟瞰图从所述第一鸟瞰区域移动至第二鸟瞰区域进行显示,进一步包括:
根据所述第一鸟瞰区域的位置与所述第二鸟瞰区域的位置确定所述鸟瞰图的第一移动路径;
根据所述第一移动路径为所述鸟瞰图创建第一移动动画,所述第一移动动画包括多个第一动画帧;多个所述第一动画帧的位置均位于所述第一移动路径上;多个所述第一动画帧的尺寸沿第一移动路径方向减小;所述第一移动路径方向为所述第一鸟瞰图区域指向所述第二鸟瞰图区域的方向;
根据多个所述第一动画帧在所述第一移动路径上的位置将所述鸟瞰图从所述第一鸟瞰区域移动至第二鸟瞰区域进行显示。
可选的,在将所述鸟瞰图从所述第一鸟瞰区域移动至第二鸟瞰区域进行显示之后还包括:
接收对所述主图像的第二触控操作指令,确定相应的第二触控轨迹;
若所述第二触控轨迹未进入所述遮挡感应区域,调整所述鸟瞰图的尺寸与所述第一鸟瞰区域的尺寸相匹配,以将所述鸟瞰图从所述第二鸟瞰区域移动至所述第一鸟瞰区域进行显示。
可选的,所述若所述第二触控轨迹未进入所述遮挡感应区域,调整所述鸟瞰图的尺寸与所述第二鸟瞰区域的尺寸相匹配,以将所述鸟瞰图从所述第二鸟瞰区域移动至第一鸟瞰区域进行显示,进一步包括:
根据所述第二鸟瞰区域的位置与所述第一鸟瞰区域的位置确定所述鸟瞰图的第二移动路径;
根据所述第二移动路径为所述鸟瞰图创建第二移动动画,所述第二移动动画包括多个第二动画帧;多个所述第二动画帧的位置均位于所述第二移动路径上;多个所述第二动画帧的尺寸沿第二移动路径方向增大;所述第二移动路径方向为所述第二鸟瞰图区域指向所述第一鸟瞰图区域的方向;
根据多个所述第二动画帧在所述第二移动路径上的位置将所述鸟瞰图从所述第二鸟瞰区域移动至所述第一鸟瞰区域进行显示。
可选的,所述方法在将所述鸟瞰图从所述第一鸟瞰区域移动至第二鸟瞰区域进行显示之后还包括:
接收对所述鸟瞰图的触控移动指令,确定相应的触控移动方向;
若所述触控移动方向为从所述第二鸟瞰区域指向所述第一鸟瞰区域,将所述鸟瞰图从所述第二鸟瞰区域移动至所述第一鸟瞰区域进行显示。
可选的,所述方法在接收显示屏幕中对主图像的第一触控操作指令之前还包括:
对所述主图像进行完整度监测以确定所述主图像是否在所述显示屏幕中完整显示;
若所述主图像在所述显示屏幕中完整显示,将所述鸟瞰图隐藏。
基于上述目的,在第二方面,本申请还提供了一种鸟瞰图处理装置,包括:
指令接收模块,用于接收显示屏幕中对主图像的第一触控操作指令;
遮挡判断模块,用以判断所述第一触控操作指令相应的第一触控轨迹是否进入遮挡感应区域;
鸟瞰处理模块,用于在所述第一触控轨迹未进入所述遮挡感应区域时,将所述主图像的鸟瞰图设置在第一鸟瞰区域进行显示;
以及用于在所述第一触控轨迹进入所述遮挡感应区域时,将所述鸟瞰图从所述第一鸟瞰区域移动至第二鸟瞰区域进行显示或将所述鸟瞰图隐藏;
其中,所述遮挡感应区域包括所述第一鸟瞰区域。
可选的,所述遮挡判断模块,具体用于:
确定所述遮挡感应区域的边界坐标数据;
根据所述第一触控操作指令确定所述第一触控轨迹中多个触控点的点坐标数据;
将所述点坐标数据与所述边界坐标数据进行对比以确定所述遮挡感应区域内是否存在所述触控点;
若所述遮挡感应区域内不存在所述触控点,则确定所述第一触控轨迹未进入所述遮挡感应区域;
若所述遮挡感应区域内存在所述触控点,则确定所述第一触控轨迹进入所述遮挡感应区域。
可选的,所述第二鸟瞰区域设置在所述遮挡感应区域,且所述第二鸟瞰区域的尺寸小于所述第一鸟瞰区域的尺寸;所述鸟瞰处理模块,具体用于:
若所述第一触控轨迹进入所述遮挡感应区域,调整所述鸟瞰图的尺寸与所述第二鸟瞰区域的尺寸相匹配,以将所述鸟瞰图从所述第一鸟瞰区域移动至第二鸟瞰区域进行显示。
可选的,所述鸟瞰处理模块,具体用于:
根据所述第一鸟瞰区域的位置与所述第二鸟瞰区域的位置确定所述鸟瞰图的第一移动路径;
根据所述第一移动路径为所述鸟瞰图创建第一移动动画,所述第一移动动画包括多个第一动画帧;多个所述第一动画帧的位置均位于所述第一移动路径上;多个所述第一动画帧的尺寸沿第一移动路径方向减小;所述第一移动路径方向为所述第一鸟瞰图区域指向所述第二鸟瞰图区域的方向;
根据多个所述第一动画帧在所述第一移动路径上的位置将所述鸟瞰图从所述第一鸟瞰区域移动至第二鸟瞰区域进行显示。
可选的,所述鸟瞰图处理装置,还用于:
接收对所述主图像的第二触控操作指令,确定相应的第二触控轨迹;
若所述第二触控轨迹未进入所述遮挡感应区域,调整所述鸟瞰图的尺寸与所述第一鸟瞰区域的尺寸相匹配,以将所述鸟瞰图从所述第二鸟瞰区域移动至所述第一鸟瞰区域进行显示。
可选的,所述鸟瞰图处理装置,还用于:
根据所述第二鸟瞰区域的位置与所述第一鸟瞰区域的位置确定所述鸟瞰图的第二移动路径;
根据所述第二移动路径为所述鸟瞰图创建第二移动动画,所述第二移动动画包括多个第二动画帧;多个所述第二动画帧的位置均位于所述第二移动路径上;多个所述第二动画帧的尺寸沿第二移动路径方向增大;所述第二移动路径方向为所述第二鸟瞰图区域指向所述第一鸟瞰图区域的方向;
根据多个所述第二动画帧在所述第二移动路径上的位置将所述鸟瞰图从所述第二鸟瞰区域移动至所述第一鸟瞰区域进行显示。
可选的,所述鸟瞰图处理装置,还用于:
接收对所述鸟瞰图的触控移动指令,确定相应的触控移动方向;
若所述触控移动方向为从所述第二鸟瞰区域指向所述第一鸟瞰区域,将所述鸟瞰图从所述第二鸟瞰区域移动至所述第一鸟瞰区域进行显示。
可选的,所述鸟瞰图处理装置,还用于:
对所述主图像进行完整度监测以确定所述主图像是否在所述显示屏幕中完整显示;
若所述主图像在所述显示屏幕中完整显示,将所述鸟瞰图隐藏。
基于上述目的,在第三方面,本申请还提供了一种电子设备。所述电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述程序时实现如第一方面所述的鸟瞰图处理方法。
从上面所述可以看出,本申请提供的一种鸟瞰图处理方法、装置及电子设备,首先接收显示屏幕中对主图像的第一触控操作指令,判断其相应的第一触控轨迹是否进入遮挡感应区域;若未进入所述遮挡感应区域,将所述主图像的鸟瞰图设置在第一鸟瞰区域进行显示,若进入所述遮挡感应区域,将所述鸟瞰图从所述第一鸟瞰区域移动至第二鸟瞰区域进行显示或将所述鸟瞰图隐藏。其中,所述第一鸟瞰区域用于在初始情况下显示鸟瞰图,而所述遮挡感应区域设置为包括所述第一鸟瞰区域,即将所述第一鸟瞰区域包含在内,通过判断第一触控轨迹是否进入遮挡感应区域可以确定鸟瞰图是否会对触控操作后的主图像造成遮挡,若第一触控轨迹进入遮挡感应区域则说明鸟瞰图可能会对触控操作后的主图像造成遮挡,这种情况下就将鸟瞰图移动到另外区域即所述第二鸟瞰区域进行显示或将所述鸟瞰图隐藏。这样的方式能够灵活消除显示屏幕中鸟瞰图元素对触控操作和主图像展现效果的影响,灵活地减少遮挡效应。
附图说明
为了更清楚地说明本申请或相关技术中的技术方案,下面将对实施例或相关技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本申请实施例所提供的一种鸟瞰图处理方法示意图;
图2为本申请实施例所提供的一种鸟瞰图处理方法中显示屏幕示意图;
图3为本申请实施例所提供的一种鸟瞰图处理方法中判断第一触控轨迹是否进入遮挡感应区域的方法示意图;
图4为本申请实施例所提供的一种鸟瞰图处理方法中显示屏幕的又一示意图;
图5为本申请实施例所提供的一种鸟瞰图处理装置结构示意图;
图6为本申请实施例所提供的一种电子设备结构示意图。
具体实施方式
为使本申请的目的、技术方案和优点更加清楚明白,以下结合具体实施例,并参照附图,对本申请进一步详细说明。
需要说明的是,除非另外定义,本申请实施例使用的技术术语或者科学术语应当为本申请所属领域内具有一般技能的人士所理解的通常意义。本申请实施例中使用的“第一”、“第二”以及类似的词语并不表示任何顺序、数量或者重要性,而只是用来区分不同的组成部分。“包括”或者“包含”等类似的词语意指出现该词前面的元件或者物件涵盖出现在该词后面列举的元件或者物件及其等同,而不排除其他元件或者物件。“连接”或者“相连”等类似的词语并非限定于物理的或者机械的连接,而是可以包括电性的连接,不管是直接的还是间接的。“上”、“下”、“左”、“右”等仅用于表示相对位置关系,当被描述对象的绝对位置改变后,则该相对位置关系也可能相应地改变。
在一方面,本申请实施例提供了一种鸟瞰图处理方法。
如图1所述,本申请的一个或多个可选实施例提供的一种鸟瞰图处理方法,包括:
S1:接收显示屏幕中对主图像的第一触控操作指令。
如图2所示,显示屏幕200用于展示主图像,在显示屏幕200上可以通过输入第一触控操作指令对主图像进行触控操作,第一触控操作指令例如可以是对主图像进行放大、缩小、移动等操作,或者是对主图像的部分内容进行框选、在主图像上添加标识、笔迹等。
S2:确定所述第一触控操作指令相应的第一触控轨迹是否进入遮挡感应区域204。
第一触控操作指令相应的第一触控轨迹是对主图像进行触控操作时形成的触控轨迹。在一些场景中,第一触控轨迹为预设的操作手势,例如,放大手势、缩小手势、移动手势等。以放大手势为例,该放大手势用于对主图像中的局部主图像进行放大。放大手势对应的第一触控轨迹位于待放大的局部主图像内,如果第一触控轨迹未进入遮挡感应区域,则鸟瞰图不会对放大后的局部主图像造成遮挡,否则,鸟瞰图存在对局部主图像造成遮挡影响的可能性。在另外一些场景中,第一触控轨迹为用户书写笔迹,例如,对主图像的部分内容进行框选、在主图像上添加标识、笔迹等。在这些场景中,第一触控轨迹显示,如果第一触控轨迹未进入遮挡感应区域,则鸟瞰图不会对第一触控轨迹造成遮挡,否则,鸟瞰图存在对第一触控轨迹造成遮挡影响的可能性。
遮挡感应区域204包括用于显示主图像鸟瞰图的第一鸟瞰区域202,即遮挡感应区域204将第一鸟瞰区域202包含在内,遮挡感应区域204的面积稍大于或者等于第一鸟瞰区域202。图2所示的就是遮挡感应区域204的面积稍大于第一鸟瞰区域202的情况。
在遮挡感应区域204与第一鸟瞰区域202面积相等情况下,遮挡感应区域204和第一鸟瞰区域202刚好完全重合,通过判断第一触控轨迹是否进入遮挡感应区域204可以确定鸟瞰图是否对触控操作后的主图像造成遮挡影响。其中,触控操作后的主图像包括主图像上处于显示状态的第一触控轨迹。例如,触控操作后的主图像包括对部分主图像的框选、批注等。
在遮挡感应区域204面积稍大于第一鸟瞰区域202面积的情况下(如图2所示),若第一触控轨迹进入遮挡感应区域,按照第一触控轨迹的趋势走向来看也很有可能进入第一鸟瞰区域202,鸟瞰图存在对触控操作后的主图像造成遮挡影响的可能性,因此通过判断第一触控轨迹是否进入遮挡感应区域204可以确定鸟瞰图是否存在对触控操作后的主图像造成遮挡影响的可能性。
S3:若所述第一触控轨迹未进入所述遮挡感应区域204,将所述主图像的鸟瞰图设置在第一鸟瞰区域202进行显示。
第一触控轨迹未进入遮挡感应区域204,也就是说触控操作发生在显示屏幕中的其他区域中,将主图像的鸟瞰图设置在第一鸟瞰区域202显示不会对触控操作造成影响。其中,第一鸟瞰区域202可以为鸟瞰图的初始显示区域或默认显示区域。
S4:若所述第一触控轨迹进入所述遮挡感应区域204,将所述鸟瞰图从所述第一鸟瞰区域202移动至第二鸟瞰区域206进行显示或将所述鸟瞰图隐藏。
第一触控轨迹进入遮挡感应区域204,则说明在第一鸟瞰区域202显示的鸟瞰图会对触控操作后的主图像造成遮挡影响或者存在这样的可能性,继续在第一鸟瞰区域202显示鸟瞰图不可取,这种情况下将鸟瞰图移动到第二鸟瞰区域206进行显示。
如图2所示,第二鸟瞰区域206设置在显示屏幕200中遮挡感应区域204之外的其他部分。图中第一鸟瞰区域202、第二鸟瞰区域206分设在屏幕左下角、右下角的位置只是示意性表示,第一鸟瞰区域202的位置可以灵活设置,例如还可以设置在左上角、右上角、靠近显示屏幕200左侧边中间位置或者显示屏幕200中轴线(图2中虚线)偏左的位置等。第二鸟瞰区域206可以相对第一鸟瞰区域202设置在显示屏幕200的另一侧,或者相对第一鸟瞰区域202设置在显示屏幕200对角线的两个对角位置等。
在另外一些实施方式中,如果第一触控轨迹进入遮挡感应区域204也可将鸟瞰图隐藏,避免对触控操作后的主图像造成遮挡。
从上面所述可以看出,本申请提供的一种鸟瞰图处理方法,首先接收显示屏幕200中对主图像的第一触控操作指令,判断其相应的第一触控轨迹是否进入遮挡感应区域204;若未进入所述遮挡感应区域204,将所述主图像的鸟瞰图设置在第一鸟瞰区域202进行显示,若进入所述遮挡感应区域204,将所述鸟瞰图从所述第一鸟瞰区域202移动至第二鸟瞰区域206进行显示或将所述鸟瞰图隐藏。其中,所述第一鸟瞰区域202用于在初始情况下显示鸟瞰图,而所述遮挡感应区域204设置为包括所述第一鸟瞰区域,即将所述第一鸟瞰区域包含在内,通过判断第一触控轨迹是否进入遮挡感应区域可以确定鸟瞰图是否会对触控操作后的主图像造成遮挡,若第一触控轨迹进入遮挡感应区域则说明鸟瞰图可能会对触控操作后的主图像造成遮挡,这种情况下就将鸟瞰图移动到另外区域即所述第二鸟瞰区域进行显示或将所述鸟瞰图隐藏。这样的方式能够灵活消除显示屏幕中鸟瞰图元素对触控操作和主图像展现效果的影响,灵活地减少遮挡效应。
如图3所示,在本申请可选实施例所提供的一种鸟瞰图处理方法中,所述确定所述第一触控操作指令相应的第一触控轨迹是否进入遮挡感应区域,进一步包括:
S301:确定遮挡感应区域204的边界坐标数据。
可以在显示屏幕200选取一参考点为原点建立直角坐标系,这样显示屏幕200中的所有点都可以用坐标数据来表示,例如可以将显示屏幕200的左下顶点作为原点,下侧边所在直线作为横坐标轴,左侧边所在直线作为纵坐标轴,由此即可确定遮挡感应区域204的边界坐标数据。边界坐标数据包括遮挡感应区域204的所有边界点的坐标数据,其中比较重要的是遮挡感应区域204的四个顶点坐标,可以分别表示为(0,0),(0,sy),(sx,0),(sx,sy),进而可以确定遮挡感应区域204的横坐标取值范围为[0,sx],纵坐标的取值范围为[0,sy]。边界坐标数据还包括遮挡感应区域204的横坐标取值范围[0,sx]与纵坐标取值范围[0,sy]。
S302:根据第一触控操作指令确定第一触控轨迹中多个触控点的点坐标数据。
同样的可以在显示屏幕200的直角坐标系中确定第一触控轨迹的多个触控点的点坐标数据,一个触控点的点坐标数据可表示为(cx,cy)。
S303:将所述点坐标数据与所述边界坐标数据进行对比以确定所述遮挡感应区域内是否存在所述触控点。
可以将触控点的点坐标数据的横纵坐标数据分别和遮挡感应区域204的横坐标取值范围[0,sx]与纵坐标取值范围[0,sy]进行对比,若触控点横坐标cx属于横坐标取值范围[0,sx]且触控点纵坐标cy属于纵坐标取值范围[0,sy],则可以确定该触控点(cx,cy)落入遮挡感应区域204中,遮挡感应区域204内存在触控点。
S304:若所述遮挡感应区域内不存在所述触控点,则确定所述第一触控轨迹未进入所述遮挡感应区域。
S305:若所述遮挡感应区域内存在所述触控点,则确定所述第一触控轨迹进入所述遮挡感应区域。
在上述实施例中,通过第一触控轨迹中的触控点的点坐标数据与遮挡感应区域的边界坐标数据进行比对,确定第一触控轨迹是否进入遮挡感应区域,由于遮挡感应区域的边界坐标数据可以界定遮挡感应区域和非遮挡感应区域,因此,通过上述方式可以准确判断第一触控轨迹是否进入遮挡感应区域。
在其他一些实施例中,也可以每产生一个触控点便于边界坐标数据进行一次比对,便于在第一触控轨迹上有触控点刚开始进入遮挡感应区域时就对鸟瞰图进行移动,避免遮挡。
如图4所示,在本申请一些可选实施例中,第二鸟瞰区域206可以设置在遮挡感应区域204中,第二鸟瞰区域206的尺寸小于第一鸟瞰区域202。在将鸟瞰图从第一鸟瞰区域202移动至第二鸟瞰区域206的同时还调整鸟瞰图的尺寸,使之与第二鸟瞰区域206的尺寸相匹配。
鸟瞰图从第一鸟瞰区域202移动至第二鸟瞰区域206的过程可以采用动画形式来展示。
在本申请可选实施例所提供的一种鸟瞰图处理方法中,所述将所述鸟瞰图从所述第一鸟瞰区域移动至第二鸟瞰区域进行显示,进一步包括:
以所述第一鸟瞰区域的中心点为起点,以所述第二鸟瞰区域的中心点为终点,确定所述鸟瞰图的中心点的移动路径。
在一些可选实施例中还可以选取右上顶点、左上顶点、右下顶点、左下顶点等关键点作为鸟瞰图的移动定位锚点。移动定位锚点的作用是在鸟瞰图移动过程中进行位置定位,确定鸟瞰图中一点的位置即可以确定鸟瞰图的具***置。例如,选取右上顶点作为移动定位锚点,则分别以第一鸟瞰区域、第二鸟瞰区域的右上顶点为起点和终点,来确定鸟瞰图右上顶点的移动路径,相应的鸟瞰图移动过程中鸟瞰图的右上顶点始终位于所述移动路径。同样的以左上顶点为移动定位锚点时,鸟瞰图的左上顶点始终位于相应的移动路径。具体选取哪一关键顶为移动定位锚点可以根据实际情况进行灵活设定。
根据所述移动路径为所述鸟瞰图创建移动动画,所述移动动画包括多个动画帧,每一动画帧中鸟瞰图的显示位置都会发生变化,但多个所述动画帧中所述鸟瞰图的中心点均位于所述移动路径,也就是说移动动画的动画效果就是鸟瞰图沿着移动路径从第一鸟瞰区域移动到第二鸟瞰区域。
每两个相邻动画帧之间的动画帧时差相同,相同的动画帧时差鸟瞰图中心点的移动距离相同,也就是所多个动画帧中鸟瞰图的中心点等距分布在所述移动路径上。
相邻两所述动画帧中所述鸟瞰图的中心点的移动距离根据移动动画时长与动画帧时差确定:
Figure BDA0003308616970000111
其中,l表示所述移动距离,Δt表示动画帧时差,T表示所述移动动画时长,L表示所述移动路径的总长度。在两相邻动画帧的动画帧时差Δt期间,显示屏幕可以响应第一触控操作指令,对主图像进行相应的操作或调整,这样的方式保证显示屏幕对第一触控操作指令的响应及时性,不会因为移动动画对显示屏幕的主要功能造成影响。
例如,移动动画时长T可以设定为0.3s,动画帧时差Δt则可以设定为30ms,相邻两所述动画帧中所述鸟瞰图的中心点的移动距离为:
Figure BDA0003308616970000112
在移动鸟瞰的同时还对鸟瞰图的尺寸进行调整,体现在移动动画中,多个动画帧中的鸟瞰图的尺寸可以按照预设的缩减比例缩小,或者按照预设的缩减差值缩小,也就是说多个动画帧中鸟瞰图的尺寸数据构成等差数列或动笔数列。
预设缩减比例
Figure BDA0003308616970000121
则每一帧动画帧中鸟瞰图的尺寸大小就是前一帧动画帧中鸟瞰图尺寸相乘该预设缩减比例
Figure BDA0003308616970000122
移动动画中共有n帧动画帧,从第二帧开始到最后一帧,鸟瞰图尺寸相较于初始尺寸缩减了(n-1)次,最后移动到第二鸟瞰区域206时,鸟瞰图尺寸为最初尺寸的
Figure BDA0003308616970000123
倍,第二鸟瞰区域206的尺寸也是第一鸟瞰区域202尺寸的
Figure BDA0003308616970000124
倍。其中,预设缩减比例
Figure BDA0003308616970000125
的值可以根据实际情况进行灵活设定。
预设缩减差值ρ,则每一帧动画帧中鸟瞰图的尺寸大小就是前一帧动画帧中鸟瞰图尺寸减去该预设缩减差值ρ。移动动画中共有n帧动画帧,从第二帧开始到最后一帧,鸟瞰图尺寸相较于初始尺寸缩减了(n-1)次,最后移动到第二鸟瞰区域206时,鸟瞰图尺寸为最初尺寸减去ρ(n-1).
在一些可选实施例,还可以按照预设的递减数列对多个动画帧中鸟瞰图的尺寸数据进行设置。例如预设递减数列可以为(1.00,0.98,0.94,0.88,0.80,0.70,0.58,0.44,0.42,0.40)。预设递减数列中的具体尺寸比例数据可以根据实际动画效果进行灵活设定,以使整个动画过程中鸟瞰图缩小过程视觉效果更佳。
所述鸟瞰图处理方法在将鸟瞰图移动之后还可以将鸟瞰图恢复至第一鸟瞰区域显示。本申请可选实施例所提供的一种鸟瞰图处理方法,在将所述鸟瞰图从所述第一鸟瞰区域移动至第二鸟瞰区域进行显示之后还包括:
接收对所述主图像的第二触控操作指令,确定相应的第二触控轨迹;
若所述第二触控轨迹未进入所述遮挡感应区域,将所述鸟瞰图从所述第二鸟瞰区域移动至所述第一鸟瞰区域进行显示;
移动所述鸟瞰图时,还调整所述鸟瞰图的尺寸与所述第一鸟瞰区域的尺寸相匹配。
鸟瞰图从第二鸟瞰区域206移动至第一鸟瞰区域202的过程也可以采用动画形式展示。其相应的移动动画中,移动路径的起点是第二鸟瞰区域206的中心点,终点是第一鸟瞰区域202的中心点。
同样的,在一些可选实施例中也可以选取右上顶点、左上顶点、右下顶点、左下顶点等关键点作为鸟瞰图的移动定位锚点来确定将所述鸟瞰图从所述第二鸟瞰区域移动至所述第一鸟瞰区域的移动路径。
同样的,在将鸟瞰图从第二鸟瞰区域206移动至第一鸟瞰区域202的移动动画中,每两个相邻动画帧之间的动画帧时差相同,相同的动画帧时差鸟瞰图中心点的移动距离相同,也就是所多个动画帧中鸟瞰图的中心点等距分布在所述移动路径上。
在移动鸟瞰的同时还对鸟瞰图的尺寸进行调整,体现在移动动画中,多个动画帧中的鸟瞰图的尺寸可以按照预设的缩减比例放大,或者按照预设的缩减差值放大,也就是说多个动画帧中鸟瞰图的尺寸数据构成等差数列或动笔数列。通过多个动画帧放大之后,鸟瞰图移动至第一鸟瞰区域显示时,鸟瞰图尺寸就和第一鸟瞰区域的尺寸相匹配。
在一些实施例中,可以选取还可以按照预设的递增数列对将鸟瞰图从第二鸟瞰区域206移动至第一鸟瞰区域202的移动动画中多个动画帧中鸟瞰图的尺寸数据进行设置。例如预设递减数列可以为(0.40,0.42,0.48,0.54,0.62,0.72,0.84,0.98,0.99,1.00)。预设递增数列中的具体尺寸比例数据可以根据实际动画效果进行灵活设定,以使整个动画过程中鸟瞰图放大过程视觉效果更佳。
所述鸟瞰图处理方法在将鸟瞰图移动之后还可以将鸟瞰图恢复至第一鸟瞰区域显示。本申请可选实施例所提供的一种鸟瞰图处理方法,在将所述鸟瞰图从所述第一鸟瞰区域移动至第二鸟瞰区域进行显示之后还包括:
接收对所述鸟瞰图的触控移动指令,确定相应的触控移动方向。
其中,对鸟瞰图的触控移动指令相应的触控操作为在鸟瞰图位置按下并拖动,其相应的触控移动方向为拖动轨迹方向。
若所述触控移动方向为从所述第二鸟瞰区域指向所述第一鸟瞰区域,将所述鸟瞰图从所述第二鸟瞰区域移动至所述第一鸟瞰区域进行显示。
鸟瞰图的作用是主图像超过显示屏幕大小时显示主图像的全部内容缩影。而在主图像的大小不超过显示屏幕大小时主图像完整的小时在显示屏幕中,这种情况下无需提供鸟瞰图。
本申请可选实施例所提供的一种鸟瞰图处理方法,在接收显示屏幕中对主图像的第一触控操作指令之前还包括:
对所述主图像进行完整度监测以确定所述主图像是否在所述显示屏幕中完整显示。
可以通过计算确定主图像面积,将主图像面积与显示屏幕面积进行对比。若主图像面积小于显示屏幕面积则可以认定主图像在显示屏幕中完整显示。
或者,可以将主图像的边界选定多个边界标识点(例如可以是主图像的四个顶点),实时判断多个边界标识点是否都在显示屏幕中显示。若全部边界标识点都能在显示屏幕中显示,则认定主图像在显示屏幕中完整显示。若存在部分边界表示点未能显示在显示屏幕中,则说明主图像部分缺失,未能完整显示。
若所述主图像在所述显示屏幕中完整显示,将所述鸟瞰图隐藏。
需要说明的是,本公开实施例的方法可以由单个设备执行,例如一台计算机或服务器等。本实施例的方法也可以应用于分布式场景下,由多台设备相互配合来完成。在这种分布式场景的情况下,这多台设备中的一台设备可以只执行本公开实施例的方法中的某一个或多个步骤,这多台设备相互之间会进行交互以完成所述的方法。
需要说明的是,上述对本公开的一些实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下,在权利要求书中记载的动作或步骤可以按照不同于上述实施例中的顺序来执行并且仍然可以实现期望的结果。另外,在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中,多任务处理和并行处理也是可以的或者可能是有利的。
基于同一发明构思,与上述任意实施例方法相对应的,本公开还提供了一种鸟瞰图处理装置。
参考图5所示,所述鸟瞰图处理装置500,包括:
指令接收模块502,用于接收显示屏幕中对主图像的第一触控操作指令;
遮挡判断模块504,用以判断所述第一触控操作指令相应的第一触控轨迹是否进入遮挡感应区域;
鸟瞰处理模块506,用于在所述第一触控轨迹未进入所述遮挡感应区域时,将所述主图像的鸟瞰图设置在第一鸟瞰区域进行显示或将所述鸟瞰图隐藏;
以及用于在所述第一触控轨迹进入所述遮挡感应区域时,将所述鸟瞰图从所述第一鸟瞰区域移动至第二鸟瞰区域进行显示或将所述鸟瞰图隐藏;
其中,所述遮挡感应区域包括所述第一鸟瞰区域。
在一些实施例中,所述遮挡判断模块504,具体用于:
确定所述遮挡感应区域的边界坐标数据;
根据所述第一触控操作指令确定所述第一触控轨迹中多个触控点的点坐标数据;
将所述点坐标数据与所述边界坐标数据进行对比以确定所述遮挡感应区域内是否存在所述触控点;
若所述遮挡感应区域内不存在所述触控点,则确定所述第一触控轨迹未进入所述遮挡感应区域;
若所述遮挡感应区域内存在所述触控点,则确定所述第一触控轨迹进入所述遮挡感应区域。
在一些实施例中,所述第二鸟瞰区域设置在所述遮挡感应区域,且所述第二鸟瞰区域的尺寸小于所述第一鸟瞰区域的尺寸;所述鸟瞰处理模块506,具体用于:
若所述第一触控轨迹进入所述遮挡感应区域,调整所述鸟瞰图的尺寸与所述第二鸟瞰区域的尺寸相匹配,以将所述鸟瞰图从所述第一鸟瞰区域移动至第二鸟瞰区域进行显示。
在一些实施例中,所述鸟瞰处理模块506,具体用于:
根据所述第一鸟瞰区域的位置与所述第二鸟瞰区域的位置确定所述鸟瞰图的第一移动路径;
根据所述第一移动路径为所述鸟瞰图创建第一移动动画,所述第一移动动画包括多个第一动画帧;多个所述第一动画帧的位置均位于所述第一移动路径上;多个所述第一动画帧的尺寸沿第一移动路径方向减小;所述第一移动路径方向为所述第一鸟瞰图区域指向所述第二鸟瞰图区域的方向;
根据多个所述第一动画帧在所述第一移动路径上的位置将所述鸟瞰图从所述第一鸟瞰区域移动至第二鸟瞰区域进行显示。
在一些实施例中,所述鸟瞰图处理装置500,还用于:
接收对所述主图像的第二触控操作指令,确定相应的第二触控轨迹;
若所述第二触控轨迹未进入所述遮挡感应区域,调整所述鸟瞰图的尺寸与所述第一鸟瞰区域的尺寸相匹配,以将所述鸟瞰图从所述第二鸟瞰区域移动至所述第一鸟瞰区域进行显示。
在一些实施例中,所述鸟瞰图处理装置500,还用于:
根据所述第二鸟瞰区域的位置与所述第一鸟瞰区域的位置确定所述鸟瞰图的第二移动路径;
根据所述第二移动路径为所述鸟瞰图创建第二移动动画,所述第二移动动画包括多个第二动画帧;多个所述第二动画帧的位置均位于所述第二移动路径上;多个所述第二动画帧的尺寸沿第二移动路径方向增大;所述第二移动路径方向为所述第二鸟瞰图区域指向所述第一鸟瞰图区域的方向;
根据多个所述第二动画帧在所述第二移动路径上的位置将所述鸟瞰图从所述第二鸟瞰区域移动至所述第一鸟瞰区域进行显示。
在一些实施例中,所述鸟瞰图处理装置500,还用于:
接收对所述鸟瞰图的触控移动指令,确定相应的触控移动方向;
若所述触控移动方向为从所述第二鸟瞰区域指向所述第一鸟瞰区域,将所述鸟瞰图从所述第二鸟瞰区域移动至所述第一鸟瞰区域进行显示。
在一些实施例中,所述鸟瞰图处理装置500,还用于:
对所述主图像进行完整度监测以确定所述主图像是否在所述显示屏幕中完整显示;
若所述主图像在所述显示屏幕中完整显示,将所述鸟瞰图隐藏。
为了描述的方便,描述以上装置时以功能分为各种模块分别描述。当然,在实施本公开时可以把各模块的功能在同一个或多个软件和/或硬件中实现。
上述实施例的装置用于实现前述任一实施例中相应的瞰图显示方法,并且具有相应的方法实施例的有益效果,在此不再赘述。
基于同一发明构思,与上述任意实施例方法相对应的,本申请还提供了一种电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述程序时实现上任意一实施例所述的鸟瞰图处理方法。
图6示出了本实施例所提供的一种更为具体的电子设备硬件结构示意图,该设备可以包括:处理器1010、存储器1020、输入/输出接口1030、通信接口1040和总线1050。其中处理器1010、存储器1020、输入/输出接口1030和通信接口1040通过总线1050实现彼此之间在设备内部的通信连接。
处理器1010可以采用通用的CPU(Central Processing Unit,中央处理器)、微处理器、应用专用集成电路(Application Specific Integrated Circuit,ASIC)、或者一个或多个集成电路等方式实现,用于执行相关程序,以实现本说明书实施例所提供的技术方案。
存储器1020可以采用ROM(Read Only Memory,只读存储器)、RAM(Random AccessMemory,随机存取存储器)、静态存储设备,动态存储设备等形式实现。存储器1020可以存储操作***和其他应用程序,在通过软件或者固件来实现本说明书实施例所提供的技术方案时,相关的程序代码保存在存储器1020中,并由处理器1010来调用执行。
输入/输出接口1030用于连接输入/输出模块,以实现信息输入及输出。输入输出/模块可以作为组件配置在设备中(图中未示出),也可以外接于设备以提供相应功能。其中输入设备可以包括键盘、鼠标、触摸屏、麦克风、各类传感器等,输出设备可以包括显示器、扬声器、振动器、指示灯等。
通信接口1040用于连接通信模块(图中未示出),以实现本设备与其他设备的通信交互。其中通信模块可以通过有线方式(例如USB、网线等)实现通信,也可以通过无线方式(例如移动网络、WIFI、蓝牙等)实现通信。
总线1050包括一通路,在设备的各个组件(例如处理器1010、存储器1020、输入/输出接口1030和通信接口1040)之间传输信息。
需要说明的是,尽管上述设备仅示出了处理器1010、存储器1020、输入/输出接口1030、通信接口1040以及总线1050,但是在具体实施过程中,该设备还可以包括实现正常运行所必需的其他组件。此外,本领域的技术人员可以理解的是,上述设备中也可以仅包含实现本说明书实施例方案所必需的组件,而不必包含图中所示的全部组件。
上述实施例的电子设备用于实现前述任一实施例中相应的鸟瞰图处理方法,并且具有相应的方法实施例的有益效果,在此不再赘述。
基于同一发明构思,与上述任意实施例方法相对应的,本申请还提供了一种非暂态计算机可读存储介质,所述非暂态计算机可读存储介质存储计算机指令,所述计算机指令用于使所述计算机执行如上任一实施例所述的鸟瞰图处理方法。
本实施例的计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。
上述实施例的存储介质存储的计算机指令用于使所述计算机执行如上任一实施例所述的鸟瞰图处理方法,并且具有相应的方法实施例的有益效果,在此不再赘述。
所属领域的普通技术人员应当理解:以上任何实施例的讨论仅为示例性的,并非旨在暗示本申请的范围(包括权利要求)被限于这些例子;在本申请的思路下,以上实施例或者不同实施例中的技术特征之间也可以进行组合,步骤可以以任意顺序实现,并存在如上所述的本申请实施例的不同方面的许多其它变化,为了简明它们没有在细节中提供。
另外,为简化说明和讨论,并且为了不会使本申请实施例难以理解,在所提供的附图中可以示出或可以不示出与集成电路(IC)芯片和其它部件的公知的电源/接地连接。此外,可以以框图的形式示出装置,以便避免使本申请实施例难以理解,并且这也考虑了以下事实,即关于这些框图装置的实施方式的细节是高度取决于将要实施本申请实施例的平台的(即,这些细节应当完全处于本领域技术人员的理解范围内)。在阐述了具体细节(例如,电路)以描述本申请的示例性实施例的情况下,对本领域技术人员来说显而易见的是,可以在没有这些具体细节的情况下或者这些具体细节有变化的情况下实施本申请实施例。因此,这些描述应被认为是说明性的而不是限制性的。
尽管已经结合了本申请的具体实施例对本申请进行了描述,但是根据前面的描述,这些实施例的很多替换、修改和变型对本领域普通技术人员来说将是显而易见的。例如,其它存储器架构(例如,动态RAM(DRAM))可以使用所讨论的实施例。
本申请实施例旨在涵盖落入所附权利要求的宽泛范围之内的所有这样的替换、修改和变型。因此,凡在本申请实施例的精神和原则之内,所做的任何省略、修改、等同替换、改进等,均应包含在本申请的保护范围之内。

Claims (10)

1.一种鸟瞰图处理方法,其特征在于,包括:
接收显示屏幕中对主图像的第一触控操作指令;
确定所述第一触控操作指令相应的第一触控轨迹是否进入遮挡感应区域;
若所述第一触控轨迹未进入所述遮挡感应区域,将所述主图像的鸟瞰图设置在第一鸟瞰区域进行显示;
若所述第一触控轨迹进入所述遮挡感应区域,将所述鸟瞰图从所述第一鸟瞰区域移动至第二鸟瞰区域进行显示或将所述鸟瞰图隐藏;
其中,所述遮挡感应区域包括所述第一鸟瞰区域。
2.根据权利要求1所述的方法,其特征在于,所述确定所述第一触控操作指令相应的第一触控轨迹是否进入遮挡感应区域,进一步包括:
确定所述遮挡感应区域的边界坐标数据;
根据所述第一触控操作指令确定所述第一触控轨迹中多个触控点的点坐标数据;
将所述点坐标数据与所述边界坐标数据进行对比以确定所述遮挡感应区域内是否存在所述触控点;
若所述遮挡感应区域内不存在所述触控点,则确定所述第一触控轨迹未进入所述遮挡感应区域;
若所述遮挡感应区域内存在所述触控点,则确定所述第一触控轨迹进入所述遮挡感应区域。
3.根据权利要求1所述的方法,其特征在于,所述第二鸟瞰区域设置在所述遮挡感应区域,且所述第二鸟瞰区域的尺寸小于所述第一鸟瞰区域的尺寸;
所述若所述第一触控轨迹进入所述遮挡感应区域,将所述鸟瞰图从所述第一鸟瞰区域移动至第二鸟瞰区域进行显示,包括:
若所述第一触控轨迹进入所述遮挡感应区域,调整所述鸟瞰图的尺寸与所述第二鸟瞰区域的尺寸相匹配,以将所述鸟瞰图从所述第一鸟瞰区域移动至第二鸟瞰区域进行显示。
4.根据权利要求3所述的方法,其特征在于,所述若所述第一触控轨迹进入所述遮挡感应区域,调整所述鸟瞰图的尺寸与所述第二鸟瞰区域的尺寸相匹配,以将所述鸟瞰图从所述第一鸟瞰区域移动至第二鸟瞰区域进行显示,进一步包括:
根据所述第一鸟瞰区域的位置与所述第二鸟瞰区域的位置确定所述鸟瞰图的第一移动路径;
根据所述第一移动路径为所述鸟瞰图创建第一移动动画,所述第一移动动画包括多个第一动画帧;多个所述第一动画帧的位置均位于所述第一移动路径上;多个所述第一动画帧的尺寸沿第一移动路径方向减小;所述第一移动路径方向为所述第一鸟瞰图区域指向所述第二鸟瞰图区域的方向;
根据多个所述第一动画帧在所述第一移动路径上的位置将所述鸟瞰图从所述第一鸟瞰区域移动至第二鸟瞰区域进行显示。
5.根据权利要求3所述的方法,其特征在于,在将所述鸟瞰图从所述第一鸟瞰区域移动至第二鸟瞰区域进行显示之后还包括:
接收对所述主图像的第二触控操作指令,确定相应的第二触控轨迹;
若所述第二触控轨迹未进入所述遮挡感应区域,调整所述鸟瞰图的尺寸与所述第一鸟瞰区域的尺寸相匹配,以将所述鸟瞰图从所述第二鸟瞰区域移动至所述第一鸟瞰区域进行显示。
6.根据权利要求5所述的方法,其特征在于,所述若所述第二触控轨迹未进入所述遮挡感应区域,调整所述鸟瞰图的尺寸与所述第二鸟瞰区域的尺寸相匹配,以将所述鸟瞰图从所述第二鸟瞰区域移动至第一鸟瞰区域进行显示,进一步包括:
根据所述第二鸟瞰区域的位置与所述第一鸟瞰区域的位置确定所述鸟瞰图的第二移动路径;
根据所述第二移动路径为所述鸟瞰图创建第二移动动画,所述第二移动动画包括多个第二动画帧;多个所述第二动画帧的位置均位于所述第二移动路径上;多个所述第二动画帧的尺寸沿第二移动路径方向增大;所述第二移动路径方向为所述第二鸟瞰图区域指向所述第一鸟瞰图区域的方向;
根据多个所述第二动画帧在所述第二移动路径上的位置将所述鸟瞰图从所述第二鸟瞰区域移动至所述第一鸟瞰区域进行显示。
7.根据权利要求1-6任一项所述的方法,其特征在于,在将所述鸟瞰图从所述第一鸟瞰区域移动至第二鸟瞰区域进行显示之后还包括:
接收对所述鸟瞰图的触控移动指令,确定相应的触控移动方向;
若所述触控移动方向为从所述第二鸟瞰区域指向所述第一鸟瞰区域,将所述鸟瞰图从所述第二鸟瞰区域移动至所述第一鸟瞰区域进行显示。
8.根据权利要求1-6任意一项所述的方法,其特征在于,在接收显示屏幕中对主图像的第一触控操作指令之前还包括:
对所述主图像进行完整度监测以确定所述主图像是否在所述显示屏幕中完整显示;
若所述主图像在所述显示屏幕中完整显示,将所述鸟瞰图隐藏。
9.一种鸟瞰图处理装置,其特征在于,包括:
指令接收模块,用于接收显示屏幕中对主图像的第一触控操作指令;
遮挡判断模块,用以判断所述第一触控操作指令相应的第一触控轨迹是否进入遮挡感应区域;
鸟瞰处理模块,用于在所述第一触控轨迹未进入所述遮挡感应区域时,将所述主图像的鸟瞰图设置在第一鸟瞰区域进行显示;
以及用于在所述第一触控轨迹进入所述遮挡感应区域时,将所述鸟瞰图从所述第一鸟瞰区域移动至第二鸟瞰区域进行显示或将所述鸟瞰图隐藏;
其中,所述遮挡感应区域包括所述第一鸟瞰区域。
10.一种电子设备,其特征在于,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述程序时实现如权利要求1至8任意一项所述的方法。
CN202111210123.4A 2021-10-18 2021-10-18 鸟瞰图处理方法、装置及电子设备 Pending CN114185450A (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN202111210123.4A CN114185450A (zh) 2021-10-18 2021-10-18 鸟瞰图处理方法、装置及电子设备
US17/577,429 US11669234B2 (en) 2021-10-18 2022-01-18 Method for processing aerial view, electronic device, and storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202111210123.4A CN114185450A (zh) 2021-10-18 2021-10-18 鸟瞰图处理方法、装置及电子设备

Publications (1)

Publication Number Publication Date
CN114185450A true CN114185450A (zh) 2022-03-15

Family

ID=80539827

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202111210123.4A Pending CN114185450A (zh) 2021-10-18 2021-10-18 鸟瞰图处理方法、装置及电子设备

Country Status (2)

Country Link
US (1) US11669234B2 (zh)
CN (1) CN114185450A (zh)

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103853476A (zh) * 2012-12-04 2014-06-11 联想(北京)有限公司 一种信息处理的方法及电子设备
US20150193040A1 (en) * 2014-01-03 2015-07-09 Microsoft Corporation Hover Angle
CN107426412A (zh) * 2017-06-09 2017-12-01 网易(杭州)网络有限公司 信息处理方法及装置、存储介质、电子设备
CN107509101A (zh) * 2017-08-11 2017-12-22 环球智达科技(北京)有限公司 图片处理方法
CN109375890A (zh) * 2018-09-17 2019-02-22 维沃移动通信有限公司 一种屏幕显示方法和多屏电子设备

Family Cites Families (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP4156214B2 (ja) * 2001-06-13 2008-09-24 株式会社デンソー 車両周辺画像処理装置及び記録媒体
JP2008048364A (ja) * 2006-08-21 2008-02-28 Toshiba Corp 画像表示装置
KR20100013705A (ko) * 2008-07-31 2010-02-10 삼성디지털이미징 주식회사 디지털 영상 처리 장치, 그 제어 방법 및 이를 실행시키기위한 프로그램을 저장한 기록 매체
US8675113B2 (en) * 2012-02-24 2014-03-18 Research In Motion Limited User interface for a digital camera
CN112533021B (zh) * 2019-09-19 2023-04-11 Vidaa(荷兰)国际控股有限公司 一种显示方法及显示设备
CN111026316A (zh) 2019-11-25 2020-04-17 维沃移动通信有限公司 一种图像显示方法及电子设备
CN111957041A (zh) 2020-09-07 2020-11-20 网易(杭州)网络有限公司 一种游戏中的地图查看方法、终端、电子设备及存储介质

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103853476A (zh) * 2012-12-04 2014-06-11 联想(北京)有限公司 一种信息处理的方法及电子设备
US20150193040A1 (en) * 2014-01-03 2015-07-09 Microsoft Corporation Hover Angle
CN107426412A (zh) * 2017-06-09 2017-12-01 网易(杭州)网络有限公司 信息处理方法及装置、存储介质、电子设备
CN107509101A (zh) * 2017-08-11 2017-12-22 环球智达科技(北京)有限公司 图片处理方法
CN109375890A (zh) * 2018-09-17 2019-02-22 维沃移动通信有限公司 一种屏幕显示方法和多屏电子设备

Also Published As

Publication number Publication date
US11669234B2 (en) 2023-06-06
US20230119974A1 (en) 2023-04-20

Similar Documents

Publication Publication Date Title
US10936272B2 (en) Splicing screen, display method thereof and display control apparatus
US10564797B2 (en) Floating toolbar
KR20130119129A (ko) 윈도우 크기를 조절하기 위한 방법 및 그 전자 장치
CN110796664B (zh) 图像处理方法、装置、电子设备及计算机可读存储介质
CN105635848A (zh) 一种弹幕显示方法及终端
CN103414844A (zh) 视频抖动修正方法及装置
US9875075B1 (en) Presentation of content on a video display and a headset display
US20150063785A1 (en) Method of overlappingly displaying visual object on video, storage medium, and electronic device
CN107766703B (zh) 水印添加处理方法、装置及客户端
US20200073538A1 (en) Display device
US9891713B2 (en) User input processing method and apparatus using vision sensor
CN112541960A (zh) 三维场景的渲染方法、装置及电子设备
US20130236117A1 (en) Apparatus and method for providing blurred image
EP3104267A1 (en) Information-processing program, display control device, display control system, and display method
US20140111551A1 (en) Information-processing device, storage medium, information-processing method, and information-processing system
US11867495B2 (en) Electronic device for providing image data using augmented reality and control method for same
CN114185450A (zh) 鸟瞰图处理方法、装置及电子设备
WO2016157951A1 (ja) 表示制御装置、表示制御方法および記録媒体
JP6287498B2 (ja) 電子ホワイトボード装置、電子ホワイトボードの入力支援方法、及びプログラム
US10055395B2 (en) Method for editing object with motion input and electronic device thereof
CN106325715B (zh) 显示图片的方法、***和智能设备
EP3491496B1 (en) Display apparatus and input method thereof
JP2015032261A (ja) 表示装置および制御方法
JP2020166653A (ja) 情報処理装置、情報処理方法、およびプログラム
CN110018771B (zh) 一种信息展示方法及装置

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