CN110704007A - 一种双图片显示方法、装置、终端及存储介质 - Google Patents
一种双图片显示方法、装置、终端及存储介质 Download PDFInfo
- Publication number
- CN110704007A CN110704007A CN201910931827.7A CN201910931827A CN110704007A CN 110704007 A CN110704007 A CN 110704007A CN 201910931827 A CN201910931827 A CN 201910931827A CN 110704007 A CN110704007 A CN 110704007A
- Authority
- CN
- China
- Prior art keywords
- picture
- display
- display area
- displayed
- loading
- 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
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/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
- G06F3/1407—General aspects irrespective of display type, e.g. determination of decimal point position, display with fixed or driving decimal point, suppression of non-significant zeros
-
- 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
- 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
- G06F3/04886—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 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
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请提供一种双图片显示方法、装置、终端及存储介质。显示界面中包括围成闭合图形的分割线,分割线将显示界面分割成位于闭合图形外的第一显示区域和位于闭合图形内的第二显示区域,方法包括:获得内容在空间上关联的第一图片和第二图片;将所述第一图片加载到第一显示区域中显示,以及将第二图片加载到所述第二显示区域中显示,其中,第一显示区域中显示的内容和第二显示区域中显示的内容在空间上连续。由于第一图片和第二图片显示的内容在空间上是连续的,因此用户在观察显示界面中的一个特征时,仅需要将视线保持在该特征的位置处,通过移动第二显示区域就可以完成一个特征在两个图片之间的对比,用户无需在两个独立设置的图片之间切换视线。
Description
技术领域
本申请涉及计算机技术领域,具体而言,涉及一种双图片显示方法、装置、终端及存储介质。
背景技术
当需要对比内容在空间上相关联的两幅图片时,例如对比同一地区在不同时刻拍摄的两幅遥感图,对比同一建筑物在不同天气条件下拍摄的两张图片,或对比同一婴儿通过彩色相机和通过b超拍摄的两张图片,目前的媒体通常的做法是将两幅图片完整且独立地分立在两个位置处显示。这样观察者在对比两张图时,首先需要观看其中一张图,分析该图中的某个特征,然后将视线调整到另一个图片中,再根据该特征在前一图片中的位置去寻找在另一个图片中的对应位置,然后去判断该特征在另一张图片上是否发生变化。通常为了完成整幅图片的对比,观察者需要将目光多次地在两幅图片之间转换。
这种对比方式虽然能够实现对内容在空间上相关联的两幅图片的对比,但其需要观察者不断调整视线。若观察者的注意力出现不集中,或者观察者的注意力被突然地事件打断,往往观察者会丢失正在对比特征的视线,从而需要花费时间和精力重新寻找,导致图片对比的效率很低,用户体验不好。
发明内容
本申请实施例的目的在于提供一种双图片显示方法、装置、终端及存储介质,用以提高图片的对比效率,提升用户体验。
第一方面,本申请实施例提供了一种双图片显示方法,显示界面中包括围成闭合图形的分割线,所述分割线将所述显示界面分割成位于所述闭合图形外的第一显示区域和位于所述闭合图形内的第二显示区域,所述方法包括:
获得内容在空间上关联的第一图片和第二图片;
将所述第一图片加载到第一显示区域中显示,以及将所述第二图片加载到所述第二显示区域中显示,其中,所述第一显示区域中显示的内容和所述第二显示区域中显示的内容在空间上连续。
在本申请实施例中,第一显示区域中显示的内容和所述第二显示区域中显示的内容在空间上是连续的,因此用户在观察图中的一个特征时,仅需要将视线保持在该特征的位置处,通过移动第二显示区域的位置来控制在该位置处显示的图片是第一图片还是第二图片,从而完成一个特征在两个图片之间的对比,因此用户无需在两个独立设置的图片之间切换视线。
此外,在本申请实施例中,分割线的存在可以为用户提供一个视线的参考范围,即使用户的视线由于突发的事件(例如突然手机响起)而转移后,用户还可以根据分割线迅速将视线转回第二显示区域,无需在整个显示界面中寻找之前观看的特征,提高了用户对图片的对比效率,提升了用户体验。
结合第一方面,在第一种可能的实现方式中,将所述第一图片加载到第一显示区域中显示,以及将所述第二图片加载到所述第二显示区域中显示之后,所述方法还包括:
当所述闭合图形被移动到预设的位置时,在所述第二显示区域中先显示多媒体资料再显示第二图片。
在本申请实施例中,当闭合图形移动到预设的位置时,第二显示区域中在显示第二图片之前先显示多媒体资料,因此可以向用户提供一些在观看第二图片之前需要了解的背景信息等,便于用户更好地理解和观看第二图片。
结合第一方面,在第二种可能的实现方式中,在将所述第一图片加载到第一显示区域中显示,以及将所述第二图片加载到所述第二显示区域中显示之后,所述方法还包括:
响应于用户的指令,按预设的调整规则调整所述闭合图形的大小、形状和/或位置。
结合第一方面,在第三种可能的实现方式中,在将所述第一图片加载到第一显示区域中显示,以及将所述第二图片加载到所述第二显示区域中显示之后,所述方法还包括:
响应于用户的指令,更具用户针对所述第二显示区域进行的拖拽操作调整所述闭合图形的大小、形状和/或位置。
在本申请实施例中,由于人和人的能力以及习惯有差别,有些人一次性能够关注的范围较大,有些人一次性能够关注的范围较小。此外人们在不同时间的需求不同,有时候只是想整体上了解,有时候想细致观看对比。通过设置闭合图形的大小、形状和/或位置使得用户可以根据各自不同的需求对应调整第二显示区域中需要对比的内容,满足各种用户的多方面需求。
结合第一方面,在第四种可能的实现方式中,
所述第一图片和所述第二图片为在不同时刻拍摄的遥感图。
由于第一图片和第二图片是在不同时间拍摄的遥感图,而遥感图本身具有覆盖广、干扰少的特点,特别适合于在灾害发生时使用,故通过无缝对比遥感图,非常利于在灾中掌握灾情态势,以及灾后掌握重建情况。
结合第一方面,在第五种可能的实现方式中,在将所述第一图片加载到第一显示区域中显示,以及将所述第二图片加载到所述第二显示区域中显示之后,所述方法还包括:
响应用户在显示界面内执行的放大操作,同步放大所述第一显示区域中显示的所述第一图片和所述第二显示区域中显示的所述第二图片;或
响应所述用户在显示界面内执行的缩小操作,同步缩小所述第一显示区域中显示的所述第一图片和所述第二显示区域中显示的所述第二图片;或
响应所述用户在显示界面内执行的移动操作,同步移动所述第一显示区域中显示的所述第一图片和所述第二显示区域中显示的所述第二图片。
在本申请实施例中,由于是对内容在空间上连续的第一图片和第二图片进行同步放大、缩小或移动,使得放大、缩小或移动后,第一图片和第二图片中的显示内容可以继续保持在空间上连续。
结合第一方面,在第六种可能的实现方式中,所述第一图片的尺寸大于所述第二图片的尺寸所述,方法还包括:
当所述第二图片无法填充满所述第二显示区域时,将所述第一图片中的内容按照空间上连续的方式,显示在所述第二显示区域中未被所述第二图片填充的区域。
在本申请实施例中,通过将第一图片中的内容按照空间上保持连续的方式显示在第二显示区域中未被第二图片填充的区域,实现了在第二图片到无法填充满第二显示区域时,第二显示区域中的显示内容仍然能够保持空间上的连续。
第二方面,本申请实施例提供了一种双图片显示装置,所述装置包括:
数据获取模块用于,获得内容在空间上关联的第一图片和第二图片;
数据处理模块用于,在显示界面中显示围成闭合图形的分割线,所述分割线将所述显示界面分割成位于所述闭合图形外的第一显示区域和位于所述闭合图形内的第二显示区域,以及用于将所述第一图片加载到第一显示区域中显示,以及将所述第二图片加载到所述第二显示区域中显示,其中,所述第一显示区域中显示的内容和所述第二显示区域中显示的内容在空间上连续。
结合第二方面,在第一种可能的实现方式中,所述数据处理模块将所述第一图片加载到第一显示区域中显示,以及将所述第二图片加载到所述第二显示区域中显示之后,
所述数据处理模块,还用于在所述闭合图形被移动到预设的位置时,在所述第二显示区域中先显示多媒体资料再显示第二图片。
结合第二方面,在第二种可能的实现方式中,所述数据处理模块在将所述第一图片加载到第一显示区域中显示,以及将所述第二图片加载到所述第二显示区域中显示之后,所述方法还包括:
所述数据处理模块,还用于响应于用户的指令,按预设的调整规则调整所述闭合图形的大小、形状和/或位置。
结合第二方面,在第三种可能的实现方式中,所述数据处理模块在将所述第一图片加载到第一显示区域中显示,以及将所述第二图片加载到所述第二显示区域中显示之后,
所述数据处理模块,还用于响应于用户的指令,根据用户针对所述第二显示区域进行的拖拽操作,调整所述闭合图形的大小、形状和/或位置。
结合第二方面,在第四种可能的实现方式中,
所述第一图片和所述第二图片为在不同时刻拍摄的遥感图。
结合第二方面,在第五种可能的实现方式中,所述数据处理模块在将所述第一图片加载到第一显示区域中显示,以及将所述第二图片加载到所述第二显示区域中显示之后,
所述数据处理模块,还用于响应用户显示界面内执行的放大操作,同步放大所述第一显示区域中显示的所述第一图片和所述第二显示区域中显示的所述第二图片;或响应所述用户在显示界面内执行的缩小操作,同步缩小所述第一显示区域中显示的所述第一图片和所述第二显示区域中显示的所述第二图片;或响应所述用户在显示界面内执行的移动操作,同步移动所述第一显示区域中显示的所述第一图片和所述第二显示区域中显示的所述第二图片。
结合第二方面,在第六种可能的实现方式中,所述第一图片的尺寸大于所述第二图片的尺寸所述,
所述数据处理模块,还用于在所述第二图片无法填充满所述第二显示区域时,将所述第一图片中的内容按照空间上连续的方式,显示在所述第二显示区域中未被所述第二图片填充的区域。
第三方面,本申请实施例提供了一种终端,包括:通信接口、存储器、显示屏、与所述通信接口、所述存储器和所述显示屏连接的处理器;
所述通信接口,用于获得内容在空间上关联的第一图片和第二图片;
所述存储器,用于存储程序;
所述显示屏上显示有显示界面,显示界面中包括围成闭合图形的分割线,所述分割线将所述显示界面分割成位于所述闭合图形外的第一显示区域和位于所述闭合图形内的第二显示区域;
所述处理器,用于通过运行所述程序而处理所述第一图片和所述第二图片,以执行如第一方面或第一方面的任一种可能的实现方式所述的双图片显示方法。
第四方面,本申请实施例提供了一种具有计算机可执行的非易失程序代码的计算机可读储存介质,所述程序代码使所述计算机执行如第一方面或第一方面的任一种可能的实现方式所述的双图片显示方法。
附图说明
为了更清楚地说明本申请实施例的技术方案,下面将对本申请实施例中所需要使用的附图作简单地介绍,应当理解,以下附图仅示出了本申请的某些实施例,因此不应被看作是对范围的限定,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他相关的附图。
图1为本申请实施例提供的一种终端的结构框图;
图2为本申请实施例中显示界面第一种情况下的示意图;
图3为本申请实施例提供的一种双图片显示方法的流程图;
图4为本申请实施例提供中显示界面第二种情况下的示意图;
图5为本申请实施例提供中显示界面第三种情况下的示意图;
图6为本申请实施例提供中显示界面第四种情况下的示意图;
图7为本申请实施例提供中显示界面第五种情况下的示意图;
图8为本申请实施例提供中显示界面第六种情况下的示意图;
图9为本申请实施例提供的一种双图片显示装置的结构框图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行描述。
请参阅图1,本申请实施例提供了一种终端20,该终端20可以是PC(personalcomputer,个人电脑)、平板电脑、智能手机、PDA(personal digital assistant,个人数字助理)等。
本实施例中,终端20可以包括:通信接口21、显示屏22、存储器23和处理器24。其中,通信接口21、显示屏22、存储器23可以通过总线与处理器24连接。
通信接口21可以是物理接口或者也可以是程序接口,在终端20需要对比显示内容在空间上连续的第一图片和第二图片时,通信接口21用于接收用户上传或其它设备发送的该第一图片和第二图片,并将接收的第一图片和第二图片发送给处理器24。
显示屏22可以是例如LCD(Liquid Crystal Display,液晶显示器)、LED(Light-Emitting Diode,发光二极管)或OLED(Organic Light-Emitting Diode,有机发光二极管)等材质制成的显示屏22。
如图2所示,在本实施例中,显示屏22上可以显示出一个完整的显示界面221,该显示界面221中设有一些控件比如线型控件,该线型控件在显示界面221上显示出的效果即为一条分割线,且该分割线可以围成一个闭合图形例如围成圆形、矩形、三角形、菱形、甚至是不规则图形等。这样,显示界面221中的该闭合图形便可以将显示界面221分成两个区域,其分别是位于闭合图形外的第一显示区域223,以及位于闭合图形内的第二显示区域224。
存储器23可以是例如磁盘、ROM、或RAM,或其任意组合,其用于存储执行双图片显示方法所需的程序。示例性的,除了存储器23外,终端20还可以包括存储在ROM、RAM、或其他类型的非暂时性存储介质、或其任意组合中的程序指令。
处理器24可以调用并运行存储器23中的程序,从而处理通信接口21发送的该第一图片和第二图片,以将第一图片以特定的方式加载到第一显示区域223中显示,以及将第二图片以特定的方式加载到第二显示区域224中显示,第一显示区域223和第二显示区域224中的显示内容可以在空间上连续(显示内容可以在空间上连续将在后文进行具体解释)。此外,处理器24还可以响应用户与终端20人机进行交互所执行的操作,对应调整第一显示区域223和第二显示区域224的显示内容,并使得第一显示区域223和第二显示区域224中调整后的显示内容继续保持在空间上连续。
下文将以方法实施例的形式,上述内容进行具体说明书。
请参阅图3,本申请实施例提供了一种双图片显示方法,该双图片显示方法可以应用到终端20上执行,该双图片显示方法可以包括:步骤S101和步骤S201。
步骤S101:获得内容在空间上关联的第一图片和第二图片;
步骤S201:将该第一图片加载到第一显示区域中显示,以及将该第二图片加载到第二显示区域中显示,其中,该第一显示区域中显示的内容和该第二显示区域中显示的内容在空间上连续。
下面将结合图示详细说明上述双图片显示方法的流程。
步骤S101:获得内容在空间上关联的第一图片和第二图片。
在进行图片对比前,需要先使用拍摄设备先拍摄需要对比的图片。其中,根据实际需求的不同,需要对比的图片也可以不同。
例如,可以预先控制卫星或无人机等设备拍摄的某个地区的灾前遥感地图,该灾前遥感地图则作为第一图片。那么在该地区在突发地质灾害后,则继续通过卫星或无人机等设备拍摄该地区的灾后遥感地图,而该灾后遥感地图则作为与第一图片对比的第二图片,进而再将两幅遥感地图对比。
又例如,可以使用相机预先拍摄的某个建筑物的正常情况下的实景图,该正常情况下的实景图则作为第一图片。当该建筑物损坏例如地震导致其损害或发生火灾导致其损坏后,再以与第一次拍摄相同的机位拍摄该建筑物损坏后的实景图,而该建筑物损坏后的实景图则作为第二图片,进而再将两幅实景图对比。
以及,还例如,可以采用X光照射器和常规的相机镜头同时对用户进行拍摄,获得该用户的X光影像和常规的RGB影像,其中,X光影像则作为第一图片,而常规的RGB影像则作为与第一图片对比的第二图片,继而再将X光影像和常规的RGB影像对比。
可以理解到,两次拍摄的机位相同可以使得拍摄的第一图片和第二图片中的内容在视角上保持相同,从而便于两张图片的对比。此外,也由于两张图片中的内容在视角上保持相同,且两张图片还是针对同一对象拍摄,故使得两张图片中的内容可以在空间上形成关联,进而使得设置两张图片后,两张图片显示出的内容可以在空间上连续。
拍摄获得两张用于对比的图片后,用户可以将第一图片和第二图片传输给终端20,使得终端20接收到该第一图片和第二图片,并继续执行步骤S201。
步骤S201:将该第一图片加载到第一显示区域中显示,以及将该第二图片加载到第二显示区域中显示,其中,该第一显示区域和该第二显示区域中的显示内容在空间上连续。
终端20在接收到第一图片和第二图片后,终端20可以先将第一图片和第二图片加载到内存中。终端20通过在内存中处理该第一图片和第二图片,将第一图片加载到第一显示区域223,并同步的将第二图片加载到第二显示区域224,使得第一显示区域223和第二显示区域224中的显示内容在空间上连续。
需要说明的是,显示内容在空间上连续可以理解为两幅图片中不同时刻的同一特征显示在显示界面221中的同一位置。例如图4所示,第一图片A和第二图片B是在不同时刻对同一条河流C拍摄的遥感图,且第一图片A是该河流C处于枯水期拍摄的,而第二图片B是该河流C处于汛期拍时摄的。那么在显示时,第一显示区域223在闭合图形222的外边缘处显示出该河流C的河道C1在枯水期的景象,第一显示区域223则在闭合图形222的内边缘处显示出河流C的河道C1在汛期扩大后的景象。这样,第一显示区域223和第二显示区域224中的显示内容就形成了在空间上的连续。
于本实施例中,为实现第一显示区域223和第二显示区域224中的显示内容在空间上的连续,终端20需要采用特点的技术手段去加载第一图片和第二图片。
作为加载第一图片和第二图片的一种示例性方式,终端20可以通过设置一个第一控件来控制第一显示区域223的显示,以及设置另一个第二控件来控制第二显示区域224的显示。这样,终端20可以通过第一控件将第一图片加载到第一显示区域223中,使得第一图片的中心点位于第一显示区域223中的第一预设位置;同时,终端20也可以通过第二控件将第二图片加载到第二显示区域224中,使得第二图片的中心点位于第二显示区域224中的第二预设位置,其中,第一预设位置和第二预设位置为实现显示内容在空间上的连续而设定的位置。因此,基于第一图片的中心点位于第一预设位置,以及第二图片的中心点位于第二预设位置,在显示时就可以实现第一显示区域223和第二显示区域224中的显示内容在空间上的连续。
作为加载第一图片和第二图片的另一种示例性方式,终端20可以通过设置一个控件来整体控制显示界面221的显示。利用该控件,终端20可以将第一图片和第二图片以对象重合的方式加载到显示界面221中。然后,再利用该控件,调整第一显示区域223中第二图片的显示透明度为0%且第一图片的显示透明度为100%,并调整第二显示区域224中第二图片的透明度为100%且第一图片的显示透明度为%。这样,第一显示区域223可以只显示出第一图片,而第二显示区域224则可以只显示出第二图片。而由于第一图片和第二图片中的对象重合,使得第一显示区域223和第二显示区域224中的显示内容也在空间上实现连续。
在显示出第一图片和第二图片后,终端20还可以与用户进行人机交互,以调整第一图片和第二图片显示的内容。
请参阅图5,作为调整第一图片和第二图片显示的内容的一种示例性方式,终端20可以通过与用户进行人机交互,响应于用户的指令,以自动调整闭合图形的大小、形状和/或位置,从而实现调整第一图片和第二图片显示的内容。
具体的,终端20中预设了闭合图形222的大小和形状的改变规则,以及预设了闭合图形222在显示界面221中移动轨迹。
在用户向终端20输入用于控制闭合图形222开始自动改变大小和/或形状的控制指令时(例如显示界面221中显示有用于控制闭合图形222改变大小/或形状的按键,用户通过触控该按键,便对应向终端20输入控制指令),终端20通过响应该控制指令,便可以按照改变规则,自动调整闭合图形222的大小和/或形状。
在用户向终端20输入用于控制闭合图形222开始移动的移动指令时(例如显示界面221中显示有用于控制闭合图形222移动的按键,用户通过触控该按键,便对应向终端20输入移动指令),终端20通过响应该移动指令,便可以控制闭合图形222按移动轨迹匀速移动。
例如图5所示,闭合图形222最初的形状为圆形,若根据改变规则改变该闭合图形222的形状时,可以将闭合图形222从圆形依次改变为矩形、三角型、菱形、五边形、六边形等。
也例如图5所示,若根据改变规则改变该闭合图形222的大小时,可以将闭合图形222的面积扩大,且当闭合图形222的面积扩大导致其边界超出显示界面221的边界时,终端20便可以以闭合图形222位于显示界面221内的边界与显示界面221的边界所围成的图形作为新的闭合图形222。
也例如图5所示,若根据改变规则即改变该闭合图形222的大小又改变该闭合图形222形状时,可以在将闭合图形222的面积扩大的过程,动态的将闭合图形222从圆形依次改变为矩形、三角型、菱形、五边形、六边形等。
也例如图5所示,预设的移动轨迹为带箭头的虚线所示,通过对闭合图形222的移动进行控制,闭合图形222便可以按虚线对应的轨迹朝箭头所指的方向移动。
请参阅图6,作为调整第一图片和第二图片显示的内容的另一种示例性方式,终端20可以通过与用户进行人机交互,以手动调整闭合图形的大小、形状和/或位置,从而实现调整第一图片和第二图片显示的内容。
具体的,用户可以触控在闭合图形222的边缘上并按箭头方向手指移动,以对闭合图形222进行拖拽。这样,终端20可以对应检测到用户拖拽分割线的拖拽操作,生成拖拽操作对应的拖拽轨迹,并按拖拽轨迹移动该闭合图形222。此外,用户可以先单击闭合图形222,以向终端20输入该闭合图形222需要缩放的指令。然后,用户再触控在闭合图形222的边缘上并按箭头方向手指移动,以对闭合图形222进行拖拽。这样,终端20可以对应检测到用户拖拽分割线的拖拽操作,生成拖拽操作对应的拖拽轨迹,并按拖拽轨迹放大或缩小该闭合图形222。再者,用户还可以先双击闭合图形222,以向终端20输入该闭合图形222需要调整形状的指令。然后,用户再触控在闭合图形222需要调整形状的边缘处并按箭头方向手指移动,以对闭合图形222进行拖拽。这样,终端20可以对应检测到用户拖拽分割线的拖拽操作,生成拖拽操作对应的拖拽轨迹,并按拖拽轨迹将该边缘凸出或凹陷,从而调整闭合图形222的形状。
可以理解到,基于闭合图形222的大小、形状和/或位置发送改变,第一显示区域223和第二显示区域224也对应改变,这样第一图片和第二图片显示出的内容也对应发生了变化,从而调整了第一图片和第二图片的显示内容。
值得注意的是,由于用户可以调整闭合图形222的形状,故可以将闭合图形222的形状调整到与需要对比的特征的形状相同,从而更好的对该特征进行无缝对比。例如,第一图片中需要对比特征为一条河流,第一图片是该河流正常时拍摄,而第二图片是该河流处发生山体滑坡后拍摄。且由于发生山体滑坡导致该河流被堵塞,第二图片中的该河流已经形成了堰塞湖。通过将闭合图形222的形状勾勒到与第一图片中该河流的形状相同,在对比时就可以清楚的对比出该堰塞湖在该河流的基础上如何扩大。
需要说明的是,为便于用户更直观或更清楚的预先获得对比的重点,当所述闭合图形222被移动到预设的位置时,在所述第二显示区域224中先显示多媒体资料再显示第二图片。先播放的多媒体资料例如可以是第二图片的背景知识等有利于用户观看第二图片。但本发明不限于此,所述多媒体资料也可以是与第二图片无关的信息。
请参阅图7,作为调整第一图片和第二图片的显示的示例方式,用户可以通过人机交互,对第一图片和第二图片进行缩放和移动。
具体的,显示界面221中显示有放大键225、缩小键226、以及恢复键227。用户可以触控按压放大键225以执行放大操作。对应的,终端20可以响应该放大操作,同步放大显示界面221中的第一图片和第二图片。用户也可以触控按压缩小键226以执行缩小操作。对应的,终端20可以响应该缩小操作,同步缩小显示界面221中的第一图片和第二图片。以及,用户还可以显示界面221中执行移动操作,例如按照图7所示的方向滑动,终端20便可以响应该移动操作,同步移动显示界面221中的第一图片和第二图片。最后,若用户触控按压恢复键227以执行恢复操作。对应的,终端20可以响应该回复操作,同步将第一图片和第二图片恢复到初始加载时的显示情况。
此外,用户也可以通过滑动操作来对第一图片和第二图片进行缩放和移动。例如,用户两根手指触控到第一显示区域223或第二显示区域224中,并进行靠拢或分开两根手指,以在第一显示区域223或所述第二显示区域224执行缩小操或放大操作。对应的,终端20响应该缩小操或放大操作,同步缩小或同步放大,第一显示区域223中的第一图片和第二显示区域224中的所述第二图片。又例如,用户一根手指触控到第一显示区域223或第二显示区域224中,并进行滑动,以在第一显示区域223或所述第二显示区域224执行滑动操作。对应的,终端20响应该滑动操作,同步移动第一显示区域223中的第一图片和第二显示区域224中的所述第二图片。
需要说明的是,在第一图片的尺寸大于第二图片的尺寸情况,若用户调整第一图片和第二图片的显示,使得第二图片到无法填充满第二显示区域224时,终端20可以将第一图片中的内容按照空间上保持连续的方式显示在所第二显示区域224中未被第二图片填充的区域,使得第一显示区域223和第二显示区域224中显示内容通过第一图片的填充而继续保持空间上的连续。
请参阅图8,作为调整第一图片和第二图片的显示的示例方式,用户可以通过人机交互,调整第一图片和第二图片的显示颜色。例如,显示界面221上分别显示有用于对第一图片调色的第一调色棒228,以及显示有用于对第二图片调色的第二调色棒229。用户通过在显示界面221上执行调色操作,以滑动调整第一调色棒228中指针的位置和/或调整第二调色棒229中指针的位置。那么,终端20响应该调色操作,根据第一调色棒228中指针调整后的位置和/或第二调色棒229中指针调整后的位置,对应调整第一图片和/或第二图片的RGB值。
当然,设置两个调色棒的方式为本实施例的示例性方式,并不作为对本实施例的限定。例如,显示界面221显示有一个调色棒,用户选择哪个图片,该调色棒则针对该图片进行调节。
结合图1,请参阅图9,基于同一发明构思,本申请实施例中还提供一种双图片显示装置200,该双图片显示装置200应用于终端20,该双图片显示装置200包括:
数据获取模块210用于,获得内容在空间上关联的第一图片和第二图片。
数据处理模块220用于,在显示界面中显示围成闭合图形的分割线,所述分割线将所述显示界面分割成位于所述闭合图形外的第一显示区域223和位于所述闭合图形内的第二显示区域224,以及用于将所述第一图片加载到第一显示区域223中显示,以及将所述第二图片加载到所述第二显示区域224中显示,其中,所述第一显示区域223和所述第二显示区域224中的显示内容在空间上连续。
需要说明的是,由于所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的系统、装置和单元的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
本申请一些实施例还提供了一种计算机可执行的非易失的程序代码的计算机可读储存介质,该存储介质能够为通用的存储介质,如移动磁盘、硬盘等,该计算机可读存储介质上存储有程序代码,该程序代码被计算机运行时执行上述任一实施方式的双图像的显示方法。
本申请实施例所提供的双图像的显示方法的程序代码产品,包括存储了程序代码的计算机可读存储介质,程序代码包括的指令可用于执行前面方法实施例中的方法,具体实现可参见方法实施例,在此不再赘述。
综上所述,本申请实施例提供了一种双图片显示方法、装置、终端及存储介质。第一图片和第二图片显示的内容在空间上是连续的,因此用户在观察图中闭合图形处的特征时,仅需要将视线保持在该闭合图形的位置处,就可以完成对两个图片之间特征进行对比,因此用户无需在两个独立设置的图片之间切换视线。
此外,在本申请实施例中,闭合图形的存在可以为用户提供一个视线的聚焦点,即使用户的视线由于突发的事件(例如突然手机响起)而转移后,用户还可以在之后以闭合图形为聚焦点,从而快速地将视线切回之前的观看位置,无需全图寻找之前观看的特征,提高了用户对图片的对比效率,提升了用户体验。
在本申请所提供的实施例中,应该理解到,所揭露装置和方法,可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的,例如,所述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,又例如,多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。
另外,作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
再者,在本申请各个实施例中的各功能模块可以集成在一起形成一个独立的部分,也可以是各个模块单独存在,也可以两个或两个以上模块集成形成一个独立的部分。
在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。
以上所述仅为本申请的实施例而已,并不用于限制本申请的保护范围,对于本领域的技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本申请的保护范围之内。
Claims (10)
1.一种双图片显示方法,其特征在于,显示界面中包括围成闭合图形的分割线,所述分割线将所述显示界面分割成位于所述闭合图形外的第一显示区域和位于所述闭合图形内的第二显示区域,所述方法包括:
获得内容在空间上关联的第一图片和第二图片;
将所述第一图片加载到第一显示区域中显示,以及将所述第二图片加载到所述第二显示区域中显示,其中,所述第一显示区域中显示的内容和所述第二显示区域中显示的内容在空间上连续。
2.根据权利要求1所述的双图片显示方法,其特征在于,将所述第一图片加载到第一显示区域中显示,以及将所述第二图片加载到所述第二显示区域中显示之后,所述方法还包括:
当所述闭合图形被移动到预设的位置时,在所述第二显示区域中先显示多媒体资料再显示第二图片。
3.根据权利要求1所述的双图片显示方法,其特征在于,在将所述第一图片加载到第一显示区域中显示,以及将所述第二图片加载到所述第二显示区域中显示之后,所述方法还包括:
响应于用户的指令,按预设的调整规则调整所述闭合图形的大小、形状和/或位置。
4.根据权利要求1所述的双图片显示方法,其特征在于,在将所述第一图片加载到第一显示区域中显示,以及将所述第二图片加载到所述第二显示区域中显示之后,所述方法还包括:
响应于用户的指令,根据用户针对所述第二显示区域进行的拖拽操作,调整所述闭合图形的大小、形状和/或位置。
5.根据权利要求1所述的双图片显示方法,其特征在于,
所述第一图片和所述第二图片为在不同时刻拍摄的遥感图。
6.根据权利要求1所述的双图片显示方法,其特征在于,在将所述第一图片加载到第一显示区域中显示,以及将所述第二图片加载到所述第二显示区域中显示之后,所述方法还包括:
响应用户在显示界面内执行的放大操作,同步放大所述第一显示区域中显示的所述第一图片和所述第二显示区域中显示的所述第二图片;或
响应所述用户在显示界面内执行的缩小操作,同步缩小所述第一显示区域中显示的所述第一图片和所述第二显示区域中显示的所述第二图片;或
响应所述用户在显示界面内执行的移动操作,同步移动所述第一显示区域中显示的所述第一图片和所述第二显示区域中显示的所述第二图片。
7.根据权利要求1所述的双图片显示方法,其特征在于,所述第一图片的尺寸大于所述第二图片的尺寸所述,方法还包括:
当所述第二图片无法填充满所述第二显示区域时,将所述第一图片中的内容按照空间上连续的方式,显示在所述第二显示区域中未被所述第二图片填充的区域。
8.一种双图片显示装置,其特征在于,所述装置包括:
数据获取模块用于,获得内容在空间上关联的第一图片和第二图片;
数据处理模块用于,在显示界面中显示围成闭合图形的分割线,所述分割线将所述显示界面分割成位于所述闭合图形外的第一显示区域和位于所述闭合图形内的第二显示区域,以及用于将所述第一图片加载到第一显示区域中显示,以及将所述第二图片加载到所述第二显示区域中显示,其中,所述第一显示区域中显示的内容和所述第二显示区域中显示的内容在空间上连续。
9.一种终端,其特征在于,包括:通信接口、存储器、显示屏、与所述通信接口、所述存储器和所述显示屏连接的处理器;
所述通信接口,用于获得内容在空间上关联的第一图片和第二图片;
所述存储器,用于存储程序;
所述显示屏上显示有显示界面,显示界面中包括围成闭合图形的分割线,所述分割线将所述显示界面分割成位于所述闭合图形外的第一显示区域和位于所述闭合图形内的第二显示区域;
所述处理器,用于通过运行所述程序而处理所述第一图片和所述第二图片,以执行权利要求1-7任一权项所述的双图片显示方法。
10.一种具有计算机可执行的非易失程序代码的计算机可读储存介质,其特征在于,所述程序代码使所述计算机执行如权利要求1-7任一权项所述的双图片显示方法。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910931827.7A CN110704007A (zh) | 2019-09-27 | 2019-09-27 | 一种双图片显示方法、装置、终端及存储介质 |
PCT/CN2020/081223 WO2021056998A1 (zh) | 2019-09-27 | 2020-03-25 | 一种双图片显示方法、装置、终端及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910931827.7A CN110704007A (zh) | 2019-09-27 | 2019-09-27 | 一种双图片显示方法、装置、终端及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN110704007A true CN110704007A (zh) | 2020-01-17 |
Family
ID=69197876
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910931827.7A Pending CN110704007A (zh) | 2019-09-27 | 2019-09-27 | 一种双图片显示方法、装置、终端及存储介质 |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN110704007A (zh) |
WO (1) | WO2021056998A1 (zh) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111782159A (zh) * | 2020-05-19 | 2020-10-16 | 上汽大众汽车有限公司 | 一种图片分屏同步浏览系统及方法 |
WO2021056998A1 (zh) * | 2019-09-27 | 2021-04-01 | 成都星时代宇航科技有限公司 | 一种双图片显示方法、装置、终端及存储介质 |
CN113485623A (zh) * | 2021-09-07 | 2021-10-08 | 成都国星宇航科技有限公司 | 一种可实现多维度对比的图像显示方法、装置及终端 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103645871A (zh) * | 2013-12-06 | 2014-03-19 | 四川九洲电器集团有限责任公司 | 一种动态显示局部区域图像的方法和系统 |
US20140282253A1 (en) * | 2013-03-14 | 2014-09-18 | Tencent Technology (Shenzhen) Company Limited | Method and apparatus for batch selection of multiple images |
CN109324736A (zh) * | 2018-08-31 | 2019-02-12 | 阿里巴巴集团控股有限公司 | 局部放大图片的交互方法及装置 |
Family Cites Families (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US5577179A (en) * | 1992-02-25 | 1996-11-19 | Imageware Software, Inc. | Image editing system |
CN107295265A (zh) * | 2017-08-01 | 2017-10-24 | 珠海市魅族科技有限公司 | 拍摄方法及装置、计算机装置和计算机可读存储介质 |
CN108711180B (zh) * | 2018-05-02 | 2021-08-06 | 北京市商汤科技开发有限公司 | 美妆和/或换脸特效程序文件包的生成及美妆和/或换脸特效生成方法与装置 |
CN110704007A (zh) * | 2019-09-27 | 2020-01-17 | 成都星时代宇航科技有限公司 | 一种双图片显示方法、装置、终端及存储介质 |
-
2019
- 2019-09-27 CN CN201910931827.7A patent/CN110704007A/zh active Pending
-
2020
- 2020-03-25 WO PCT/CN2020/081223 patent/WO2021056998A1/zh active Application Filing
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20140282253A1 (en) * | 2013-03-14 | 2014-09-18 | Tencent Technology (Shenzhen) Company Limited | Method and apparatus for batch selection of multiple images |
CN103645871A (zh) * | 2013-12-06 | 2014-03-19 | 四川九洲电器集团有限责任公司 | 一种动态显示局部区域图像的方法和系统 |
CN109324736A (zh) * | 2018-08-31 | 2019-02-12 | 阿里巴巴集团控股有限公司 | 局部放大图片的交互方法及装置 |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2021056998A1 (zh) * | 2019-09-27 | 2021-04-01 | 成都星时代宇航科技有限公司 | 一种双图片显示方法、装置、终端及存储介质 |
CN111782159A (zh) * | 2020-05-19 | 2020-10-16 | 上汽大众汽车有限公司 | 一种图片分屏同步浏览系统及方法 |
CN113485623A (zh) * | 2021-09-07 | 2021-10-08 | 成都国星宇航科技有限公司 | 一种可实现多维度对比的图像显示方法、装置及终端 |
Also Published As
Publication number | Publication date |
---|---|
WO2021056998A1 (zh) | 2021-04-01 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN112135059B (zh) | 拍摄方法、装置、电子设备和存储介质 | |
CN110688043B (zh) | 一种双图像的显示方法、装置及终端 | |
EP3033837B1 (en) | Mobile terminal and method for controlling the same | |
CN110704007A (zh) | 一种双图片显示方法、装置、终端及存储介质 | |
KR101676555B1 (ko) | 이미지 표시 처리 방법, 장치, 프로그램 및 기록매체 | |
CN108228050B (zh) | 一种图片缩放方法、装置以及电子设备 | |
WO2013096086A1 (en) | Method and apparatus to enhance details in an image | |
CN111669507A (zh) | 拍照方法、装置及电子设备 | |
CN107077296B (zh) | 用户终端设备和用于控制用户终端设备的方法 | |
US8228414B2 (en) | Real-size preview system in terminal having digital camera function and control method thereof | |
CN107870703B (zh) | 图片全屏展示的方法、系统及终端设备 | |
CN105511712A (zh) | 一种图片呈现方法及装置 | |
US9529509B1 (en) | Item selection | |
US20160350932A1 (en) | Method and device for displaying image | |
CN109691081B (zh) | 用于控制监控摄像机的方法和采用该方法的监控系统 | |
CN114416261B (zh) | 一种信息展示方法、装置、设备及介质 | |
CN112929566B (zh) | 显示控制方法、装置、电子设备及介质 | |
EP3314579B1 (en) | Displaying augmented images via paired devices | |
US11310430B2 (en) | Method and apparatus for providing video in portable terminal | |
US20230274388A1 (en) | Photographing Method, and Electronic Device and Non-Transitory Readable Storage Medium | |
CN115617225A (zh) | 应用界面显示方法、装置、电子设备及存储介质 | |
US11294556B1 (en) | Editing digital images using multi-panel graphical user interfaces | |
CN113885748A (zh) | 对象切换方法、装置、电子设备和可读存储介质 | |
CN113393391A (zh) | 图像增强方法、图像增强装置、电子设备和存储介质 | |
CN113393372A (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 | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20200117 |