CN105094809A - 组合图片布局修改方法、装置以及终端设备 - Google Patents
组合图片布局修改方法、装置以及终端设备 Download PDFInfo
- Publication number
- CN105094809A CN105094809A CN201510367004.8A CN201510367004A CN105094809A CN 105094809 A CN105094809 A CN 105094809A CN 201510367004 A CN201510367004 A CN 201510367004A CN 105094809 A CN105094809 A CN 105094809A
- Authority
- CN
- China
- Prior art keywords
- layout
- layout templates
- picture
- phase cell
- templates
- 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
Abstract
本发明实施例公开了一种组合图片布局修改方法、装置以及终端设备。所述方法包括:获取需要进行组合的多张图片,并在图片编辑界面将多张图片按第一布局模板的布局方式组合成一张组合图片;接收布局修改命令,其中,布局修改命令用于指示将组合图片从第一布局模板的布局方式修改为第二布局模板的布局方式;响应布局修改命令:在图片编辑界面以动画的方式显示组合图片从第一布局模板的布局方式修改为第二布局模板的布局方式的过程,并得到按第二布局模板的布局方式组合成的修改后的组合图片。本发明能够直观地看到组合图片修改布局时的过程,提高使用的方便性。
Description
技术领域
本发明涉及图像处理领域,尤其涉及一种组合图片布局修改方法、装置以及终端设备。
背景技术
随着互联网技术的发展和应用,人与人之间的沟通越来越密切。人们喜欢在一些社交网络(如微博、微信等)上分享自己的生活的图片等等。当发送的图片比较多时,可以将多张图片组合在一起形成一个组合图片。例如可以通过拼接的方式将多张图片组合在一起形成组合图片(所拼接的图片之间没有交叠),也可以通过部分叠合的方式将多张图片组合在一起形成组合图片。其中,形成组合图片中的各张图片可以是一张完整的图片,也可以是一张完整的图片中截取的一部分。通过对多张图片的组合,可以丰富图片的内容和视觉效果。
为了满足用户的喜好等需求,图片处理软件一般都设置有多种不同风格的布局模板。不同的布局模板对应不同的图片组合方式。用户在进行图片组合时,可以对组合图片的布局进行修改。当修改布局时,图片处理软件则需要按照新布局的图片组合方式对需要组合的图片进行重新排列。
现有技术提供了一种组合图片重新排列方法,在图片编辑界面上设置布局模板选择按钮。当用户点击布局模板选择按钮后,弹出一个全屏的布局模板选择界面以供用户选择想要的布局模板。用户选择了想要的布局模板后,关闭全屏的布局模板选择界面并返回到图片编辑界面。然后,按照新布局生成的新的组合图片将会显示在图片编辑界面上。
在上述方法下,用户选择布局模板是在一个覆盖原有的图片编辑界面的全屏的布局模板选择界面上进行的,所以,用户选择了布局模板后,不能马上看到新的组合图片,需要在关闭布局模板选择界面回到图片编辑界面后,才能看到新布局的组合图片,并确定新的组合图片是否满足用户的要求,使用十分不方便。
发明内容
本发明实施例所要解决的技术问题在于,提供一种组合图片布局修改方法、装置以及终端设备,实现了直观地看到组合图片修改布局时的过程,提高使用的方便性。
第一方面,本发明实施例提供了一种组合图片布局修改方法,包括:获取需要进行组合的多张图片,并在图片编辑界面将所述多张图片按第一布局模板的布局方式组合成一张组合图片;接收布局修改命令,其中,所述布局修改命令用于指示将所述组合图片从所述第一布局模板的布局方式修改为第二布局模板的布局方式;响应所述布局修改命令:在所述图片编辑界面以动画的方式显示所述组合图片从所述第一布局模板的布局方式修改为第二布局模板的布局方式的过程,并得到按所述第二布局模板的布局方式组合成的修改后的组合图片。
可选地,所述第一布局模板与所述第二布局模板具有数量相同的相格,其中,每个相格用于填充一张图片,所述在所述图片编辑界面以动画的方式显示所述组合图片从所述第一布局模板的布局方式修改为第二布局模板的布局方式的过程包括:确定第一布局模板中的各相格与第二布局模板中的各相格之间一一对应的映射关系;在所述图片编辑界面,按照第一布局模板中的各相格与第二布局模板中的各相格之间一一对应的映射关系,将所述第一布局模板各相格中的图片以动画的形式动态变换到所述第二布局模板的各相格中。
可选地,所述确定第一布局模板中的各相格与第二布局模板中的各相格之间一一对应的映射关系之后,所述方法还包括:调整所述第一布局模板的相格中的图片的大小,以使调整后的图片的大小与所述第二布局模板中的相格的大小相适配。
可选地,所述第一布局模板中相格的数量多于第二布局模板中相格的数量,其中,每个相格用于填充一张图片,所述在所述图片编辑界面以动画的方式显示所述组合图片从所述第一布局模板的布局方式修改为第二布局模板的布局方式的过程包括:将所述第一布局模板中的多余图片从所述第一布局模板中删去,其中,所述多余图片的数量等于第一布局模板中的图片的数量减去第二布局模板中的图片的数量;确定所述第一布局模板中的剩余图片所在的相格与第二布局模板中的各相格之间一一对应的映射关系;按照第一布局模板中的剩余图片所在的相格与第二布局模板中的相格之间一一对应的映射关系,将所述第一布局模板的相格中剩余的图片以动画的形式动态变换到所述第二布局模板的各相格中。
可选地,所述第一布局模板中相格的数量少于第二布局模板中相格的数量,其中,每个相格用于填充一张图片,所述在所述图片编辑界面以动画的方式显示所述组合图片从所述第一布局模板的布局方式修改为第二布局模板的布局方式的过程包括:从第二布局模板中选择与第一布局模板中的相格的数量相等的相格;确定第一布局模板中的相格与第二布局模板中被选择的相格之间一一对应的映射关系;按照第一布局模板中的相格与第二布局模板中被选择的相格之间一一对应的映射关系,将所述第一布局模板的相格中的图片以动画的方式动态变换到所述第二布局模板被选择的相格中。
可选地,在从第二布局模板中选择与第一布局模板中的第一相格的数量相等的第二相格之后还包括:获取用户选择的新增图片,其中,所述新增的图片的数量与所述第二布局模板中未被选择的相格数量相等;将所述新增图片以动画的方式动态填充到第二布局模板中未被选择的相格中。
第二方面,本发明实施例提供了一种组合图片布局修改装置,其特征在于,包括组合模块、接收模块以及响应模块,所述组合模块用于获取需要进行组合的多张图片,并在图片编辑界面将所述多张图片按第一布局模板的布局方式组合成一张组合图片;所述接收模块用于接收布局修改命令,其中,所述布局修改命令用于指示将所述组合图片从所述第一布局模板的布局方式修改为第二布局模板的布局方式;所述响应模块用于响应所述布局修改命令:在所述图片编辑界面以动画的方式显示所述组合图片从所述第一布局模板的布局方式修改为第二布局模板的布局方式的过程,并得到按所述第二布局模板的布局方式组合成的修改后的组合图片。
可选地,所述第一布局模板与所述第二布局模板具有数量相同的相格,其中,每个相格用于填充一张图片,所述响应模块包括:确定单元以及映射单元,所述确定单元用于确定第一布局模板中的各相格与第二布局模板中的各相格之间一一对应的映射关系;所述映射单元用于在所述图片编辑界面,按照第一布局模板中的各相格与第二布局模板中的各相格之间一一对应的映射关系,将所述第一布局模板各相格中的图片以动画的形式动态变换到所述第二布局模板的各相格中。
可选地,所述响应模块还包括调整单元,所述调整单元用于调整所述第一布局模板的相格中的图片的大小,以使调整后的图片的大小与所述第二布局模板中的相格的大小相适配。
可选地,所述第一布局模板中相格的数量多于第二布局模板中相格的数量,其中,每个相格用于填充一张图片,所述响应模块包括:删去单元、确定单元以及映射单元,所述删去单元用于将所述第一布局模板中的多余图片从所述第一布局模板中删去,其中,所述多余图片的数量等于第一布局模板中的图片的数量减去第二布局模板中的图片的数量;所述确定单元用于确定所述第一布局模板中的剩余图片所在的相格与第二布局模板中的各相格之间一一对应的映射关系;所述映射单元用于按照第一布局模板中的剩余图片所在的相格与第二布局模板中的相格之间一一对应的映射关系,将所述第一布局模板的相格中剩余的图片以动画的形式动态变换到所述第二布局模板的各相格中。
可选地,所述第一布局模板中相格的数量少于第二布局模板中相格的数量,其中,每个相格用于填充一张图片,所述响应模块包括:选择单元、确定单元以及映射单元,所述选择单元用于从第二布局模板中选择与第一布局模板中的相格的数量相等的相格;所述确定单元用于确定第一布局模板中的相格与第二布局模板中被选择的相格之间一一对应的映射关系;所述映射单元用于按照第一布局模板中的相格与第二布局模板中被选择的相格之间一一对应的映射关系,将所述第一布局模板的相格中的图片以动画的方式动态变换到所述第二布局模板被选择的相格中。
可选地,所述响应模块还包括新增单元以及填充单元,所述新增单元用于获取用户选择的新增图片,其中,所述新增的图片的数量与所述第二布局模板中未被选择的相格数量相等;所述填充单元用于将所述新增图片以动画的方式动态填充到第二布局模板中未被选择的相格中。
第三方面,本发明实施例提供了一种终端设备,包括如上述任一项所述的组合图片布局修改装置。
通过实施本发明实施例,在接收到布局修改命令时,响应布局修改命令在图片编辑界面以动画的方式显示组合图片从第一布局模板的布局方式修改为第二布局模板的布局方式的过程,使得用户能够直观地看到组合图片修改布局时的过程,提高使用的方便性。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本发明组合图片布局修改方法一实施方式的流程图;
图2是图1所示的组合图片布局修改方法中第一种具体的实施方式的流程图;
图3是图2所示的组合图片布局修改方法中第一种具体的实施方式的动画显示过程一的示意图;
图4是图2所示的组合图片布局修改方法中第一种具体的实施方式的动画显示过程二的示意图;
图5是图2所示的组合图片布局修改方法中第一种具体的实施方式的动画显示过程三的示意图;
图6是图2所示的组合图片布局修改方法中第一种具体的实施方式的动画显示最终结果的示意图;
图7是图1所示的组合图片布局修改方法中第二种具体的实施方式的流程图;
图8是图7所示的组合图片布局修改方法中第二种具体的实施方式的动画显示过程一的示意图;
图9是图7所示的组合图片布局修改方法中第二种具体的实施方式的动画显示过程二的示意图;
图10是图7所示的组合图片布局修改方法中第二种具体的实施方式的动画显示最终结果的示意图;
图11是图1所示的组合图片布局修改方法中第三种具体的实施方式的流程图;
图12是图11所示的组合图片布局修改方法中第三种具体的实施方式的动画显示过程一的示意图;
图13是图11所示的组合图片布局修改方法中第三种具体的实施方式的动画显示过程二的示意图;
图14是图11所示的组合图片布局修改方法中第三种具体的实施方式的动画显示过程三的示意图;
图15是图11所示的组合图片布局修改方法中第三种具体的实施方式的动画显示最终结果的示意图;
图16是图1所示的组合图片布局修改方法中第四种具体的实施方式的流程图;
图17是图16所示的组合图片布局修改方法中第四种具体的实施方式的动画显示最终结果的示意图;
图18是本发明组合图片布局修改装置一实施方式的结构示意图;
图19是图18所示的组合图片布局修改装置的第一种具体实施方式的结构示意图;
图20是图18所示的组合图片布局修改装置的第二种具体实施方式的结构示意图;
图21是图18所示的组合图片布局修改装置的第三种具体实施方式的结构示意图;
图22是图18所示的组合图片布局修改装置的第四种具体实施方式的结构示意图;
图23是本发明终端设备一实施方式的结构示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
需要说明的是,在本发明实施例中使用的术语是仅仅出于描述特定实施例的目的,而非旨在限制本发明。在本发明实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式,除非上下文清楚地表示其他含义。还应当理解,本文中使用的术语“和/或”是指并包含一个或多个相关联的列出项目的任何或所有可能组合。
参阅图1,图1是本发明提供的图片布局修改方法一实施方式的流程图,该方法包括:
110:获取需要进行组合的多张图片,并在图片编辑界面将多张图片按第一布局模板的布局方式组合成一张组合图片。
具体地,用户首先打开图片编辑界面。图片编辑界面包括图片显示区域以及布局选择区域。其中,图片显示区域用于显示组合图片,布局选择区域中包括了包含第一布局模板以及第二布局模板在内的多种布局模板以供用户选择。用户打开图片编辑界面后,获取需要进行组合的多张图片。其中,图片包括以下至少一项:用户本地存储的图片(例如手机存储卡、SD卡中的图片等),或,云端服务器中的图片,或,网络中的图片(例如在微信、QQ、微博上分享的图片等)。
在获取到需要进行组合的多张图片后,如果用户选择了组合按钮,则设备在图片编辑界面将多张图片按第一布局模板的布局方式组合成一张组合图片。其中,第一布局模板可以是用户选定的或者系统默认设置的。终端设备生成组合图片后,将组合图片显示在图片编辑界面的图片显示区域上。
120:接收布局修改命令,其中,布局修改命令用于指示将组合图片从第一布局模板的布局方式修改为第二布局模板的布局方式。
具体地,当用户希望对布局进行修改时,用户点击图片编辑界面上的布局选择区域中的第二布局模并发出布局修改命令。设备相应接收布局修改命令。其中,布局修改命令可以是用户通过点击图片编辑界面上的布局修改按钮,或者用户点击第二布局模板,或者用户摇晃终端设备等方式发出,本发明不作具体限定。
130:响应布局修改命令:在图片编辑界面以动画的方式显示组合图片从第一布局模板的布局方式修改为第二布局模板的布局方式的过程,并得到按第二布局模板的布局方式组合成的修改后的组合图片。
具体地,设备在接收到布局修改命令后,响应布局修改命令:在图片编辑界面的图片显示区域上以动画的方式显示组合图片从第一布局模板的布局方式修改为第二布局模板的布局方式的过程,并得到按第二布局模板的布局方式组合成的修改后的组合图片。
本发明提供的图片布局修改方法可以应用于但不限于ios、Android、windowsPhone、symbian等操作系统的手机、平板电脑等智能移动设备上,也可以应用于在个人电脑(PC,PersonalComputer)上。
参见图2,图2是图1所示的组合图片布局修改方法中第一种具体的实施方式的流程图,该方法包括:
210:获取需要进行组合的多张图片,并在图片编辑界面将多张图片按第一布局模板的布局方式组合成一张组合图片。
具体地,请一并参阅图3,用户首先打开图片编辑界面。图片编辑界面包括图片显示区域310以及布局选择区域320。其中,图片显示区域310用于显示组合图片330,布局选择区域320包括了包含第一布局模板以及第二布局模板在内的多种布局模板340以供用户选择。其中,第一布局模板与第二布局模板具有数量相同的相格。第一布局模板中包含有多个相格,其中,每个相格用于填充一张图片。为了便于识别第一布局模板中的不同相格,可以为第一布局模板中的不同相格标上不同的编号。例如,如图3所示,第一布局模板(图3中加粗的布局模板340)中包含有3个相格,三个相格的对应编号分别为1,2以及3。
用户打开图片编辑界面后,获取需要进行组合的多张图片。其中,图片包括以下至少一项:用户本地存储的图片(例如手机存储卡、SD卡中的图片等),或,云端服务器中的图片,或,网络中的图片(例如在微信、QQ、微博上分享的图片等)。
在获取到需要进行组合的多张图片后,如果用户选择了组合按钮,则设备在图片编辑界面将多张图片按第一布局模板的布局方式组合成一张组合图片330,第一布局模板中的每一个相格填充一张需要进行组合的图片。例如,如图中所示,当选择的布局模板是第一布局模板时,在第一布局模板中编号为1的相格用于填充图片p1,编号为2的相格用于填充图片p2,编号为3的相格用于填充图片p3。设备生成组合图片330后,将组合图片330显示在图片编辑界面的图片显示区域340上。其中,第一布局模板可以是用户选定的或者系统默认设置的。
220:接收布局修改命令,其中,布局修改命令用于指示将组合图片从第一布局模板的布局方式修改为第二布局模板的布局方式。
具体地,如图4所示,当用户希望对布局进行修改时,用户点击图片编辑界面上的布局选择区域320中的第二布局模以选中第二布局模板(图4中加粗的布局模板340)。其中,第二布局模板中包含有多个相格,其中,每个相格用于填充一张图片。为了便于识别第二布局模板中的不同相格,可以为第二布局模板中的不同相格标上不同的编号。例如,如图4所示,第二布局模板(图4中加粗的布局模板340)中包含有3个相格,三个相格的对应编号分别为1,2以及3。用户触发产生布局修改命令。终端设备相应接收布局修改命令。其中,布局修改命令可以是用户通过点击图片编辑界面上的布局修改按钮,或者用户点击第二布局模板,或者用户摇晃终端设备等方式发出,本发明不作具体限定。
230:确定第一布局模板中的各相格与第二布局模板中的各相格之间一一对应的映射关系。
具体地,第一布局模板中相格的数量与第二布局模板中的相格的数量相等,要将第一布局模板的相格中的图片映射到第二布局模板中的相格时,需要确定第一布局模板中的各相格与第二布局模板中的各相格之间一一对应的映射关系。在具体的实施方式中,如图3和图4所示,可将第一布局模板的相格中的图片映射到第二布局模板中编号相同的相格中,即,将第一布局模板中编号为1的相格中的图片p1对应映射到第二布局模板中编号为1的相格中,将第一布局模板中编号为2的相格中的图片p2对应映射到第二布局模板中编号为2的相格中,将第一布局模板中编号为3的相格中的图片p3对应映射到第二布局模板中编号为3的相格中。
在本实施方式中,第一布局模板中的相格的与第二布局模板中具有相同编号的相格具有映射关系,但是,在其他的实施方式中也可以采用其他的映射方式,例如,第一布局模板中编号为1的相格中的图片映射到第二布局模板中编号为2的相格中,第一布局模板中编号为2的相格中的图片映射到第二布局模板中编号为3的相格中,第一布局模板中编号为3的相格中的图片映射到第二布局模板中编号为1的相格中,此处不作具体的限定。而且具有映射关系的第一布局模板的相格与第二布局模板的相格的大小可以相同,也可以不同。
240:在图片编辑界面,按照第一布局模板中的各相格与第二布局模板中的各相格之间一一对应的映射关系,将第一布局模板各相格中的图片以动画的形式动态变换到第二布局模板的各相格中。
请一并参阅图3至图6,终端设备在接收到布局修改命令后,响应布局修改命令以动画的方式显示第一布局模板(图3中加粗的布局模板340)的相格中的图片动态变换到第二布局模板(图4至图6中加粗的布局模板340)的相格中的过程。图3至图6清楚地显示了变换的过程。
经过图3至图6所示变换过程,最终如图6中所示,按照第一布局模板中的各相格与第二布局模板中的各相格之间一一对应的映射关系进行变换。变换后,第一布局模板中编号为1的相格中的图片p1被动态地变换到了第二布局模板中编号同样为1的相格中;第一布局模板中编号为2的相格中的图片p2被动态地变换到了第二布局模板中编号同样为2的相格中;第一布局模板中编号为3的相格中的图片p3被动态地变换到了第二布局模板中编号同样为3的相格中,从而得到修改后的组合图片330。
可以理解的是,图片p1、p2以及p3的变换可以是同时的,也可以是不同时的。
250:调整第一布局模板的相格中的图片的大小,以使调整后的图片的大小与第二布局模板中的相格的大小相适配。
具体地,如果第一布局模板的相格大小与具有映射关系的第二布局模板的相格的大小不同,则还需要调整图片的大小,使得调整后的图片的大小与第二布局模板中的相格的大小相适配。
参阅图7,图7是图1所示的组合图片布局修改方法中第二种具体的实施方式的流程图。本实施方式的方法包括:
410:获取需要进行组合的多张图片,并在图片编辑界面将多张图片按第一布局模板的布局方式组合成一张组合图片。
具体地,请一并参阅图8,用户首先打开图片编辑界面。图片编辑界面包括图片显示区域510以及布局选择区域520。其中,图片显示区域510用于显示组合图片530,布局选择区域520包括了包含第一布局模板以及第二布局模板在内的多种布局模板540以供用户选择。其中,第一布局模板的相格的数量多于第二布局模板的相格的数量。第一布局模板中包含有多个相格,其中,每个相格用于填充一张图片。为了便于识别第一布局模板中的不同相格,可以为第一布局模板中的不同相格标上不同的编号。例如,如图8所示,第一布局模板(图8中加粗的布局模板540)中包含有3个相格,三个相格的对应编号分别为1,2以及3。
用户打开图片编辑界面后,获取需要进行组合的多张图片。其中,图片包括以下至少一项:用户本地存储的图片(例如手机存储卡、SD卡中的图片等),或,云端服务器中的图片,或,网络中的图片(例如在微信、QQ、微博上分享的图片等)。
在获取到需要进行组合的多张图片后,如果用户选择了组合按钮,则设备在图片编辑界面将多张图片按第一布局模板的布局方式组合成一张组合图片530,第一布局模板中的每一个相格填充一张需要进行组合的图片。例如,如图中所示,当选择的布局模板是第一布局模板时,在第一布局模板中编号为1的相格用于填充图片p1,编号为2的相格用于填充图片p2,编号为3的相格用于填充图片p3。设备生成组合图片530后,将组合图片530显示在图片编辑界面的图片显示区域540上。其中,第一布局模板可以是用户选定的或者系统默认设置的。
420:接收布局修改命令,其中,布局修改命令用于指示将组合图片从第一布局模板的布局方式修改为第二布局模板的布局方式。
具体地,如图9所示,当用户希望对布局进行修改时,用户点击图片编辑界面上的布局选择区域520中的第二布局模以选中第二布局模板(图9中加粗的布局模板540)。其中,第二布局模板中包含有多个相格,每个相格用于填充一张图片。为了便于识别第二布局模板中的不同相格,可以为第二布局模板中的不同相格标上不同的编号。例如,如图9所示,第二布局模板(图9中加粗的布局模板540)中包含有2个相格,两个相格的对应编号分别为1以及2。用户触发产生布局修改命令。终端设备相应接收布局修改命令。其中,布局修改命令可以是用户通过点击图片编辑界面上的布局修改按钮,或者用户点击第二布局模板,或者用户摇晃终端设备等方式发出,本发明不作具体限定。
430:将第一布局模板中的多余图片从第一布局模板中删去。
具体地,由于第一布局模板中的相格多于第二布局模板中的相格的数量,将第一布局模板的相格中的图片变换到第二布局模板的相格中时,必然有部分的图片没有对应的第二布局模板的相格可以容纳,所以,可以将第一布局模板中的多余图片从第一布局模板中删去,其中,多余图片的数量等于第一布局模板中的图片的数量减去第二布局模板中的图片的数量。所删去的多余图片可以是第一布局模板中的任意图片,本发明不作具体限定。例如,如图8以及图9所示,第一布局模板具有三个相格,第二布局模板具有两个相格,所以,可以将第一布局模板中的编号为3的相格中的图片p3删去,剩余图片p1和图片p2。
440:确定第一布局模板中的剩余图片所在的相格与第二布局模板中的各相格之间一一对应的映射关系。
具体地,将多余图片删去后,第一布局模板中剩余图片所在的相格的数量与第二布局模板中的相格的数量相等,要将第一布局模板的相格中的剩余图片映射到第二布局模板中的相格时,需要确定第一布局模板中的各剩余图片所在的相格与第二布局模板中的各相格之间一一对应的映射关系。在具体的实施方式中,如图8和图9所示,由于删去的是第一布局模板中与第二布局模板中编号不同的相格中的图片,所以,可将第一布局模板的剩余图片所在的相格中的图片映射到第二布局模板中编号相同的相格中,即,将第一布局模板中编号为1的相格中的图片p1对应映射到第二布局模板中编号为1的相格中,将第一布局模板中编号为2的相格中的图片p2对应映射到第二布局模板中编号为2的相格中。
在本实施方式中,第一布局模板中的相格的与第二布局模板中具有相同编号的相格具有映射关系,但是,在其他的实施方式中也可以采用其他的映射方式,例如,第一布局模板中编号为1的相格中的图片映射到第二布局模板中编号为2的相格中,第一布局模板中编号为2的相格中的图片映射到第二布局模板中编号为1的相格中,此处不作具体的限定。而且具有映射关系的第一布局模板的相格与第二布局模板的相格的大小可以相同,也可以不同。
450:按照第一布局模板中的剩余图片所在的相格与第二布局模板中的相格之间一一对应的映射关系,将第一布局模板的相格中剩余的图片以动画的形式动态变换到第二布局模板的各相格中。
请一并参阅图8至图10,终端设备在接收到布局修改命令后,响应布局修改命令以动画的方式显示第一布局模板(图8中加粗的布局模板540)的相格中的图片动态变换到第二布局模板(图9至图10中加粗的布局模板540)的相格中的过程。图8至图10清楚地显示了变换的过程。
经过图8至图10所示变换过程,最终如图10中所示,按照第一布局模板中的剩余图片所在的相格与第二布局模板中的各相格之间一一对应的映射关系进行变换。变换后,第一布局模板中编号为1的相格中的图片p1被动态地变换到了第二布局模板中编号同样为1的相格中;第一布局模板中编号为2的相格中的图片p2被动态地变换到了第二布局模板中编号同样为2的相格中从而得到修改后的组合图片530。
可以理解的是,图片p1以及p2的变换可以是同时的,也可以是不同时的。
460:调整第一布局模板的相格中的图片的大小,以使调整后的图片的大小与第二布局模板中的相格的大小相适配。
具体地,如果第一布局模板的相格大小与具有映射关系的第二布局模板的相格的大小不同,则还需要调整图片的大小,使得调整后的图片的大小与第二布局模板中的相格的大小相适配。
参阅图11,图11是图1所示的组合图片布局修改方法中第三种具体的实施方式的流程图。本实施方式的方法包括:
610:获取需要进行组合的多张图片,并在图片编辑界面将多张图片按第一布局模板的布局方式组合成一张组合图片。
具体地,请一并参阅图12,用户首先打开图片编辑界面。图片编辑界面包括图片显示区域710以及布局选择区域720。其中,图片显示区域710用于显示组合图片730,布局选择区域720包括了包含第一布局模板以及第二布局模板在内的多种布局模板740以供用户选择。其中,第一布局模板的相格的数量少于第二布局模板的相格的数量。第一布局模板中包含有多个相格,其中,每个相格用于填充一张图片。为了便于识别第一布局模板中的不同相格,可以为第一布局模板中的不同相格标上不同的编号。例如,如图12所示,第一布局模板(图12中加粗的布局模板740)中包含有2个相格,两个相格的对应编号分别为1以及2。
用户打开图片编辑界面后,获取需要进行组合的多张图片。其中,图片包括以下至少一项:用户本地存储的图片(例如手机存储卡、SD卡中的图片等),或,云端服务器中的图片,或,网络中的图片(例如在微信、QQ、微博上分享的图片等)。
在获取到需要进行组合的多张图片后,如果用户选择了组合按钮,则设备在图片编辑界面将多张图片按第一布局模板的布局方式组合成一张组合图片730,第一布局模板中的每一个相格填充一张需要进行组合的图片。例如,如图中所示,当选择的布局模板是第一布局模板时,在第一布局模板中编号为1的相格用于填充图片p1,编号为2的相格用于填充图片p2。设备生成组合图片730后,将组合图片730显示在图片编辑界面的图片显示区域740上。其中,第一布局模板可以是用户选定的或者系统默认设置的。
620:接收布局修改命令,其中,布局修改命令用于指示将组合图片从第一布局模板的布局方式修改为第二布局模板的布局方式。
具体地,如图13所示,当用户希望对布局进行修改时,用户点击图片编辑界面上的布局选择区域720中的第二布局模以选中第二布局模板(图13中加粗的布局模板740)。其中,第二布局模板中包含有多个相格,每个相格用于填充一张图片。为了便于识别第二布局模板中的不同相格,可以为第二布局模板中的不同相格标上不同的编号。例如,如图13所示,第二布局模板(图13中加粗的布局模板740)中包含有三个相格,三个相格的对应编号分别为1、2以及3。用户触发产生布局修改命令。终端设备相应接收布局修改命令。其中,布局修改命令可以是用户通过点击图片编辑界面上的布局修改按钮,或者用户点击第二布局模板,或者用户摇晃终端设备等方式发出,本发明不作具体限定。
630:从第二布局模板中选择与第一布局模板中的相格的数量相等的相格。
具体地,由于第一布局模板的相格的数量少于第二布局模板的相格的数量,所以,第一布局模板的相格中的图片不足以填充第二布局模板中的所有相格。所以,从第二布局模板中选择与第一布局模板中的相格的数量相等的相格。在第二布局模板中选择的相格可以是第二布局模板中的任意相格,本发明不作具体限定。例如,如图12以及图13所示,第一布局模板具有两个相格,第二布局模板具有三个相格,所以,从第二布局模板中选择编号分别为1和2的两个相格。
640:确定第一布局模板中的相格与第二布局模板中被选择的相格之间一一对应的映射关系。
具体地,在第二布局模板中选择出相格后,第一布局模板中的相格的数量与第二布局模板中的被选择的相格的数量相等,要将第一布局模板的相格中的图片映射到第二布局模板中的相格时,需要确定第一布局模板中的各相格与第二布局模板中的被选择的各相格之间一一对应的映射关系。在具体的实施方式中,如图12和图13所示,由于第二布局模板中被选择的相格的编号与第一布局模板中的相格的编号相同,所以,可将第一布局模板的图片映射到第二布局模板中编号相同的相格中,即,将第一布局模板中编号为1的相格中的图片p1对应映射到第二布局模板中编号为1的相格中,将第一布局模板中编号为2的相格中的图片p2对应映射到第二布局模板中编号为2的相格中。第二布局模板中的编号为3的相格没有对应的图片,则可以将编号为3的相格保持为空的状态,也可以将编号为3的相格填充花纹和图案。
在本实施方式中,第一布局模板中的相格的与第二布局模板中具有相同编号的相格具有映射关系,但是,在其他的实施方式中也可以采用其他的映射方式,例如,第一布局模板中编号为1的相格中的图片映射到第二布局模板中编号为2的相格中,第一布局模板中编号为2的相格中的图片映射到第二布局模板中编号为1的相格中,此处不作具体的限定。而且具有映射关系的第一布局模板的相格与第二布局模板的相格的大小可以相同,也可以不同。
650:按照第一布局模板中的相格与第二布局模板中被选择的相格之间一一对应的映射关系,将第一布局模板的相格中的图片以动画的方式动态变换到第二布局模板被选择的相格中。
请一并参阅图12至图15,终端设备在接收到布局修改命令后,响应布局修改命令以动画的方式显示第一布局模板(图12中加粗的布局模板140)的相格中的图片动态变换到第二布局模板(图13至图15中加粗的布局模板740)的相格中的过程。图12至图15清楚地显示了变换的过程。
经过图12至图15所示变换过程,最终如图15中所示,按照第一布局模板中的相格与第二布局模板中的被选择的各相格之间一一对应的映射关系进行变换。变换后,第一布局模板中编号为1的相格中的图片p1被动态地变换到了第二布局模板中编号同样为1的相格中;第一布局模板中编号为2的相格中的图片p2被动态地变换到了第二布局模板中编号同样为2的相格中从而得到修改后的组合图片530。
可以理解的是,图片p1以及p2的变换可以是同时的,也可以是不同时的。
660:调整第一布局模板的相格中的图片的大小,以使调整后的图片的大小与第二布局模板中的相格的大小相适配。
具体地,如果第一布局模板的相格大小与具有映射关系的第二布局模板的相格的大小不同,则还需要调整图片的大小,使得调整后的图片的大小与第二布局模板中的相格的大小相适配。
参阅图16,图16是图1所示的组合图片布局修改方法中第四种具体的实施方式的流程图。本实施方式的组合图片布局修改方法与图11所示的组合图片布局修改方法基本相同,其不同之处在于,还包括:
670:获取用户选择的新增图片。
具体地,由于第一布局模板的相格少于第二布局模板的相格,所以,第二布局模版中还有部分的相格未被图片所填充。此时,可以新增图片,其中,新增的图片的数量与第二布局模板中未被选择的相格数量相等。新增的图片可以是用户从本地存储的图片(例如手机存储卡、SD卡中的图片等),或,云端服务器中的图片,或,网络中的图片(例如在微信、QQ、微博上分享的图片等)中重新选出来的图片,也可以是第一布局模版中原来的图片,本发明不作具体限定。例如,如图17所示,用户选择将第一布局模板中的图片p1作为新增图片。
680:将新增图片以动画的方式动态填充到第二布局模板中未被选择的相格中。
具体地,将新增图片以动画的方式动态填充到第二布局模板中未被选择的相格中。例如,如图16所示,第二布局模板的编号为3的相格为未被选择的相格,所以,如图17所示,可将新增图片p3以动画的方式动态填充到第二布局模板的编号为3的相格中。
上述详细阐述了本发明实施例的方法,下面为了便于更好地实施本发明实施例的上述方案,相应地,下面还提供用于配合实施上述方案的相关设备。
参阅图18,图18是本发明组合图片布局修改装置一实施方式的结构示意图,该装置包括:组合模块810、接收模块820以及响应模块830。
组合模块810用于获取需要进行组合的多张图片,并在图片编辑界面将多张图片按第一布局模板的布局方式组合成一张组合图片。
接收模块820用于接收布局修改命令,其中,布局修改命令用于指示将组合图片从第一布局模板的布局方式修改为第二布局模板的布局方式。
响应模块830用于响应布局修改命令:在图片编辑界面以动画的方式显示组合图片从第一布局模板的布局方式修改为第二布局模板的布局方式的过程,并得到按第二布局模板的布局方式组合成的修改后的组合图片。
图18所示的装置可以执行图1所示的方法的各步骤,具体请参阅图1以及相关描述,此处不再展开描述。
参阅图19,图19是图18所示的组合图片布局修改装置的第一种具体实施方式的结构示意图。本实施方式的组合图片布局修改装置与图18所示的实施方式的组合图片布局修改装置的不同之处在于:所述响应模块830具体包括确定单元835、映射单元836以及调整单元837。
确定单元835用于确定第一布局模板中的各相格与第二布局模板中的各相格之间一一对应的映射关系。
映射单元836用于在图片编辑界面,按照第一布局模板中的各相格与第二布局模板中的各相格之间一一对应的映射关系,将第一布局模板各相格中的图片以动画的形式动态变换到第二布局模板的各相格中。
所述调整单元837用于调整第一布局模板的相格中的图片的大小,以使调整后的图片的大小与第二布局模板中的相格的大小相适配。
图19所示的装置可以执行图2所示的方法的各步骤,具体请参阅图2以及相关描述,此处不再展开描述。
参阅图20,图20是图18所示的组合图片布局修改装置的第二种具体实施方式的结构示意图。本实施方式的组合图片布局修改装置与图18所示的实施方式的组合图片布局修改装置的不同之处在于:所述响应模块830具体包括删去单元831、确定单元835以及映射单元836。
删去单元831用于将第一布局模板中的多余图片从第一布局模板中删去,其中,多余图片的数量等于第一布局模板中的图片的数量减去第二布局模板中的图片的数量。
确定单元835用于确定第一布局模板中的剩余图片所在的相格与第二布局模板中的各相格之间一一对应的映射关系。
映射单元836用于按照第一布局模板中的剩余图片所在的相格与第二布局模板中的相格之间一一对应的映射关系,将第一布局模板的相格中剩余的图片以动画的形式动态变换到第二布局模板的各相格中。
图20所示的装置可以执行图7所示的方法的各步骤,具体请参阅图7以及相关描述,此处不再展开描述。
参阅图21,图21是图18所示的组合图片布局修改装置的第三种具体实施方式的结构示意图。本实施方式的组合图片布局修改装置与图18所示的实施方式的组合图片布局修改装置的不同之处在于:所述响应模块830具体包括:选择单元832、确定单元835以及映射单元836。
选择单元832用于从第二布局模板中选择与第一布局模板中的相格的数量相等的相格。
确定单元835用于确定第一布局模板中的相格与第二布局模板中被选择的相格之间一一对应的映射关系。
映射单元836用于按照第一布局模板中的相格与第二布局模板中被选择的相格之间一一对应的映射关系,将第一布局模板的相格中的图片以动画的方式动态变换到第二布局模板被选择的相格中。
图21所示的装置可以执行图11所示的方法的各步骤,具体请参阅图11以及相关描述,此处不再展开描述。
参阅图22,图22是图18所示的组合图片布局修改装置的第四种具体实施方式的结构示意图。本实施方式的组合图片布局修改装置与图21所示的实施方式的组合图片布局修改装置的不同之处在于:所述响应模块830还包括新增单元838以及填充单元839。
新增单838元用于获取用户选择的新增图片,其中,新增的图片的数量与第二布局模板中未被选择的相格数量相等。
填充单元839用于将新增图片以动画的方式动态填充到第二布局模板中未被选择的相格中。
图21所示的装置可以执行图16所示的方法的各步骤,具体请参阅图16以及相关描述,此处不再展开描述。
参阅图23,图23是本发明终端设备一实施方式的结构示意图。本实施方式中,
终端设备1000可以包括RF(RadioFrequency,射频)电路1010、包括有一个或一个以上计算机可读存储介质的存储器1020、输入单元1030、显示单元1040、传感器1050、音频电路1060、WiFi(wirelessfidelity,无线保真)模块1070、包括有一个或者一个以上处理核心的处理器1080、以及电源1090等部件。本领域技术人员可以理解,图10中示出的终端设备结构并不构成对终端设备的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。其中:
RF电路1010可用于收发信息或通话过程中,信号的接收和发送,特别地,将基站的下行信息接收后,交由一个或者一个以上处理器1080处理;另外,将涉及上行的数据发送给基站。通常,RF电路1010包括但不限于天线、至少一个放大器、调谐器、一个或多个振荡器、用户身份模块(SIM)卡、收发信机、耦合器、LNA(LowNoiseAmplifier,低噪声放大器)、双工器等。此外,RF电路1010还可以通过无线通信与网络和其他设备通信。所述无线通信可以使用任一通信标准或协议,包括但不限于GSM(GlobalSystemofMobilecommunication,全球移动通讯系统)、GPRS(GeneralPacketRadioService,通用分组无线服务)、CDMA(CodeDivisionMultipleAccess,码分多址)、WCDMA(WidebandCodeDivisionMultipleAccess,宽带码分多址)、LTE(LongTermEvolution,长期演进)、电子邮件、SMS(ShortMessagingService,短消息服务)等。
存储器1020可用于存储软件程序以及模块,处理器1080通过运行存储在存储器1020的软件程序以及模块,从而执行各种功能应用以及数据处理。存储器1020可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等;存储数据区可存储根据终端设备1000的使用所创建的数据(比如音频数据、电话本等)等。此外,存储器1020可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。相应地,存储器1020还可以包括存储器控制器,以提供处理器1080和输入单元1030对存储器1020的访问。
输入单元1030可用于接收输入的数字或字符信息,以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。具体地,输入单元1030可包括触敏表面131以及其他输入设备1032。触敏表面1031,也称为触摸显示屏或者触控板,可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触敏表面1031上或在触敏表面1031附近的操作),并根据预先设定的程式驱动相应的连接装置。可选的,触敏表面1031可包括触摸检测装置和触摸控制器两个部分。其中,触摸检测装置检测用户的触摸方位,并检测触摸操作带来的信号,将信号传送给触摸控制器;触摸控制器从触摸检测装置上接收触摸信息,并将它转换成触点坐标,再送给处理器1080,并能接收处理器1080发来的命令并加以执行。此外,可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触敏表面1031。除了触敏表面1031,输入单元1030还可以包括其他输入设备1032。具体地,其他输入设备1032可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。
显示单元1040可用于显示由用户输入的信息或提供给用户的信息以及终端设备1000的各种图形用户接口,这些图形用户接口可以由图形、文本、图标、视频和其任意组合来构成。显示单元1040可包括显示面板1041,可选的,可以采用LCD(LiquidCrystalDisplay,液晶显示器)、OLED(OrganicLight-EmittingDiode,有机发光二极管)等形式来配置显示面板1041。进一步的,触敏表面1031可覆盖显示面板1041,当触敏表面1031检测到在其上或附近的触摸操作后,传送给处理器1080以确定触摸事件的类型,随后处理器1080根据触摸事件的类型在显示面板1041上提供相应的视觉输出。虽然在图10中,触敏表面1031与显示面板1041是作为两个独立的部件来实现输入和输入功能,但是在某些实施例中,可以将触敏表面1031与显示面板1041集成而实现输入和输出功能。
终端设备1000还可包括至少一种传感器1050,比如光传感器、运动传感器以及其他传感器。具体地,光传感器可包括环境光传感器及接近传感器,其中,环境光传感器可根据环境光线的明暗来调节显示面板1041的亮度,接近传感器可在终端设备1000移动到耳边时,关闭显示面板1041和/或背光。作为运动传感器的一种,重力加速度传感器可检测各个方向上(一般为三轴)加速度的大小,静止时可检测出重力的大小及方向,可用于识别手机姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等;至于终端设备1000还可配置的陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器,在此不再赘述。
音频电路1060、扬声器1061,传声器1062可提供用户与终端设备1000之间的音频接口。音频电路1060可将接收到的音频数据转换后的电信号,传输到扬声器1061,由扬声器1061转换为声音信号输出;另一方面,传声器1062将收集的声音信号转换为电信号,由音频电路1060接收后转换为音频数据,再将音频数据输出处理器1080处理后,经RF电路1010以发送给比如另一终端设备,或者将音频数据输出至存储器1020以便进一步处理。音频电路1060还可能包括耳塞插孔,以提供外设耳机与终端设备1000的通信。
WiFi属于短距离无线传输技术,终端设备1000通过WiFi模块1070可以帮助用户收发电子邮件、浏览网页和访问流式媒体等,它为用户提供了无线的宽带互联网访问。虽然图10示出了WiFi模块1070,但是可以理解的是,其并不属于终端设备1000的必须构成,完全可以根据需要在不改变发明的本质的范围内而省略。
处理器1080是终端设备1000的控制中心,利用各种接口和线路连接整个手机的各个部分,通过运行或执行存储在存储器1020内的软件程序和/或模块,以及调用存储在存储器1020内的数据,执行终端设备1000的各种功能和处理数据,从而对手机进行整体监控。可选的,处理器1080可包括一个或多个处理核心;优选的,处理器1080可集成应用处理器和调制解调处理器,其中,应用处理器主要处理操作系统、用户界面和应用程序等,调制解调处理器主要处理无线通信。可以理解的是,上述调制解调处理器也可以不集成到处理器1080中。
终端设备1000还包括给各个部件供电的电源1090(比如电池),优选的,电源可以通过电源管理系统与处理器1080逻辑相连,从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。电源1090还可以包括一个或一个以上的直流或交流电源、再充电系统、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。
尽管未示出,终端设备1000还可以包括摄像头、蓝牙模块等,在此不再赘述。具体在本实施例中,终端设备的显示单元是触摸屏显示器,终端设备还包括有存储器,以及一个或者一个以上的程序,其中一个或者一个以上程序存储于存储器中,且经配置以由一个或者一个以上处理器执行述一个或者一个以上程序包含用于进行以下操作的指令:
获取需要进行组合的多张图片,并在图片编辑界面将所述多张图片按第一布局模板的布局方式组合成一张组合图片;
接收布局修改命令,其中,所述布局修改命令用于指示将所述组合图片从所述第一布局模板的布局方式修改为第二布局模板的布局方式;
响应所述布局修改命令:在所述图片编辑界面以动画的方式显示所述组合图片从所述第一布局模板的布局方式修改为第二布局模板的布局方式的过程,并得到按所述第二布局模板的布局方式组合成的修改后的组合图片。
假设上述为第一种可能的实施方式,则在第一种可能的实施方式作为基础而提供的第二种可能的实施方式中,所述终端的存储器中,还包含用于执行以下操作的指令:所述第一布局模板与所述第二布局模板具有数量相同的相格,其中,每个相格用于填充一张图片,
确定第一布局模板中的各相格与第二布局模板中的各相格之间一一对应的映射关系;
在所述图片编辑界面,按照第一布局模板中的各相格与第二布局模板中的各相格之间一一对应的映射关系,将所述第一布局模板各相格中的图片以动画的形式动态变换到所述第二布局模板的各相格中。
在第二种可能的实施方式作为基础而提供的第三种可能的实施方式中,所述终端的存储器中,还包含用于执行以下操作的指令:所述确定第一布局模板中的各相格与第二布局模板中的各相格之间一一对应的映射关系之后,
调整所述第一布局模板的相格中的图片的大小,以使调整后的图片的大小与所述第二布局模板中的相格的大小相适配。
在第一种可能的实施方式作为基础而提供的第四种可能的实施方式中,所述终端的存储器中,还包含用于执行以下操作的指令:所述第一布局模板中相格的数量多于第二布局模板中相格的数量,其中,每个相格用于填充一张图片,
将所述第一布局模板中的多余图片从所述第一布局模板中删去,其中,所述多余图片的数量等于第一布局模板中的图片的数量减去第二布局模板中的图片的数量;
确定所述第一布局模板中的剩余图片所在的相格与第二布局模板中的各相格之间一一对应的映射关系;
按照第一布局模板中的剩余图片所在的相格与第二布局模板中的相格之间一一对应的映射关系,将所述第一布局模板的相格中剩余的图片以动画的形式动态变换到所述第二布局模板的各相格中。
在第一种可能的实施方式作为基础而提供的第五种可能的实施方式中,所述终端的存储器中,还包含用于执行以下操作的指令:所述第一布局模板中相格的数量少于第二布局模板中相格的数量,其中,每个相格用于填充一张图片,
从第二布局模板中选择与第一布局模板中的相格的数量相等的相格;
确定第一布局模板中的相格与第二布局模板中被选择的相格之间一一对应的映射关系;
按照第一布局模板中的相格与第二布局模板中被选择的相格之间一一对应的映射关系,将所述第一布局模板的相格中的图片以动画的方式动态变换到所述第二布局模板被选择的相格中。
在第五种可能的实施方式作为基础而提供的第六种可能的实施方式中,所述终端的存储器中,还包含用于执行以下操作的指令:
获取用户选择的新增图片,其中,所述新增的图片的数量与所述第二布局模板中未被选择的相格数量相等;
将所述新增图片以动画的方式动态填充到第二布局模板中未被选择的相格中。
通过实施本发明实施例,在接收到布局修改命令时,响应布局修改命令在图片编辑界面以动画的方式显示组合图片从第一布局模板的布局方式修改为第二布局模板的布局方式的过程,使得用户能够直观地看到组合图片修改布局时的过程,提高使用的方便性。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的程序可存储于一计算机可读取存储介质中,该程序在执行时,可包括如上述各方法的实施例的流程。其中,所述的存储介质可为磁碟、光盘、只读存储记忆体(Read-OnlyMemory,ROM)或随机存储记忆体(RandomAccessMemory,RAM)等。
以上所揭露的仅为本发明一种较佳实施例而已,当然不能以此来限定本发明之权利范围,本领域普通技术人员可以理解实现上述实施例的全部或部分流程,并依本发明权利要求所作的等同变化,仍属于发明所涵盖的范围。
Claims (13)
1.一种组合图片布局修改方法,其特征在于,包括:
获取需要进行组合的多张图片,并在图片编辑界面将所述多张图片按第一布局模板的布局方式组合成一张组合图片;
接收布局修改命令,其中,所述布局修改命令用于指示将所述组合图片从所述第一布局模板的布局方式修改为第二布局模板的布局方式;
响应所述布局修改命令:在所述图片编辑界面以动画的方式显示所述组合图片从所述第一布局模板的布局方式修改为第二布局模板的布局方式的过程,并得到按所述第二布局模板的布局方式组合成的修改后的组合图片。
2.如权利要求1所述的方法,其特征在于,所述第一布局模板与所述第二布局模板具有数量相同的相格,其中,每个相格用于填充一张图片,
所述在所述图片编辑界面以动画的方式显示所述组合图片从所述第一布局模板的布局方式修改为第二布局模板的布局方式的过程包括:
确定第一布局模板中的各相格与第二布局模板中的各相格之间一一对应的映射关系;
在所述图片编辑界面,按照第一布局模板中的各相格与第二布局模板中的各相格之间一一对应的映射关系,将所述第一布局模板各相格中的图片以动画的形式动态变换到所述第二布局模板的各相格中。
3.如权利要求2所述的方法,其特征在于,所述确定第一布局模板中的各相格与第二布局模板中的各相格之间一一对应的映射关系之后,所述方法还包括:
调整所述第一布局模板的相格中的图片的大小,以使调整后的图片的大小与所述第二布局模板中的相格的大小相适配。
4.如权利要求1所述的方法,其特征在于,所述第一布局模板中相格的数量多于第二布局模板中相格的数量,其中,每个相格用于填充一张图片,
所述在所述图片编辑界面以动画的方式显示所述组合图片从所述第一布局模板的布局方式修改为第二布局模板的布局方式的过程包括:
将所述第一布局模板中的多余图片从所述第一布局模板中删去,其中,所述多余图片的数量等于第一布局模板中的图片的数量减去第二布局模板中的图片的数量;
确定所述第一布局模板中的剩余图片所在的相格与第二布局模板中的各相格之间一一对应的映射关系;
按照第一布局模板中的剩余图片所在的相格与第二布局模板中的相格之间一一对应的映射关系,将所述第一布局模板的相格中剩余的图片以动画的形式动态变换到所述第二布局模板的各相格中。
5.如权利要求1所述的方法,其特征在于,所述第一布局模板中相格的数量少于第二布局模板中相格的数量,其中,每个相格用于填充一张图片,
所述在所述图片编辑界面以动画的方式显示所述组合图片从所述第一布局模板的布局方式修改为第二布局模板的布局方式的过程包括:
从第二布局模板中选择与第一布局模板中的相格的数量相等的相格;
确定第一布局模板中的相格与第二布局模板中被选择的相格之间一一对应的映射关系;
按照第一布局模板中的相格与第二布局模板中被选择的相格之间一一对应的映射关系,将所述第一布局模板的相格中的图片以动画的方式动态变换到所述第二布局模板被选择的相格中。
6.如权利要求5所述的方法,其特征在于,在从第二布局模板中选择与第一布局模板中的第一相格的数量相等的第二相格之后还包括:
获取用户选择的新增图片,其中,所述新增的图片的数量与所述第二布局模板中未被选择的相格数量相等;
将所述新增图片以动画的方式动态填充到第二布局模板中未被选择的相格中。
7.一种组合图片布局修改装置,其特征在于,包括组合模块、接收模块以及响应模块,
所述组合模块用于获取需要进行组合的多张图片,并在图片编辑界面将所述多张图片按第一布局模板的布局方式组合成一张组合图片;
所述接收模块用于接收布局修改命令,其中,所述布局修改命令用于指示将所述组合图片从所述第一布局模板的布局方式修改为第二布局模板的布局方式;
所述响应模块用于响应所述布局修改命令:在所述图片编辑界面以动画的方式显示所述组合图片从所述第一布局模板的布局方式修改为第二布局模板的布局方式的过程,并得到按所述第二布局模板的布局方式组合成的修改后的组合图片。
8.如权利要求7所述的装置,其特征在于,所述第一布局模板与所述第二布局模板具有数量相同的相格,其中,每个相格用于填充一张图片,所述响应模块包括:确定单元以及映射单元,
所述确定单元用于确定第一布局模板中的各相格与第二布局模板中的各相格之间一一对应的映射关系;
所述映射单元用于在所述图片编辑界面,按照第一布局模板中的各相格与第二布局模板中的各相格之间一一对应的映射关系,将所述第一布局模板各相格中的图片以动画的形式动态变换到所述第二布局模板的各相格中。
9.如权利要求8所述的装置,其特征在于,所述响应模块还包括调整单元,
所述调整单元用于调整所述第一布局模板的相格中的图片的大小,以使调整后的图片的大小与所述第二布局模板中的相格的大小相适配。
10.如权利要求7所述的方法,其特征在于,所述第一布局模板中相格的数量多于第二布局模板中相格的数量,其中,每个相格用于填充一张图片,所述响应模块包括:删去单元、确定单元以及映射单元,
所述删去单元用于将所述第一布局模板中的多余图片从所述第一布局模板中删去,其中,所述多余图片的数量等于第一布局模板中的图片的数量减去第二布局模板中的图片的数量;
所述确定单元用于确定所述第一布局模板中的剩余图片所在的相格与第二布局模板中的各相格之间一一对应的映射关系;
所述映射单元用于按照第一布局模板中的剩余图片所在的相格与第二布局模板中的相格之间一一对应的映射关系,将所述第一布局模板的相格中剩余的图片以动画的形式动态变换到所述第二布局模板的各相格中。
11.如权利要求7所述的方法,其特征在于,所述第一布局模板中相格的数量少于第二布局模板中相格的数量,其中,每个相格用于填充一张图片,所述响应模块包括:选择单元、确定单元以及映射单元,
所述选择单元用于从第二布局模板中选择与第一布局模板中的相格的数量相等的相格;
所述确定单元用于确定第一布局模板中的相格与第二布局模板中被选择的相格之间一一对应的映射关系;
所述映射单元用于按照第一布局模板中的相格与第二布局模板中被选择的相格之间一一对应的映射关系,将所述第一布局模板的相格中的图片以动画的方式动态变换到所述第二布局模板被选择的相格中。
12.如权利要求11所述的装置,所述响应模块还包括新增单元以及填充单元,
所述新增单元用于获取用户选择的新增图片,其中,所述新增的图片的数量与所述第二布局模板中未被选择的相格数量相等;
所述填充单元用于将所述新增图片以动画的方式动态填充到第二布局模板中未被选择的相格中。
13.一种终端设备,其特征在于,包括如权利要求7-12任一权利要求所述的组合图片布局修改装置。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510367004.8A CN105094809A (zh) | 2015-06-29 | 2015-06-29 | 组合图片布局修改方法、装置以及终端设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510367004.8A CN105094809A (zh) | 2015-06-29 | 2015-06-29 | 组合图片布局修改方法、装置以及终端设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN105094809A true CN105094809A (zh) | 2015-11-25 |
Family
ID=54575337
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201510367004.8A Pending CN105094809A (zh) | 2015-06-29 | 2015-06-29 | 组合图片布局修改方法、装置以及终端设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN105094809A (zh) |
Cited By (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106023083A (zh) * | 2016-05-25 | 2016-10-12 | 北京小米移动软件有限公司 | 获取组合图像的方法及装置 |
CN106201256A (zh) * | 2016-06-30 | 2016-12-07 | 北京金山安全软件有限公司 | 一种图片定位的方法、装置及电子设备 |
CN106204442A (zh) * | 2016-06-29 | 2016-12-07 | 北京金山安全软件有限公司 | 一种图片拼接的方法、装置及电子设备 |
CN106445888A (zh) * | 2016-09-30 | 2017-02-22 | 广州视睿电子科技有限公司 | 艺术字的制作方法和装置 |
CN106530233A (zh) * | 2016-12-20 | 2017-03-22 | 维沃移动通信有限公司 | 一种图片拼接方法及移动终端 |
CN106611404A (zh) * | 2016-11-22 | 2017-05-03 | 维沃移动通信有限公司 | 一种选择拼图模板的方法及移动终端 |
CN108415701A (zh) * | 2017-02-10 | 2018-08-17 | 欧姆龙株式会社 | 信息处理装置与系统、以及用户界面制作方法与制作程序 |
CN108694210A (zh) * | 2017-04-11 | 2018-10-23 | 阿里巴巴集团控股有限公司 | 模板生成方法及装置 |
CN111127543A (zh) * | 2019-12-23 | 2020-05-08 | 北京金山安全软件有限公司 | 图像处理方法、装置、电子设备以及存储介质 |
CN111192192A (zh) * | 2018-11-14 | 2020-05-22 | 腾讯科技(深圳)有限公司 | 在图形中填充图像的方法、装置、设备以及介质 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102930522A (zh) * | 2012-11-12 | 2013-02-13 | 北京奇虎科技有限公司 | 一种实现图片拼接的装置和方法 |
CN102981710A (zh) * | 2012-11-16 | 2013-03-20 | 北京奇虎科技有限公司 | 页面变换的方法和装置 |
CN103337086A (zh) * | 2013-06-17 | 2013-10-02 | 北京金山安全软件有限公司 | 用于移动终端的图片编辑方法、装置和移动终端 |
-
2015
- 2015-06-29 CN CN201510367004.8A patent/CN105094809A/zh active Pending
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102930522A (zh) * | 2012-11-12 | 2013-02-13 | 北京奇虎科技有限公司 | 一种实现图片拼接的装置和方法 |
CN102981710A (zh) * | 2012-11-16 | 2013-03-20 | 北京奇虎科技有限公司 | 页面变换的方法和装置 |
CN103337086A (zh) * | 2013-06-17 | 2013-10-02 | 北京金山安全软件有限公司 | 用于移动终端的图片编辑方法、装置和移动终端 |
Non-Patent Citations (2)
Title |
---|
泡在网上的的日子: "《http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2014/0318/1594.html》", 18 March 2014 * |
美图官网: "《https://xiuxiu.meitu.com/》", 31 December 2012 * |
Cited By (14)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106023083A (zh) * | 2016-05-25 | 2016-10-12 | 北京小米移动软件有限公司 | 获取组合图像的方法及装置 |
CN106204442A (zh) * | 2016-06-29 | 2016-12-07 | 北京金山安全软件有限公司 | 一种图片拼接的方法、装置及电子设备 |
CN106201256A (zh) * | 2016-06-30 | 2016-12-07 | 北京金山安全软件有限公司 | 一种图片定位的方法、装置及电子设备 |
CN106201256B (zh) * | 2016-06-30 | 2020-06-09 | 北京金山安全软件有限公司 | 一种图片定位的方法、装置及电子设备 |
CN106445888B (zh) * | 2016-09-30 | 2019-06-14 | 广州视睿电子科技有限公司 | 艺术字的制作方法和装置 |
CN106445888A (zh) * | 2016-09-30 | 2017-02-22 | 广州视睿电子科技有限公司 | 艺术字的制作方法和装置 |
CN106611404A (zh) * | 2016-11-22 | 2017-05-03 | 维沃移动通信有限公司 | 一种选择拼图模板的方法及移动终端 |
CN106530233A (zh) * | 2016-12-20 | 2017-03-22 | 维沃移动通信有限公司 | 一种图片拼接方法及移动终端 |
CN108415701A (zh) * | 2017-02-10 | 2018-08-17 | 欧姆龙株式会社 | 信息处理装置与系统、以及用户界面制作方法与制作程序 |
CN108694210A (zh) * | 2017-04-11 | 2018-10-23 | 阿里巴巴集团控股有限公司 | 模板生成方法及装置 |
CN108694210B (zh) * | 2017-04-11 | 2022-02-18 | 阿里巴巴集团控股有限公司 | 模板生成方法及装置 |
CN111192192A (zh) * | 2018-11-14 | 2020-05-22 | 腾讯科技(深圳)有限公司 | 在图形中填充图像的方法、装置、设备以及介质 |
CN111192192B (zh) * | 2018-11-14 | 2023-03-31 | 腾讯科技(深圳)有限公司 | 在图形中填充图像的方法、装置、设备以及介质 |
CN111127543A (zh) * | 2019-12-23 | 2020-05-08 | 北京金山安全软件有限公司 | 图像处理方法、装置、电子设备以及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN105094809A (zh) | 组合图片布局修改方法、装置以及终端设备 | |
US9740671B2 (en) | Method and apparatus of generating a webpage from an original design file comprising layers | |
CN105005457A (zh) | 地理位置展示方法及装置 | |
CN104133624B (zh) | 网页动画显示方法、装置及终端 | |
CN103309562A (zh) | 桌面显示方法、装置和移动终端 | |
US20150121295A1 (en) | Window displaying method of mobile terminal and mobile terminal | |
CN103488403A (zh) | 界面布局切换方法、装置和移动终端 | |
CN103390034A (zh) | 图片展示的方法、装置、终端及服务器 | |
CN104881844A (zh) | 一种图片组合的方法、装置以及终端设备 | |
CN104519404A (zh) | 图像互换格式文件的播放方法及装置 | |
CN104679381A (zh) | 切换聊天窗口的方法及装置 | |
CN104301504A (zh) | 消息查看方法、装置和移动终端 | |
CN104252341A (zh) | 应用程序的换肤方法、装置及应用程序的客户端设备 | |
CN104954159A (zh) | 一种网络信息统计的方法和装置 | |
CN104090879A (zh) | 一种图片分享方法、装置和系统 | |
CN104216915A (zh) | 网页处理方法、装置和终端设备 | |
CN104869465A (zh) | 视频播放控制方法和装置 | |
CN104965642A (zh) | 下拉列表生成方法及装置 | |
CN104021129A (zh) | 显示组图的方法及终端 | |
CN104239332A (zh) | 网页内容处理方法、装置及浏览器客户端 | |
CN104571979A (zh) | 一种实现分屏视图的方法和装置 | |
CN105447124A (zh) | 虚拟物品分享方法和装置 | |
CN104991699A (zh) | 一种视频显示控制的方法和装置 | |
CN104007887A (zh) | 浮层显示的方法和终端 | |
CN104820546A (zh) | 功能信息展示方法和装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into 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: 20151125 |