CN111553842B - 拼接图片显示方法、装置、电子设备及存储介质 - Google Patents

拼接图片显示方法、装置、电子设备及存储介质 Download PDF

Info

Publication number
CN111553842B
CN111553842B CN202010333107.3A CN202010333107A CN111553842B CN 111553842 B CN111553842 B CN 111553842B CN 202010333107 A CN202010333107 A CN 202010333107A CN 111553842 B CN111553842 B CN 111553842B
Authority
CN
China
Prior art keywords
spliced
picture
pictures
screen
background screen
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
CN202010333107.3A
Other languages
English (en)
Other versions
CN111553842A (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 CN202010333107.3A priority Critical patent/CN111553842B/zh
Publication of CN111553842A publication Critical patent/CN111553842A/zh
Application granted granted Critical
Publication of CN111553842B publication Critical patent/CN111553842B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T3/00Geometric image transformations in the plane of the image
    • G06T3/40Scaling of whole images or parts thereof, e.g. expanding or contracting
    • G06T3/4038Image mosaicing, e.g. composing plane images from plane sub-images
    • 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

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请提供了一种拼接图片显示方法、装置、电子设备及计算机可读存储介质。所述方法包括:获取待拼接图片在拼接背景屏幕上的初始参量;根据用户对所述待拼接图片执行的手势操作,确定所述待拼接图片对应的转换参量;根据所述初始参量和所述转换参量,确定所述待拼接图片在所述拼接背景屏幕上的展示信息;根据所述展示信息、及所述拼接背景屏幕与待展示屏幕的尺寸比例,将所述待拼接图片展示于所述待展示屏幕上。本申请实施例可以达到动态化调整成拼图自由模式状态,通过一系列手势操作,将界面信息保存,并且随时为使用而准备,通过一系列算法,保证了界面的比例可复用性。

Description

拼接图片显示方法、装置、电子设备及存储介质
技术领域
本申请涉及图片处理技术领域,特别是涉及一种拼接图片显示方法、装置、电子设备及计算机可读存储介质。
背景技术
苹果在开发带有角度的界面时,需要计算UIView自带transform属性中关于比例、角度、位移相关与初始化时布局矩形框的坐标来进行一系列变换,进行一级到二级页面的切换,此过程比较复杂。
传统生成带角度图片的过程,为了保证清晰度,也是以原图进行绘制,通过对原图在坐标系中的位置进行转换,每次会根据原图性质做一系列仿射变换的操作,复杂度较大,不利于开发者移植。
发明内容
本申请提供一种拼接图片显示方法、装置、电子设备及计算机可读存储介质,以解决现有技术中通过对原图在坐标系中的位置进行转换的方式复杂度较大,不利于开发者移植的问题。
为了解决上述问题,本申请公开了一种拼接图片显示方法,包括:
获取待拼接图片在拼接背景屏幕上的初始参量;
根据用户对所述待拼接图片执行的手势操作,确定所述待拼接图片对应的转换参量;
根据所述初始参量和所述转换参量,确定所述待拼接图片在所述拼接背景屏幕上的展示信息;
根据所述展示信息、及所述拼接背景屏幕与待展示屏幕的尺寸比例,将所述待拼接图片展示于所述待展示屏幕上。
可选地,所述获取待拼接图片在拼接背景屏幕上的初始参量,包括:
获取所述待拼接图片的中心点在所述拼接背景屏幕上的横纵坐标比;
根据所述横纵坐标比,确定所述待拼接图片在所述拼接背景屏幕上的初始位置,将所述初始位置作为所述初始参量。
可选地,所述根据用户对所述待拼接图片执行的手势操作,确定所述待拼接图片对应的转换参量,包括:
在所述手势操作为平移操作时,获取所述平移操作对应的平移距离,并将所述平移距离作为所述转换参量;和/或
在所述手势操作为旋转操作时,获取所述旋转操作对应的旋转角度,并将所述旋转角度作为所述转换参量;和/或
在所述手势操作为缩放操作时,获取所述缩放操作对应的缩放比例,并将所述缩放比例作为所述转换参量;和/或
在所述手势操作为点击操作时,获取所述点击操作对应的显示优先级,并将所述显示优先级作为所述转换参量。
可选地,所述根据所述初始参量和所述转换参量,确定所述待拼接图片在所述拼接背景屏幕上的展示信息,包括:
根据所述初始参量和所述转换参量,在所述拼接背景屏幕上对所述待拼接图片进行调整;
根据调整结果,确定所述待拼接图片在所述拼接背景屏幕上的位置信息。
可选地,所述根据所述展示信息、及所述拼接背景屏幕与待展示屏幕的尺寸比例,将所述待拼接图片展示于所述待展示屏幕上,包括:
获取所述拼接背景屏幕的第一宽高比,及所述待展示屏幕对应的第二宽高比;
根据所述第一宽高比、所述第二宽高比和所述位置信息,确定所述待拼接图片在所述待展示屏幕上的目标位置;
根据所述目标位置,将所述待拼接图片展示于所述待展示屏幕上。
为了解决上述问题,本申请公开了一种拼接图片显示装置,包括:
初始参量获取模块,用于获取待拼接图片在拼接背景屏幕上的初始参量;
转换参量确定模块,用于根据用户对所述待拼接图片执行的手势操作,确定所述待拼接图片对应的转换参量;
展示信息确定模块,用于根据所述初始参量和所述转换参量,确定所述待拼接图片在所述拼接背景屏幕上的展示信息;
拼接图片展示模块,用于根据所述展示信息、及所述拼接背景屏幕与待展示屏幕的尺寸比例,将所述待拼接图片展示于所述待展示屏幕上。
可选地,所述初始参量获取模块包括:
横纵坐标比获取单元,用于获取所述待拼接图片的中心点在所述拼接背景屏幕上的横纵坐标比;
初始参量获取单元,用于根据所述横纵坐标比,确定所述待拼接图片在所述拼接背景屏幕上的初始位置,将所述初始位置作为所述初始参量。
可选地,所述转换参量确定模块包括:
平移距离获取单元,用于在所述手势操作为平移操作时,获取所述平移操作对应的平移距离,并将所述平移距离作为所述转换参量;
旋转角度获取单元,用于在所述手势操作为旋转操作时,获取所述旋转操作对应的旋转角度,并将所述旋转角度作为所述转换参量;
缩放比例获取单元,用于在所述手势操作为缩放操作时,获取所述缩放操作对应的缩放比例,并将所述缩放比例作为所述转换参量;
显示优先级获取单元,用于在所述手势操作为点击操作时,获取所述点击操作对应的显示优先级,并将所述显示优先级作为所述转换参量。
可选地,所述展示信息确定模块包括:
拼接图片调整单元,用于根据所述初始参量和所述转换参量,在所述拼接背景屏幕上对所述待拼接图片进行调整;
位置信息确定单元,用于根据调整结果,确定所述待拼接图片在所述拼接背景屏幕上的位置信息。
可选地,所述拼接图片展示模块包括:
宽高比获取单元,用于获取所述拼接背景屏幕的第一宽高比,及所述待展示屏幕对应的第二宽高比;
目标位置确定单元,用于根据所述第一宽高比、所述第二宽高比和所述位置信息,确定所述待拼接图片在所述待展示屏幕上的目标位置;
拼接图片展示单元,用于根据所述目标位置,将所述待拼接图片展示于所述待展示屏幕上。
为了解决上述问题,本申请公开了一种电子设备,包括:
处理器、存储器以及存储在所述存储器上并可在所述处理器上运行的计算机程序,所述处理器执行所述程序时实现上述任一项所述的拼接图片显示方法。
为了解决上述问题,本申请公开了一种计算机可读存储介质,当所述存储介质中的指令由电子设备的处理器执行时,使得电子设备能够执行上述任一项所述的拼接图片显示方法。
与现有技术相比,本申请包括以下优点:
本申请实施例提供的拼接图片显示方法,通过获取待拼接图片在拼接背景屏幕上的初始参量,根据用户对待拼接图片执行的手势操作,确定待拼接图片对应的转换参量,根据初始参量和转换参量,确定待拼接图片在拼接背景屏幕上的展示信息,根据展示信息、及拼接背景屏幕与待展示屏幕的尺寸比例,将待拼接图片展示于待展示屏幕上。本申请实施例通过在拼接背景屏幕上根据用户的手势操作进行转换,可以达到动态化调整成拼图自由模式状态,通过一系列手势操作,将界面信息保存,并且随时为使用而准备,通过一系列算法,保证了界面的比例可复用性。
附图说明
图1示出了本申请实施例提供的一种拼接图片显示方法的步骤流程图;
图2示出了本申请实施例提供的另一种拼接图片显示方法的步骤流程图;
图3示出了本申请实施例提供的一种拼接图片显示装置的结构示意图;
图4示出了本申请实施例提供的另一种拼接图片显示装置的结构示意图。
具体实施方式
为使本申请的上述目的、特征和优点能够更加明显易懂,下面结合附图和具体实施方式对本申请作进一步详细的说明。
实施例一
参照图1,示出了本申请实施例提供的一种拼接图片显示方法的步骤流程图,该拼接图片显示方法具体可以包括如下步骤:
步骤101:获取待拼接图片在拼接背景屏幕上的初始参量。
本申请实施例可以应用于根据用户手势对图片进行拼接,并移植到展示屏幕上进行显示的场景中。
待拼接图片是指需要进行手势拼接的图片。在本实施例中,待拼接图片可以为一张图片,也可以为多张图片,具体地,可以根据业务需求而定,本实施例对此不加以限制。
初始参量是指待拼接图片在拼接背景屏幕上的位置参量,具体地,初始参量可以包括待拼接图片在拼接背景屏幕上的图片中心点,及待拼接图片最左边的点距离拼接背景屏幕左边界的距离、待拼接图片最右边的点距离拼接背景屏幕右边界的距离、待拼接图片最上边的点距离拼接背景屏幕上边界的距离和待拼接图片最下边的点距离下边界的距离等参量。
初始参量旨在能反应出待拼接图片在拼接背景屏幕中的初始位置。
在获取待拼接图片之后,可以先将待拼接图片添加至拼接背景屏幕上,然后,可以结合拼接背景屏幕的坐标系确定待拼接图片在拼接背景屏幕上的初始参量。
在获取到待拼接图片在拼接背景屏幕上的初始参量之后,执行步骤102。
步骤102:根据用户对所述待拼接图片执行的手势操作,确定所述待拼接图片对应的转换参量。
手势操作是指用户对待拼接图片执行的操作,在本实施例中,手势操作可以为旋转操作、平移操作、点击操作、缩放操作等操作中的一种或多种,具体地,可以根据业务需求而定,本实施例对此不加以限制。
转换参量是指对待拼接图片执行的手势操作所形成的图片转换的参量,转换参量可以为待拼接图片的旋转角度、平移距离、缩放比例等等,具体地,可以根据实际情况而定,本实施例对此不加以限制。
在将待拼接图片添加至拼接背景屏幕上之后,用户可以根据需求对待拼接图片执行手势操作,进而,可以根据用户对待拼接图片执行的手势操作,确定出待拼接图片对应的转换参量。
在确定出待拼接图片对应的转换参量之后,执行步骤103。
步骤103:根据所述初始参量和所述转换参量,确定所述待拼接图片在所述拼接背景屏幕上的展示信息。
展示信息是指待拼接图片在拼接背景屏幕上的位置信息。
在确定出待拼接图片对应的转换参量之后,可以结合初始参量和转换参量,计算出待拼接图片在拼接背景屏幕上的展示信息,例如,在转换参量为旋转角度时,可以结合初始参量,计算出待拼接图片进行旋转之后在拼接背景屏幕上的位置,以此作为待拼接图片在拼接背景屏幕上的展示信息。在转换参量为平移距离时,可以结合初始参量,计算出待拼接图片在按照平移距离平移之后在拼接背景屏幕上的位置,以此作为待拼接图片在拼接背景屏幕上的展示信息等等。
可以理解地,上述示例仅是为了更好地理解本申请实施例的技术方案而列举的示例,不作为对本申请实施例的唯一限制。
在根据初始参量和转换参量,确定出待拼接图片在拼接背景屏幕上的展示信息之后,执行步骤104。
步骤104:根据所述展示信息、及所述拼接背景屏幕与待展示屏幕的尺寸比例,将所述待拼接图片展示于所述待展示屏幕上。
待展示屏幕是指用于对拼接后的图片进行展示的屏幕。
尺寸比例是指拼接背景屏幕与待展示屏幕的尺寸比例,具体地,此处,尺寸比例可以为拼接背景屏幕的宽度与待展示屏幕的宽度的比例,及拼接背景屏幕的高度与待展示屏幕的高度的比例。
在获取待拼接图片在拼接背景屏幕上的展示信息之后,可以结合拼接背景屏幕与待展示屏幕的尺寸比例将待拼接图片展示于待展示屏幕上,具体地,将上述展示信息保留到界面的布局信息中,同时,进入二级面的时候,读取中心点坐标、宽高比与当前新画布(即待展示屏幕)的真实值即可以,然后以矩形的方式绘制到界面上。同时根据保存的数值重新根据仿射变换界面设置角度的方法再绘制到界面上。此时,以最简单的方式重新将界面绘制了一遍。
本申请实施例通过在拼接背景屏幕上根据用户的手势操作进行转换,可以达到动态化调整成拼图自由模式状态,通过一系列手势操作,将界面信息保存,并且随时为使用而准备。
本申请实施例提供的拼接图片显示方法,通过获取待拼接图片在拼接背景屏幕上的初始参量,根据用户对待拼接图片执行的手势操作,确定待拼接图片对应的转换参量,根据初始参量和转换参量,确定待拼接图片在拼接背景屏幕上的展示信息,根据展示信息、及拼接背景屏幕与待展示屏幕的尺寸比例,将待拼接图片展示于待展示屏幕上。本申请实施例通过在拼接背景屏幕上根据用户的手势操作进行转换,可以达到动态化调整成拼图自由模式状态,通过一系列手势操作,将界面信息保存,并且随时为使用而准备,通过一系列算法,保证了界面的比例可复用性。
实施例二
参照图2,示出了本申请实施例提供的另一种拼接图片显示方法的步骤流程图,该拼接图片显示方法具体可以包括如下步骤:
步骤201:获取所述待拼接图片的中心点在所述拼接背景屏幕上的横纵坐标比。
本申请实施例可以应用于根据用户手势对图片进行拼接,并移植到展示屏幕上进行显示的场景中。
横纵坐标比是指待拼接图片的中心点的横纵坐标比,具体地,可以先获取待拼接图片在拼接背景屏幕上的中心点坐标,然后,将中心点坐标中的横坐标与拼接背景屏幕的宽度比值、中心点坐标中的纵坐标与拼接背景屏幕的高度比值,作为横纵坐标比。
在获取待拼接图片的中心点在拼接背景屏幕上的横纵坐标比之后,执行步骤202。
步骤202:根据所述横纵坐标比,确定所述待拼接图片在所述拼接背景屏幕上的初始位置,将所述初始位置作为所述初始参量。
初始位置是指初次将待拼接图片摆放于拼接背景屏幕上时,待拼接图片在拼接背景屏幕上所处的位置。
在获取待拼接图片的中心点在拼接背景屏幕上的横纵坐标比之后,可以根据横纵坐标比确定待拼接图片在拼接背景屏幕上的初始位置。具体地,由于获取的横纵坐标比为待拼接图片的中心点的横纵坐标比,而通过横纵坐标比,结合待拼接图片最上边的点、最左边的点、最下边的点和最右边的点,确定出待拼接图片在待拼接屏幕上的初始位置,从而可以将该初始位置作为初始参量。
步骤203:在所述手势操作为平移操作时,获取所述平移操作对应的平移距离,并将所述平移距离作为所述转换参量。
在将待拼接图片放置于拼接背景屏幕上之后,可以由用户对待拼接图片执行相应的手势操作。
转换参量是指对待拼接图片执行的手势操作所形成的图片转换的参量,转换参量可以为待拼接图片的旋转角度、平移距离、缩放比例等等,具体地,可以根据实际情况而定,本实施例对此不加以限制。
在用户对待拼接图片执行的手势操作为平移操作时,可以获取平移操作对应的平移距离,以将平移距离作为待拼接图片的转换参量。
在本实施例中,平移操作可以为向单一方向平移的操作,也可以为向多方向平移的操作,在平移操作为向单一方向平移的操作时,则将单一方向平移的距离作为转换参量,例如,在平移操作为向右平移3个像素时,则将“向右平移:3个像素”作为转换参量。在平移操作为向多方向平移的操作时,则将多方向平移的距离分别作为转换参量,例如,在平移操作为先向左平移2个像素,再向下平移3个像素时,则将“向左平移:2个像素,向下平移:3个像素”作为转换参量。
可以理解地,上述示例仅是为了更好地理解本申请实施例的技术方案而列举的示例,不作为对本申请实施例的唯一限制。
步骤204:在所述手势操作为旋转操作时,获取所述旋转操作对应的旋转角度,并将所述旋转角度作为所述转换参量。
旋转角度是指用户对待拼接图片执行的旋转操作对应的角度。
在用户对待拼接图片执行的手势操作为旋转操作时,可以获取旋转操作对应的旋转角度,并将旋转角度作为转换参量,例如,在用户顺时针旋转图片180°时,则将“顺时针旋转:180°”作为转换参量。
步骤205:在所述手势操作为缩放操作时,获取所述缩放操作对应的缩放比例,并将所述缩放比例作为所述转换参量。
缩放比例是指用户对待拼接图片执行的缩放操作所对应的比例。
在本实施例中,缩放操作可以为缩小操作或放大操作,相应的,在缩放操作为缩小操作时,则缩放比例即为缩小比例;在缩放操作为放大操作时,则缩放比例即为放大比例。
在用户对待拼接图片执行的手势操作为缩放操作时,可以获取缩放操作对应的缩放比例,并将缩放比例作为转换参量,例如,在用户缩小待拼接图片的尺寸为原来的1/2时,则将“缩小图片,缩小比例:1/2”作为转换参量。在用户放大待拼接图片的尺寸为原来的1/3时,则将“放大图片,放大比例:1/3”作为转换参量。
可以理解地,上述示例仅是为了更好地理解本申请实施例的技术方案而列举的示例,不作为对本申请实施例的唯一限制。
步骤206:在所述手势操作为点击操作时,获取所述点击操作对应的显示优先级,并将所述显示优先级作为所述转换参量。
显示优先级是指用户对待拼接图片执行的点击操作所对应的显示优先级,在本实施例中,在待拼接图片为多张图片时,且多张图片包含有重叠区域,用户可以通过点击图片,以实现图片的全量显示,例如,待拼接图片包括图片1和图片2,且图片1和图片2部分叠加,在接收到用户对图片1执行的点击操作时,则提高图片1的显示优先级,即在拼接背景屏幕上全量显示图片1,图片2部分显示。
可以理解地,上述示例仅是为了更好地理解本申请实施例的技术方案而列举的示例,不作为对本申请实施例的唯一限制。
在用户对待拼接图片执行的手势操作为点击操作时,可以获取点击操作对应的显示优先级,并将该显示优先级作为转换参量。
步骤207:根据所述初始参量和所述转换参量,在所述拼接背景屏幕上对所述待拼接图片进行调整。
在获取到待拼接图片对应的转换参量之后,可以根据初始参量和转换参量在拼接背景屏幕上对待拼接图片进行调整。具体地,可以结合初始参量和转换参量对待拼接图片进行调整,例如,在转换参量为平移距离时,平移距离为向右平移1个像素时,根据待拼接图片的初始参量对待拼接图片进行调整。
在根据初始参量和转换参量在拼接背景屏幕上对待拼接图片进行调整之后,执行步骤208。
步骤208:根据调整结果,确定所述待拼接图片在所述拼接背景屏幕上的位置信息。
在根据初始参量和转换参量在拼接背景屏幕上对待拼接图片进行调整之后,可以获取相应的调整结果,进而可以根据调整结果确定出待拼接图片在拼接背景的位置信息。例如,在用户对待拼接图片执行的手势操作为平移操作时,获取的平移操作对应的平移距离为向右平移1个像素,此时,待拼接图片上各点的坐标即发生了改变,可以根据待拼接图片的初始参量(包含坐标)结合平移距离,计算得到待拼接图片调整后的坐标值,从而,可以获取到待拼接图片进行调整之后在拼接背景屏幕上所处的位置。
可以理解地,上述示例仅是为了更好地理解本申请实施例的技术方案而列举的示例,不作为对本申请实施例的唯一限制。
在用户对待拼接图片执行的手势操作包含多种操作时,可以根据每种操作对应的转换参量,依次获取待拼接图片进行每种操作转换之后在拼接背景屏幕上所处的位置,最终可以获取到待拼接图片在进行调整之后所处的位置,即待拼接图片在拼接背景屏幕上的位置信息。
步骤209:获取所述拼接背景屏幕的第一宽高比,及所述待展示屏幕对应的第二宽高比。
待展示屏幕是指用于对拼接后的图片进行展示的屏幕。
第一宽高比是指拼接背景屏幕的宽度与高度的比值。
第二宽高比是指待展示屏幕的宽度与高度的比值。
在需要将调整后的待拼接图片展示于待展示屏幕上时,可以获取拼接背景屏幕的第一宽高比,及待展示屏幕的第二宽高比,进而,执行步骤210。
步骤210:根据所述第一宽高比、所述第二宽高比和所述位置信息,确定所述待拼接图片在所述待展示屏幕上的目标位置。
目标位置是指待拼接图片展示于待展示屏幕上时,在待展示屏幕上所处的位置。
在获取到拼接背景屏幕的第一宽高比、待展示屏幕的第二宽高比,及待拼接图片在进行调整之后的位置信息之后,可以根据第一宽高比、第二宽高比和位置信息,确定待拼接图片在待展示屏幕上的目标位置。具体地,可以计算第一宽高比和第二宽高比对应的尺寸比例,然后结合待展示图片在拼接背景屏幕上的位置信息,计算得到待拼接图片在待展示屏幕上的目标位置,例如,。
步骤211:根据所述目标位置,将所述待拼接图片展示于所述待展示屏幕上。
在获取到待拼接图片在待展示屏幕上的目标位置之后,可以将待拼接图片展示于待展示屏幕的目标位置。具体地,可以以矩形的方式将待拼接图片绘制到待展示屏幕上。
当然,在本实施例中,对于生成大图也可以上述方式进行重新布局以及绘制。以16:9案例来算,在需要输出4K大图,达到3840*2160尺寸的布局时,通过本实施例,首先计算出画布与生成比例,如果有边框描绘,渐变的输出,然后,将比例与布局结合相乘计算即可。然后因为当前界面展示为低分辨率图片,为了保存为高分辨率,可以重新设置图片,因为界面画布尺寸固定,及时设置了新图片也不会有任何问题,效果也会保持一致。由于图片可能经过一系列的上下对称、左右对称、旋转、滤镜、更换图片的操作,所以原图也要一一根据这些操作进行一边重新生成图片即可,替换低分辨率图片。然后根据当前所有界面的layer通过UIGraphicsBeginImageContextWithOptions(CGSize size,BOOL opaque,CGFloatscale)方法绘制到屏幕上,其中scale为屏幕的像素密度,在高像素密度的情况下,UIImage绘制完成保存为PNG、JPEG等格式会加大尺寸,所以需要再次以1倍的情况下再重新保存一边,此时低质量、高清晰度的4K图片即可生成。
本申请实施例提供的拼接图片显示方法,通过获取待拼接图片在拼接背景屏幕上的初始参量,根据用户对待拼接图片执行的手势操作,确定待拼接图片对应的转换参量,根据初始参量和转换参量,确定待拼接图片在拼接背景屏幕上的展示信息,根据展示信息、及拼接背景屏幕与待展示屏幕的尺寸比例,将待拼接图片展示于待展示屏幕上。本申请实施例通过在拼接背景屏幕上根据用户的手势操作进行转换,可以达到动态化调整成拼图自由模式状态,通过一系列手势操作,将界面信息保存,并且随时为使用而准备,通过一系列算法,保证了界面的比例可复用性。
实施例三
参照图3,示出了本申请实施例提供的一种拼接图片显示装置的结构示意图,该拼接图片显示装置具体可以包括如下模块:
初始参量获取模块310,用于获取待拼接图片在拼接背景屏幕上的初始参量;
转换参量确定模块320,用于根据用户对所述待拼接图片执行的手势操作,确定所述待拼接图片对应的转换参量;
展示信息确定模块330,用于根据所述初始参量和所述转换参量,确定所述待拼接图片在所述拼接背景屏幕上的展示信息;
拼接图片展示模块340,用于根据所述展示信息、及所述拼接背景屏幕与待展示屏幕的尺寸比例,将所述待拼接图片展示于所述待展示屏幕上。
本申请实施例提供的拼接图片显示装置,通过获取待拼接图片在拼接背景屏幕上的初始参量,根据用户对待拼接图片执行的手势操作,确定待拼接图片对应的转换参量,根据初始参量和转换参量,确定待拼接图片在拼接背景屏幕上的展示信息,根据展示信息、及拼接背景屏幕与待展示屏幕的尺寸比例,将待拼接图片展示于待展示屏幕上。本申请实施例通过在拼接背景屏幕上根据用户的手势操作进行转换,可以达到动态化调整成拼图自由模式状态,通过一系列手势操作,将界面信息保存,并且随时为使用而准备,通过一系列算法,保证了界面的比例可复用性。
实施例四
参照图4,示出了本申请实施例提供的另一种拼接图片显示装置的结构示意图,该拼接图片显示装置具体可以包括如下模块:
初始参量获取模块410,用于获取待拼接图片在拼接背景屏幕上的初始参量;
转换参量确定模块420,用于根据用户对所述待拼接图片执行的手势操作,确定所述待拼接图片对应的转换参量;
展示信息确定模块430,用于根据所述初始参量和所述转换参量,确定所述待拼接图片在所述拼接背景屏幕上的展示信息;
拼接图片展示模块440,用于根据所述展示信息、及所述拼接背景屏幕与待展示屏幕的尺寸比例,将所述待拼接图片展示于所述待展示屏幕上。
可选地,所述初始参量获取模块410包括:
横纵坐标比获取单元411,用于获取所述待拼接图片的中心点在所述拼接背景屏幕上的横纵坐标比;
初始参量获取单元412,用于根据所述横纵坐标比,确定所述待拼接图片在所述拼接背景屏幕上的初始位置,将所述初始位置作为所述初始参量。
可选地,所述转换参量确定模块420包括:
平移距离获取单元421,用于在所述手势操作为平移操作时,获取所述平移操作对应的平移距离,并将所述平移距离作为所述转换参量;
旋转角度获取单元422,用于在所述手势操作为旋转操作时,获取所述旋转操作对应的旋转角度,并将所述旋转角度作为所述转换参量;
缩放比例获取单元423,用于在所述手势操作为缩放操作时,获取所述缩放操作对应的缩放比例,并将所述缩放比例作为所述转换参量;
显示优先级获取单元424,用于在所述手势操作为点击操作时,获取所述点击操作对应的显示优先级,并将所述显示优先级作为所述转换参量。
可选地,所述展示信息确定模块430包括:
拼接图片调整单元431,用于根据所述初始参量和所述转换参量,在所述拼接背景屏幕上对所述待拼接图片进行调整;
位置信息确定单元432,用于根据调整结果,确定所述待拼接图片在所述拼接背景屏幕上的位置信息。
可选地,所述拼接图片展示模块440包括:
宽高比获取单元441,用于获取所述拼接背景屏幕的第一宽高比,及所述待展示屏幕对应的第二宽高比;
目标位置确定单元442,用于根据所述第一宽高比、所述第二宽高比和所述位置信息,确定所述待拼接图片在所述待展示屏幕上的目标位置;
拼接图片展示单元443,用于根据所述目标位置,将所述待拼接图片展示于所述待展示屏幕上。
本申请实施例提供的拼接图片显示装置,通过获取待拼接图片在拼接背景屏幕上的初始参量,根据用户对待拼接图片执行的手势操作,确定待拼接图片对应的转换参量,根据初始参量和转换参量,确定待拼接图片在拼接背景屏幕上的展示信息,根据展示信息、及拼接背景屏幕与待展示屏幕的尺寸比例,将待拼接图片展示于待展示屏幕上。本申请实施例通过在拼接背景屏幕上根据用户的手势操作进行转换,可以达到动态化调整成拼图自由模式状态,通过一系列手势操作,将界面信息保存,并且随时为使用而准备,通过一系列算法,保证了界面的比例可复用性。
对于前述的各方法实施例,为了简单描述,故将其都表述为一系列的动作组合,但是本领域技术人员应该知悉,本申请并不受所描述的动作顺序的限制,因为依据本申请,某些步骤可以采用其他顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作和模块并不一定是本申请所必须的。
另外地,本申请实施例还提供了一种电子设备,包括:处理器、存储器以及存储在所述存储器上并可在所述处理器上运行的计算机程序,所述处理器执行所述程序时实现上述任一项所述的拼接图片显示方法。
本申请实施例还提供了一种计算机可读存储介质,当所述存储介质中的指令由电子设备的处理器执行时,使得电子设备能够执行上述任一项所述的拼接图片显示方法。
本说明书中的各个实施例均采用递进的方式描述,每个实施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同相似的部分互相参见即可。
最后,还需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
以上对本申请所提供的一种拼接图片显示方法、一种拼接图片显示装置、一种电子设备和一种计算机可读存储介质,进行了详细介绍,本文中应用了具体个例对本申请的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本申请的方法及其核心思想;同时,对于本领域的一般技术人员,依据本申请的思想,在具体实施方式及应用范围上均会有改变之处,综上所述,本说明书内容不应理解为对本申请的限制。

Claims (6)

1.一种拼接图片显示方法,其特征在于,包括:
获取待拼接图片在拼接背景屏幕上的初始参量,包括:获取所述待拼接图片的中心点在所述拼接背景屏幕上的横纵坐标比;根据所述横纵坐标比,确定所述待拼接图片在所述拼接背景屏幕上的初始位置,将所述初始位置作为所述初始参量;
根据用户对所述待拼接图片执行的手势操作,确定所述待拼接图片对应的转换参量;
根据所述初始参量和所述转换参量,确定所述待拼接图片在所述拼接背景屏幕上的展示信息,包括:根据所述初始参量和所述转换参量,在所述拼接背景屏幕上对所述待拼接图片进行调整;根据调整结果,确定所述待拼接图片在所述拼接背景屏幕上的位置信息;
根据所述展示信息、及所述拼接背景屏幕与待展示屏幕的尺寸比例,将所述待拼接图片展示于所述待展示屏幕上,包括:获取所述拼接背景屏幕的第一宽高比,及所述待展示屏幕对应的第二宽高比;根据所述第一宽高比、所述第二宽高比和所述位置信息,确定所述待拼接图片在所述待展示屏幕上的目标位置;根据所述目标位置,将所述待拼接图片展示于所述待展示屏幕上。
2.根据权利要求1所述的方法,其特征在于,所述根据用户对所述待拼接图片执行的手势操作,确定所述待拼接图片对应的转换参量,包括:
在所述手势操作为平移操作时,获取所述平移操作对应的平移距离,并将所述平移距离作为所述转换参量;和/或
在所述手势操作为旋转操作时,获取所述旋转操作对应的旋转角度,并将所述旋转角度作为所述转换参量;和/或
在所述手势操作为缩放操作时,获取所述缩放操作对应的缩放比例,并将所述缩放比例作为所述转换参量;和/或
在所述手势操作为点击操作时,获取所述点击操作对应的显示优先级,并将所述显示优先级作为所述转换参量。
3.一种拼接图片显示装置,其特征在于,包括:
初始参量获取模块,用于获取待拼接图片在拼接背景屏幕上的初始参量;
转换参量确定模块,用于根据用户对所述待拼接图片执行的手势操作,确定所述待拼接图片对应的转换参量;
展示信息确定模块,用于根据所述初始参量和所述转换参量,确定所述待拼接图片在所述拼接背景屏幕上的展示信息;
拼接图片展示模块,用于根据所述展示信息、及所述拼接背景屏幕与待展示屏幕的尺寸比例,将所述待拼接图片展示于所述待展示屏幕上;
所述初始参量获取模块包括:
横纵坐标比获取单元,用于获取所述待拼接图片的中心点在所述拼接背景屏幕上的横纵坐标比;
初始参量获取单元,用于根据所述横纵坐标比,确定所述待拼接图片在所述拼接背景屏幕上的初始位置,将所述初始位置作为所述初始参量;
所述展示信息确定模块包括:
拼接图片调整单元,用于根据所述初始参量和所述转换参量,在所述拼接背景屏幕上对所述待拼接图片进行调整;
位置信息确定单元,用于根据调整结果,确定所述待拼接图片在所述拼接背景屏幕上的位置信息;
所述拼接图片展示模块包括:
宽高比获取单元,用于获取所述拼接背景屏幕的第一宽高比,及所述待展示屏幕对应的第二宽高比;
目标位置确定单元,用于根据所述第一宽高比、所述第二宽高比和所述位置信息,确定所述待拼接图片在所述待展示屏幕上的目标位置;
拼接图片展示单元,用于根据所述目标位置,将所述待拼接图片展示于所述待展示屏幕上。
4.根据权利要求3所述的装置,其特征在于,所述转换参量确定模块包括:
平移距离获取单元,用于在所述手势操作为平移操作时,获取所述平移操作对应的平移距离,并将所述平移距离作为所述转换参量;
旋转角度获取单元,用于在所述手势操作为旋转操作时,获取所述旋转操作对应的旋转角度,并将所述旋转角度作为所述转换参量;
缩放比例获取单元,用于在所述手势操作为缩放操作时,获取所述缩放操作对应的缩放比例,并将所述缩放比例作为所述转换参量;
显示优先级获取单元,用于在所述手势操作为点击操作时,获取所述点击操作对应的显示优先级,并将所述显示优先级作为所述转换参量。
5.一种电子设备,其特征在于,包括:
处理器、存储器以及存储在所述存储器上并可在所述处理器上运行的计算机程序,所述处理器执行所述程序时实现权利要求1至2任一项所述的拼接图片显示方法。
6.一种计算机可读存储介质,其特征在于,当所述存储介质中的指令由电子设备的处理器执行时,使得电子设备能够执行权利要求1至2中任一项所述的拼接图片显示方法。
CN202010333107.3A 2020-04-24 2020-04-24 拼接图片显示方法、装置、电子设备及存储介质 Active CN111553842B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010333107.3A CN111553842B (zh) 2020-04-24 2020-04-24 拼接图片显示方法、装置、电子设备及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010333107.3A CN111553842B (zh) 2020-04-24 2020-04-24 拼接图片显示方法、装置、电子设备及存储介质

Publications (2)

Publication Number Publication Date
CN111553842A CN111553842A (zh) 2020-08-18
CN111553842B true CN111553842B (zh) 2024-03-12

Family

ID=72002495

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010333107.3A Active CN111553842B (zh) 2020-04-24 2020-04-24 拼接图片显示方法、装置、电子设备及存储介质

Country Status (1)

Country Link
CN (1) CN111553842B (zh)

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102508628A (zh) * 2011-10-08 2012-06-20 广东威创视讯科技股份有限公司 消除拼接墙拼缝的方法、装置及基于拼接墙的图像***
CN103093447A (zh) * 2013-01-18 2013-05-08 南京大学 一种计算机图片集中图片剪切拼接方法
CN106296622A (zh) * 2015-05-27 2017-01-04 阿里巴巴集团控股有限公司 一种自动布局的拼图方法及装置
CN107622518A (zh) * 2017-09-20 2018-01-23 广东欧珀移动通信有限公司 图片合成方法、装置、设备及存储介质
CN110022463A (zh) * 2019-04-11 2019-07-16 重庆紫光华山智安科技有限公司 动态场景下实现视频感兴趣区域智能编码方法及***
CN110221722A (zh) * 2019-05-27 2019-09-10 掌阅科技股份有限公司 图片处理方法、电子设备及存储介质
CN110660119A (zh) * 2019-09-20 2020-01-07 寿光新保农农业科技有限公司 基于位图扫描的文字动态效果生成方法及装置

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102508628A (zh) * 2011-10-08 2012-06-20 广东威创视讯科技股份有限公司 消除拼接墙拼缝的方法、装置及基于拼接墙的图像***
CN103093447A (zh) * 2013-01-18 2013-05-08 南京大学 一种计算机图片集中图片剪切拼接方法
CN106296622A (zh) * 2015-05-27 2017-01-04 阿里巴巴集团控股有限公司 一种自动布局的拼图方法及装置
CN107622518A (zh) * 2017-09-20 2018-01-23 广东欧珀移动通信有限公司 图片合成方法、装置、设备及存储介质
CN110022463A (zh) * 2019-04-11 2019-07-16 重庆紫光华山智安科技有限公司 动态场景下实现视频感兴趣区域智能编码方法及***
CN110221722A (zh) * 2019-05-27 2019-09-10 掌阅科技股份有限公司 图片处理方法、电子设备及存储介质
CN110660119A (zh) * 2019-09-20 2020-01-07 寿光新保农农业科技有限公司 基于位图扫描的文字动态效果生成方法及装置

Also Published As

Publication number Publication date
CN111553842A (zh) 2020-08-18

Similar Documents

Publication Publication Date Title
US9418068B2 (en) Dimensional conversion in presentations
US20070097109A1 (en) Method and system for generating detail-in-context presentations in client/server systems
US20100315315A1 (en) Optimal graphics panelization for mobile displays
US9135885B2 (en) Resolution independent client side rendering
US9342862B2 (en) Zooming a displayed image
EP4207051A1 (en) Image super-resolution method and electronic device
US11314400B2 (en) Unified digital content selection system for vector and raster graphics
CN107861711B (zh) 页面适配方法及装置
US11250643B2 (en) Method of providing virtual exhibition space using 2.5-dimensionalization
JP2012129754A (ja) 画像処理装置及びプログラム
KR20150106330A (ko) 화상 표시 장치 및 화상 표시 방법
CN110443772B (zh) 图片处理方法、装置、计算机设备和存储介质
US10534505B2 (en) Technique for preventing unnecessary overlap of user interfaces
CN111986601A (zh) 屏幕显示方法、装置、终端设备和存储介质
CN109101144B (zh) 热力图绘制方法及装置
CN111553842B (zh) 拼接图片显示方法、装置、电子设备及存储介质
CN111612838A (zh) 一种图像获取方法、装置及电子设备
CN113722031B (zh) 一种电子签名的动态展示方法、设备、介质及产品
CN113538468B (zh) 基于svg格式构建高清卫星地图矢量切片的方法及装置
CN104639969A (zh) 一种页面全屏显示方法和装置
CN111521127B (zh) 测量方法、测量装置以及记录介质
CN113703653A (zh) 图像处理方法、装置、设备和计算机可读存储介质
CN109284456B (zh) 网页控件在ar中的空间定位方法和ar***
CN111755103A (zh) 一种转换病理切片方法及装置
CN113012028B (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
GR01 Patent grant
GR01 Patent grant