CN105447815A - 移动终端设备中图片的处理方法及装置 - Google Patents
移动终端设备中图片的处理方法及装置 Download PDFInfo
- Publication number
- CN105447815A CN105447815A CN201410268284.2A CN201410268284A CN105447815A CN 105447815 A CN105447815 A CN 105447815A CN 201410268284 A CN201410268284 A CN 201410268284A CN 105447815 A CN105447815 A CN 105447815A
- Authority
- CN
- China
- Prior art keywords
- picture
- source
- divergent
- convergent
- section
- 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
Landscapes
- Editing Of Facsimile Originals (AREA)
- Image Processing (AREA)
Abstract
本申请公开了移动终端设备中图片的处理方法及装置,在源图片的至少一个维度上包括缩放标识信息,包括:读取源图片的缩放标识信息,确定源图片中的各缩放区域的图片部分、各保持区域的图片部分的位置,以及各缩放区域在各个维度上的原始长度;根据所述源图片的尺寸、目标图片的尺寸以及所述原始长度,确定各缩放区域的图片部分在对应维度上的缩放比例;根据缩放比例,对各缩放区域的图片部分进行缩放,生成缩放后图片部分;根据各保持区域的图片部分及其在目标图片中的目标位置,以及各缩放后图片部分及其在目标图片中的目标位置,生成目标图片。通过本申请,可以更灵活的处理现有方法中无法合理缩放的图片元素,并具有多平台普遍适用性。
Description
技术领域
本申请涉及图形图像处理技术领域,特别是涉及移动终端设备中图片的处理方法及装置。
背景技术
随着移动终端设备的智能化发展和大规模普及,越来越多的用户通过移动终端设备获取互联网信息,进行娱乐,交流等活动。同时,也有越来越多的开发者投入到移动终端设备应用软件开发中,为各种设备平台开发了数量庞大的软件应用。在移动终端设备应用软件开发的过程中,经常会使用图片来作为用户界面元素,例如界面背景图片、按钮、文本框背景等等元素,都需要使用到图片文件。在实际应用中,一些界面元素的图片会产生缩放需求。例如,当屏幕发生旋转时,软件主界面的背景图片,标题栏背景图片等都会发生缩放;在聊天软件中,聊天气泡的背景图片会随着文本的增加而改变宽度和高度;基于统一界面风格的考虑,不同按钮的背景图片常常基于同一图片缩放生成等等。在有缩放需求的图片中,有些图片包括了较特殊的部分,例如,一些图片的顶角被设计成圆角;一些图片的某些位置为不规则形状等等。当对这些图片进行缩放时,如果仅仅是简单的对全图进行一定比例的缩放,由于图片包括的这些特殊部分,所得到的目标图片往往达不到预期的理想效果,甚至会严重变形,非常影响界面美观。
为了对包括特殊部分的图片进行更好的缩放,一种现有的实现方法是对图片文件进行切割,在进行渲染时根据不同的尺寸需求,使用不同的组合进行拼接。这种实现方式下,应用软件设计过程中不得不使用更多的图片文件,制作成套图片的过程增加了界面设计人员工作量;同时,最终得到的软件安装包相对臃肿,用户需要更多的时间下载,软件安装占用更多的存储空间,应用软件运行时也会占用更多的内存。
为了便于进行界面设计,使用更少和更小的图片文件完成应用软件的设计开发,以及对图片的特殊部分进行更好的处理,在iOS操作***中进行应用软件设计开发时,可以使用一种优化的图片缩放和渲染方法,在这种方法中,可以先指定图片中顶部,左端,右端和下部的保持区域部分,这些部分在缩放过程中会保持不变,而仅对图片中间部分的各个像素点进行平铺,或对中间部分一个矩形区域进行缩放,进而生成并渲染目标图片。这种方法可以有效解决四角为圆角的图片缩放失真的问题,对一部分存在不规则形状的图片也可以进行合理缩放。但该方法的不足之处在于,对于一些图片,例如,在图片中心位置包括一个区域,该区域在缩放操作过程中不希望被改变,对于这类图片该方法就无法进行符合预期结果的缩放。因此,需要本领域技术人员解决的问题就在于,提供一种更具普遍适用性的移动终端设备中图片的处理方法,来完成对移动终端设备软件应用中的图片元素的处理。
发明内容
本申请提供了移动终端设备中图片的处理方法及装置,可以更灵活的处理现有方法中无法合理缩放的图片元素,并且具有多平台的普遍适用性。
本申请提供了如下方案:
一种移动终端设备中图片的处理方法,在源图片的至少一个维度上包括缩放标识信息,所述方法包括:
读取源图片的缩放标识信息,确定源图片中的各缩放区域的图片部分、各保持区域的图片部分的位置,以及各缩放区域在各个维度上的原始长度;
根据所述源图片的尺寸、目标图片的尺寸以及各缩放区域在各个维度上的原始长度,确定各缩放区域的图片部分在对应维度上的缩放比例;
根据所述缩放比例,对源图片中各缩放区域的图片部分进行缩放操作,生成对应的缩放后图片部分;
确定源图片各保持区域的图片部分以及各缩放后图片部分在目标图片中的目标位置;
根据源图片各保持区域的图片部分及其在目标图片中的目标位置,以及各缩放后图片部分及其在目标图片中的目标位置,生成目标图片。
一种移动终端设备中图片的处理装置,在源图片的至少一个维度上包括缩放标识信息,所述装置包括:
图片部分确定单元,用于读取源图片的缩放标识信息,确定源图片中的各缩放区域的图片部分、各保持区域的图片部分的位置,以及各缩放区域在各个维度上的原始长度;
缩放比例确定单元,用于根据所述源图片的尺寸、目标图片的尺寸以及各缩放区域在各个维度上的原始长度,确定各缩放区域的图片部分在对应维度上的缩放比例;
缩放处理单元,用于根据所述缩放比例,对源图片中各缩放区域的图片部分进行缩放操作,生成对应的缩放后图片部分;
目标位置确定单元,用于确定源图片各保持区域的图片部分以及各缩放后图片部分在目标图片中的目标位置;
目标图片生成单元,用于根据源图片各保持区域的图片部分及其在目标图片中的目标位置,以及各缩放后图片部分及其在目标图片中的目标位置,生成目标图片。
根据本申请提供的具体实施例,本申请公开了以下技术效果:
通过本申请实施例,可以利用源图片至少一个维度上缩放标识信息,确定源图片中缩放区域的图片部分,以及保持区域的图片部分,以及缩放区域在各维度上的原始长度,进而根据所述源图片的尺寸,、目标图片的尺寸以及缩放区域在各维度上的原始长度,确定源图片各缩放区域的图片部分在对应维度上的缩放比例;再将源图片中各缩放区域的图片部分按照获得的比例进行缩放操作;根据源图片各保持区域的图片部分及其在目标图片中的目标位置,以及各缩放后图片部分及其在目标图片中的目标位置,生成目标图片。在源图片中,利用缩放标识信息,可以灵活的确定图片中多个可以缩放的区域,并对各个缩放区域的图片部分进行缩放处理,因而本方法可以更灵活的处理现有方法中无法合理缩放的图片元素,并且具有多平台的普遍适用性。
当然,实施本申请的任一产品并不一定需要同时达到以上所述的所有优点。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是现有技术缩放和渲染图片的示意图;
图2是本申请实施例提供的移动终端设备中图片的处理方法的流程图;
图3是带有缩放标识线的源图片的示意图;
图4是根据缩放标识线确定源图片的缩放区域以及保持区域的各图片部分的第一示意图;
图5是根据缩放标识线确定源图片的缩放区域以及保持区域的各图片部分的第二示意图;
图6是确定缩放区域的图片部分的横向缩放比例的示意图;
图7是本申请实施例的源图片画布扩展的示意图;
图8是本申请实施例提供的方法处理软件应用的图片元素的效果图;
图9是本申请实施例提供的终端装置中图片的处理装置的示意图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员所获得的所有其他实施例,都属于本申请保护的范围。
为了更好的理解本申请实施例提供的方法,下面首先结合附图对现有技术中缩放和渲染图片的方法做进一步的介绍。如图1所示,为现有技术缩放和渲染图片的示意图,其中,1-1部分为源图片的形状,可以看出,该源图片中的四角都是圆角,且其底边处为不规则的图形,底线附有一块三角形区域。该源图片在进行缩放时,理想的目标图片应该如1-2所示,无论是横向缩放,纵向缩放,或者是双向缩放,所得到的目标图片的四个圆角以及底边的三角形区域都保持不变。而对图片进行全图缩放的处理方式,会导致四个圆角以及三角形区域变形,最终得到的目标图片很可能如1-3部分所示的图片。可见,简单的全图缩放会导致目标图片严重变形。在iOS操作***中进行应用软件设计开发时,可以使用一种优化的图片缩放和渲染方法,在这种方法下,可以先指定图片中顶部、左端、右端和下部的固定区域部分,如图1中1-4部分所示,在用户界面设计开发过程中,iOS应用开发人员可以首先在图片中指定图片内的端距,即图片内四条直线到对应边的距离,通过端距可以限定图片中顶部、左端、右端和下部的保持区域,保持区域的图片部分在缩放前后保持不变,而仅对图形中间的像素点或矩形区域进行缩放,从而保证了缩放操作后获得理想的目标图片。然而这种方法对一些图片的缩放操作仍然不够理想,如图1中1-5部分所示的图片,该图片中间部分包括了一个图标和一些文字,对该图片进行缩放时,理想的效果是在缩放操作后,中间部分的图标和文字的大小和相对位置都持不变,而利用上述的缩放和渲染方法无法获得理想的目标图片。
本申请实施例提供了一种应用更加广泛的移动终端设备中图片的处理方法,不仅能对四角中包括圆角的图片进行合理有效的缩放操作,对于传统方法无法处理的,中间位置包括了一个或多个不希望被缩放操作改变的区域的图片,也可以进行合理和有效的缩放操作,从而获得理想的目标图片,可以广泛的应用到诸如iOS、Adriod、WindowsPhone等操作***的应用软件开发中,对于多种有缩放需求的图片都具有广泛适用性。下面对该方法进行详细的介绍。
参见图2,本申请实施例首先提供了一种移动终端设备中图片的处理方法,在源图片的至少一个维度上包括缩放标识信息,该方法可以包括以下步骤:
S201:读取源图片的缩放标识信息,确定源图片中的各缩放区域的图片部分、各保持区域的图片部分的位置,以及各缩放区域在各个维度上的原始长度;
首先,在源图片的至少一个维度上包括缩放标识信息,该缩放标识信息可以是源图片的的提供方添加到源图片中的。该缩放标识信息用于指明图片中具体有哪些区域是可以缩放的,哪些区域是需要保持不变的。
具体的,缩放标识信息的具体表现形式可以有多种。例如,在其中一种实现方式下,该缩放标识信息为至少一条具有长度和位置信息的缩放标识线,每一缩放标识线位于源图片的至少一个维度上。例如,可以在源图片的至少一个维度的边缘处分别添加缩放标识线,并且该缩放标识线的具有长度信息和与源图片的相关的位置信息。或者,在另一种实现方式下,该缩放标识信息为至少两个条坐标点,以及坐标点的位置信息以及坐标点之间的连接方式信息。例如,可以在源图片的各个维度的边缘处指定一些坐标点,并且可以指定坐标点与坐标点之间的连接关系。例如,某源图片的缩放标识信息包括:在x轴方向上坐标点A、B、C、D的坐标,并指定坐标点A、B为一组,是x轴方向上其中一条缩放标识线的两个端点,坐标点C、D为另一组,是x轴方向上另一条缩放标识线的两个端点,等等。这样,可以根据这些点确定出源图片在在各个维度上包含的缩放标识线的位置以及长度。其中,同一源图片在一个维度上可以包括多条缩放标识线。
例如,图3所示,为带有缩放标识线的源图片的示意图。在图中,源图片的上侧x轴方向上以及左侧y轴方向上,分别有若干条缩放标识线。为了节省空间和便于处理,缩放标识线的宽度通常为1个像素的宽度。源图片中的缩放标识线,主要用于为区分源图片中的缩放区域和保持区域提供依据。通过缩放标识线,可以将整个源图片分割为缩放区域和保持区域,其中,缩放区域包括了在对源图片进行缩放处理时需要进行扩大或缩小的区域,而保持区域则在缩放的过程中保持不变。
在实际应用中,源图片的缩放标识信息可以用于标识源图片中可被缩放的区域的位置,当然也可以用于标识缩放前后保持不变的区域。在本申请实施例中,以用于标识源图片中可被缩放的区域的缩放标识线为例进行介绍。在使用带有缩放标识信息的源图片时,首先需要读取源图片的缩放标识信息,以此来确定出源图片中的各缩放区域的图片部分、各保持区域的图片部分的位置,以及各缩放区域在各个维度上的原始长度。在如图3所示的二维坐标系中,各缩放标识线的位置信息可以以各缩放标识线的起点位置坐标以及终点位置坐标表示。而各缩放标识线的长度,可以通过起点位置坐标以及终点位置坐标位置坐标计算得到。各缩放标识线的长度可以用像素个数表示,如一个缩放标识线的长度为20pixels,也可以用公制单位表示,例如一个缩放标识线的长度为12mm,具体采用的表示方式可以视开发环境的需求而定,本申请实施例对此并没有限制。由于只需要使用源图片中缩放标识线的相关数据,在读取源图片的缩放标识线,获取各缩放标识线的长度以及位置信息后,可以将源图片中的各所述缩放标识线清除,以便于各操作***对清除缩放标识线的图片进行调用。
在确定出源图片的缩放标识线的长度和位置信息后,可以根据缩放标识线的位置信息,确定源图片中的缩放区域的图片部分,以及各保持区域的图片部分在源图片中的位置,另外还可以确定出各缩放区域在各个维度上的原始长度。具体实现时,可以根据缩放标识线在源图片主体上的投影,来确定源图片的缩放区域和保持区域,进而确定各区域对应的图片部分。具体的,被投影所覆盖的区域,可以确定为缩放区域,未被任何投影覆盖的区域可以确定为保持区域。各缩放区域或保持区域分别可对应源图片中的一个图片部分。当确定出源图片中的各个缩放区域或保持区域后,对应的图片部分也就被确定了。
以下结合附图来进一步说明,如图4所示,其为根据缩放标识信息确定源图片的缩放区域以及保持区域的各图片部分的第一示意图。图4中,源图片在上方包括了两条缩放标识线,以及在左侧包括了一条缩放标识线,通过这些缩放标识线在图片主体部分的投影,可以确定出15个区域,其中包括6个保持区域,以及9个缩放区域。在9个缩放区域中,x轴上缩放标识线投影所确定的缩放区域为横向缩放区域,y轴缩放标识线投影所确定的缩放区域为纵向缩放区域,而同时处于x轴上缩放标识线投影与y轴上缩放标识线投影的区域,如图4中的4-1部分所示的区域,为x轴、y轴双向缩放区域。
根据缩放标识信息的位置信息,确定源图片中的缩放区域的图片部分后,各缩放区域以及对应的图片部分,可以用缩放标识线端点在二维坐标系中的坐标,以及缩放标识线的长度表示,例如缩放区域或图片部分可以表示为:
RECT(LeftTopPoint_x,LeftTopPoint_y,Width,Height)
如图5所示,为根据缩放标识信息确定源图片的缩放区域以及保持区域的各图片部分的第二示意图,图5中5-1区域是一个缩放区域,该缩放区域的左上角顶点在二维坐标系中的坐标为(x3,y3),x轴方向宽度为(x4-x3),y轴方向的高度为(y4-y3),则5-1缩放区域可以表示为:
RECT(x3,y3,x4-x3,y4-y3);
同理,图5中5-1的缩放区域可以表示为:
RECT(x5,y3,x6-x5,y4-y3);
以此类推,可以将源图片中的缩放区域和保持区域,或者源图片根据缩放标识信息划分的各图片部分以这种形式表示。
S202:根据所述源图片的尺寸、目标图片的尺寸以及各缩放区域在各个维度上的原始长度,确定各缩放区域的图片部分在对应维度上的缩放比例;
其中,目标图片的尺寸可以是根据实际的显示需要来确定的。例如,对于聊天工具中聊天气泡的背景图片,可以根据当前用户输入的文本中包含字符的数目、字符的大小等来确定出目标图片的尺寸,或者对于接收到的对方用户发送的文本,也可以根据接收到的文本中包含的字符数目、字符的大小等确定出目标图片的尺寸。
具体在确定各个缩放区域的缩放比例时,可以首先根据源图片中的缩放标识线的投影,确定缩放区域的图片部分的缩放方向,如图5中的5-2的缩放区域,是被y轴上缩放标识线的投影覆盖的,因而在缩放时,该缩放区域的图片部分仅在纵向上缩放,该缩放区域的图片部分横向上有对应的缩放比例;而5-1的缩放区域,既被x轴上缩放标识线的投影覆盖,又被y轴上缩放标识线的投影覆盖,该区域的图片部分在缩放时,缩放操作可以分解为横向缩放和纵向缩放两个操作,因而该缩放区域的图片部分在横向和纵向上分别有对应的缩放比例。
源图片中的保持区域的图片部分尺寸在缩放前后保持不变,而缩放区域的图片部分,会按一定的比例放大或者缩小。由于在缩放前后,各缩放区域的图片部分占全图的比例会发生变化,各缩放区域的图片部分对应的缩放比例,不能简单的以源图片与目标图片的比例决定。因此,在本申请实施例中,可以根据源图片的尺寸、目标图片的尺寸以及各缩放区域在各个维度上的原始长度,确定各缩放区域的图片部分在对应维度上的缩放比例。下面以如何确定缩放区域的图片部分的横向缩放比例进行介绍,缩放区域的图片部分的纵向缩放比例也可以使用类似的方法进行确定。请参阅图6,为确定缩放区域的图片部分的横向缩放比例的示意图。如图6所示,左侧图片为带有标识线的源图片,右侧为缩放操作后的目标图片,缩放标识线的长度可以代表对应缩放区域或图片部分的宽。在缩放前后,各保持区域的宽度w1,w2,w3均保持不变,再者,源图片各缩放区域的宽度与源图片缩放区域的总宽度的比例,目标图片上对应的缩放后图片部分的宽度与目标缩放部分的总宽度的比例,这两个比例是相等的,如图6中所示这两个比例可以分别表示为:
L1/(L1+L2)=L1’/(L1’+L2’);
L2/(L1+L2)=L2’/(L1’+L2’);
设源图片宽度为L0,目标图片图片宽度为L0’,则源图片缩放区域的总宽度可以用(L0-w1-w2-w3)标识,目标缩放部分的总宽度可以用(L0’-w1-w2-w3)来标识,这样,源图片中各缩放区域的缩放比例可以表示为
(L0-w1-w2-w3)/(L0’-w1-w2-w3)
根据这个缩放比例,可以确定源图片各缩放区域的图片部分缩放后在横向上的宽度。以类似的方法,还可以确定源图片各缩放区域的图片部分经缩放后在纵向上的高度。在确定源图片各缩放区域的图片部分对应的缩放比例(包括横向上的缩放比例,和/或纵向上的缩放比例)后,可以对根据对应的缩放比例,对源图片中各缩放区域的图片部分进行缩放操作,生成对应的缩放后图片部分。
S203:根据所述缩放比例,对源图片中各缩放区域的图片部分进行缩放操作,生成对应的缩放后图片部分;
具体的,可以首先确定源图片各缩放区域的图片部分在第一维度上对应的缩放比例,以及确定源图片各缩放区域的图片部分在第二维度上对应的缩放比例;在对各缩放区域的图片部分进行缩放操作时,判断当前图片部分在第一维度上对应的缩放比例,以及在第二维度上对应的缩放比例是否为1;在缩放比例不为1的维度上,根据对应的缩放比例,对当前缩放区域的图片部分进行缩放操作。在二维直角坐标系中,第一维度和第二维度可以分别为横向x方向和纵向y方向。
S204:确定源图片各保持区域的图片部分以及各缩放后图片部分在目标图片中的目标位置;
在对源图片的各缩放区域的图片部分进行对应比例的缩放,生成对应的缩放后图片部分后,可以确定缩放后图片部分,以及各保持区域的图片部分在目标图片中的位置。具体在确定各图片部分在目标图片中的位置时,由于处于图片顶角位置对应的顶角图片部分,其位置是相对容易确定的,可以首先确定源图片任意一个顶角位置对应的顶角图片部分在目标图片中的目标位置;其中,根据实际应用需要的不同,顶角图片部分可以是源图片位于顶角位置的保持区域的图片部分,也可以是顶角位置对应的缩放后图片部分。进而根据该顶角图片部分的所述目标位置、各图片部分之间的相邻位置关系以及尺寸,依次确定各保持区域的图片部分在目标图片中的目标位置,以及各缩放后图片部分在目标图片中的目标位置。
S205:根据源图片各保持区域的图片部分及其在目标图片中的目标位置,以及各缩放后图片部分及其在目标图片中的目标位置,生成目标图片。
确定了各图片部分在目标图片中的位置后,可以根据源图片各保持区域的图片部分及其在目标图片中的目标位置,以及各缩放后图片部分及其在目标图片中的目标位置,生成目标图片。具体实现时可以有不同的实现方式。其中,可以首先建立空白的画布图片,进而依次将源图片各保持区域的图片部分,以及各缩放后图片部分,分别填充到空白的画布图片中对应的目标位置,生成所述目标图片。其中,该空白的画布可以是依据目标图片的尺寸而创建的,可以是一个矩形,其长、宽可以与目标图片在x轴、y轴方向上的最大长度相同或者略大。在一种优选的实现方式下,该空白的画布图片可以是具有透明背景的,或者在软件主界面背景色为某单一颜色的情况下,也可以将该空白的画布创建为与主界面背景色相同,这样都可以避免空白画布图片中未被填充满的区域影响目标图片的显示。
或者,当目标图片尺寸大于源图片尺寸时,即对源图片进行放大生成目标图片时,也可以首先对源图片进行画布扩展操作;所谓画布扩展操作,请参见图7,为本申请实施例的源图片画布扩展的示意图,可以先将源图片的任意一个顶点确定为扩展起始点,然后以扩展起始点为原点,对源图片进行一个或两个维度上的扩展,将源图片扩展为目标图片大小,并且在扩展前后,保持源图片各像素相对于扩展起始点的位置不变,剩余的区域,即未被源图片像素覆盖的区域,可以用透明色或特定的颜色(如软件主界面背景色)填充,以保持界面风格的统一。进而将各图片部分填充到画布扩展后的目标图片中。在这种实现方式下,为了避免先填充的图片部分对后填充的部分造成影响,可以首先从扩展起始点的对角位置的区域开始,依次进行填充。即可以首先确定源图片中扩展起始点的对顶角位置对应的顶角图片部分在目标图片中的目标位置,然后依次将源图片各保持区域的图片部分,以及各缩放后图片部分,分别填充到对应的目标位置,生成目标图片。此外,当目标图片尺寸小于源图片尺寸时,可以从源图片任一顶角位置开始,依次将源图片各保持区域的图片部分,以及各缩放后图片部分分别填充到源图片的对应位置;然后清除未被填充过的区域,并将清除后得到的图片作为目标图片。在这两种种实现方式下,可以不必新建空白的画布图片,具有一定的节约内存空间的作用。
另外,当源图片只有一个缩放区域时,一些***平台,例如,在iOS操作***中,可以调用***预置的接口函数进行对源图片进行缩放,生成对应的目标图片,因此,在根据读取到的所述缩放标识线的位置信息,确定源图片中的各缩放区域的图片部分,以及各保持区域的图片部分后,还可以获取源图片中缩放区域的个数;若源图片中缩放区域的个数仅有一个,且移动终端设备所搭载的操作***为iOS操作***,则调用***预置的接口函数对源图片进行缩放,生成对应的目标图片。否则,若源图片中缩放区域的个数为两个或两个以上,则根据读取到的所述缩放标识线的位置信息,确定源图片中的两个或两个以上缩放区域的图片部分,进而执行后续的步骤S203至S206,生成目标图片。
此外在生成目标图片后,可以对目标图片进行缓存,以便在需要使用同尺寸的目标图片时,直接对缓存的目标图片进行调用。提高应用软件的运行效率。
以上对本申请实施例提供的移动终端设备中图片的处理方法进行了详细的介绍,通过该方法,可以利用源图片中两个维度的缩放标识信息,确定源图片中缩放区域的图片部分,以及保持区域的图片部分,以及缩放区域在各维度上的原始长度,进而根据所述源图片的尺寸,、目标图片的尺寸以及缩放区域在各维度上的原始长度,确定源图片各缩放区域的图片部分在对应维度上的缩放比例;再将源图片中各缩放区域的图片部分按照获得的比例进行缩放操作;根据源图片各保持区域的图片部分及其在目标图片中的目标位置,以及各缩放后图片部分及其在目标图片中的目标位置,生成目标图片。在源图片中,利用缩放标识信息,可以灵活的确定图片中多个可以缩放的区域,并对各个缩放区域的图片部分进行缩放处理,因而本方法可以更灵活的处理现有方法中无法合理缩放的图片元素,并且具有多平台的普遍适用性。参见图8,为本申请实施例提供的方法处理软件应用的图片元素的效果图,其中8-1部分类似于图1中1-5部分,为现有技术中无法处理的图片缩放情况,但是,用本申请实施例提供的方法,可以利用源图片8-1中两个维度的边缘标识线确定源图片中缩放区域的图片部分,在缩放的过程中,仅对阴影部分代表的缩放区域的图片部分进行对应比例的缩放,最终得到8-2部分的效果,可以看到,在使用本申请中提供的方法进行缩放后,不仅图片的四个圆角部分保持了理想的形状,中间区域的图标和文字也保持不变,最终得到理想的缩放后的图片,如图8中8-2部分所示。
与本申请实施例提供的移动终端设备中图片的处理方法相对应,还提供了移动终端设备中图片的处理装置,首先在源图片的至少个维度上包括缩放标识信息。请参看图9,为本申请一个实施例的移动终端装置中图片的处理装置的示意图,如图所示,该装置可以包括:
图片部分确定单元901,用于读取源图片的缩放标识信息,确定源图片中的各缩放区域的图片部分、各保持区域的图片部分的位置,以及各缩放区域在各个维度上的原始长度;
缩放比例确定单元902,用于根据所述源图片的尺寸、目标图片的尺寸以及各缩放区域在各个维度上的原始长度,确定各缩放区域的图片部分在对应维度上的缩放比例;
缩放处理单元903,用于根据所述缩放比例,对源图片中各缩放区域的图片部分进行缩放操作,生成对应的缩放后图片部分;
目标位置确定单元904,用于确定源图片各保持区域的图片部分以及各缩放后图片部分在目标图片中的目标位置;
目标图片生成单元905,用于根据源图片各保持区域的图片部分及其在目标图片中的目标位置,以及各缩放后图片部分及其在目标图片中的目标位置,生成目标图片。
在另一种实现方式下,该移动终端设备中图片的处理装置还可以包括:
标识信息清除单元,用于在读取源图片的缩放标识信息,确定源图片中的各缩放区域的图片部分、各保持区域的图片部分的位置,以及各缩放区域在各个维度上的原始长度后,将源图片中的缩放标识信息清除。
此外,该移动终端设备中图片的处理装置还可以包括:
缩放区域个数获取单元,用于获取源图片中缩放区域的数目;若源图片中缩放区域的数目为一个,且移动终端设备所搭载的操作***为iOS操作***,则调用iOS操作***中预置的接口函数对源图片进行缩放,生成对应的目标图片;
若源图片中缩放区域的数目为至少两个,则触发执行所述确定源图片中的各缩放区域的图片部分、各保持区域的图片部分的位置,以及各缩放区域在各个维度上的原始长度及后续步骤。
缩放比例确定单元902具体可以用于:
确定源图片各缩放区域的图片部分在第一维度上对应的缩放比例,以及确定源图片各缩放区域的图片部分在第二维度上对应的缩放比例;
在这种实现方式下缩放处理单元903具体可以用于:
判断当前图片部分在第一维度上对应的缩放比例,以及在第二维度上对应的缩放比例是否为一;
在缩放比例不为一的维度上,根据对应的缩放比例,对当前缩放区域的图片部分进行缩放操作。
另外,该移动终端设备中图片的处理装置还可以包括:
目标图片缓存单元,用于在生成目标图片后,对目标图片进行缓存,以便在需要使用同尺寸的目标图片时,直接对缓存的目标图片进行调用。
在又一种实现方式下,目标位置确定单元904具体可以用于:
选定源图片任意一个顶角位置,并确定该顶角位置对应的顶角图片部分在目标图片中的目标位置;所述顶角图片部分包括源图片中位于所述顶角位置的保持区域的图片部分,或所述顶角位置对应的的缩放后图片部分;
根据该顶角图片部分的所述目标位置、各图片部分之间的相邻位置关系以及尺寸,依次确定各保持区域的图片部分各缩放后图片部分在目标图片中的目标位置。
在这种实现方式下该装置还可以包括:
空白图片建立单元,用于建立空白的画布图片;
在这种实现方式下,目标图片生成单元905具体用于:
依次将源图片各保持区域的图片部分,以及各缩放后图片部分,分别填充到所述空白的画布图片中对应的目标位置,生成所述目标图片。
其中,当目标图片尺寸大于原图片尺寸时,该装置还包括:
画布扩展单元,用于对源图片进行画布扩展操作;
其中,画布扩展操作包括:
将源图片的任意一个顶点确定为扩展起始点;
以扩展起始点为原点,对源图片进行一个或两个维度上的扩展,将源图片扩展为目标图片大小,并且在扩展前后,保持源图片各像素相对于扩展起始点的位置不变;
在这种实现方式下,目标位置确定单元904具体可以用于:
选定源图片中扩展起始点的对顶角位置。
另外,当目标图片尺寸小于原图片尺寸时,目标图片生成单元905可以用于:
从源图片任一顶角位置开始,依次将源图片各保持区域的图片部分,以及各缩放后图片部分分别填充到源图片的对应位置;
清除未被填充过的区域,并将清除后得到的图片作为目标图片。
以上对本申请实施例提供的移动终端设备中图片的处理装置进行了详细的介绍,通过该装置,可以利用源图片中两个维度的缩放标识信息,确定源图片中缩放区域的图片部分,以及保持区域的图片部分,以及缩放区域在各维度上的原始长度,进而根据所述源图片的尺寸,、目标图片的尺寸以及缩放区域在各维度上的原始长度,确定源图片各缩放区域的图片部分在对应维度上的缩放比例;再将源图片中各缩放区域的图片部分按照获得的比例进行缩放操作;根据源图片各保持区域的图片部分及其在目标图片中的目标位置,以及各缩放后图片部分及其在目标图片中的目标位置,生成目标图片。在源图片中,利用缩放标识信息,可以灵活的确定图片中多个可以缩放的区域,并对各个缩放区域的图片部分进行缩放处理,因而本方法可以更灵活的处理现有方法中无法合理缩放的图片元素,并且具有多平台的普遍适用性。
通过以上的实施方式的描述可知,本领域的技术人员可以清楚地了解到本申请可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品可以存储在存储介质中,如ROM/RAM、磁碟、光盘等,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本申请各个实施例或者实施例的某些部分所述的方法。
本说明书中的各个实施例均采用递进的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于***或***实施例而言,由于其基本相似于方法实施例,所以描述得比较简单,相关之处参见方法实施例的部分说明即可。以上所描述的***及***实施例仅仅是示意性的,其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性劳动的情况下,即可以理解并实施。
以上对本申请所提供的移动终端设备中图片的处理方法及装置进行了详细介绍,本文中应用了具体个例对本申请的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本申请的方法及其核心思想;同时,对于本领域的一般技术人员,依据本申请的思想,在具体实施方式及应用范围上均会有改变之处。综上所述,本说明书内容不应理解为对本申请的限制。
Claims (10)
1.一种移动终端设备中图片的处理方法,其特征在于,在源图片的至少一个维度上包括缩放标识信息,所述方法包括:
读取源图片的缩放标识信息,确定源图片中的各缩放区域的图片部分、各保持区域的图片部分的位置,以及各缩放区域在各个维度上的原始长度;
根据所述源图片的尺寸、目标图片的尺寸以及各缩放区域在各个维度上的原始长度,确定各缩放区域的图片部分在对应维度上的缩放比例;
根据所述缩放比例,对源图片中各缩放区域的图片部分进行缩放操作,生成对应的缩放后图片部分;
确定源图片各保持区域的图片部分以及各缩放后图片部分在目标图片中的目标位置;
根据源图片各保持区域的图片部分及其在目标图片中的目标位置,以及各缩放后图片部分及其在目标图片中的目标位置,生成目标图片。
2.根据权利要求1所述的方法,其特征在于,还包括:
在读取源图片的缩放标识信息,确定源图片中的各缩放区域的图片部分、各保持区域的图片部分的位置,以及各缩放区域在各个维度上的原始长度后,将源图片中的所述缩放标识信息清除。
3.根据权利要求1所述的方法,其特征在于,还包括:
获取源图片中缩放区域的数目;若源图片中缩放区域的数目为一个,且移动终端设备所搭载的操作***为iOS操作***,则调用iOS操作***中预置的接口函数对源图片进行缩放,生成对应的目标图片;
若源图片中缩放区域的数目为至少两个,则触发所述确定源图片中的各缩放区域的图片部分、各保持区域的图片部分的位置,以及各缩放区域在各个维度上的原始长度及其后续步骤。
4.根据权利要求1所述的方法,其特征在于,所述确定各缩放区域的图片部分在对应维度上的缩放比例,包括:
确定源图片各缩放区域的图片部分在第一维度上对应的缩放比例,以及确定源图片各缩放区域的图片部分在第二维度上对应的缩放比例;
所述根据所述缩放比例,对源图片中各缩放区域的图片部分进行缩放操作,生成对应的缩放后图片部分,包括:
判断当前图片部分在第一维度上对应的缩放比例,以及在第二维度上对应的缩放比例是否为一;
在缩放比例不为一的维度上,根据对应的所述缩放比例,对当前缩放区域的图片部分进行缩放操作。
5.根据权利要求1所述的方法,其特征在于,还包括:
在生成所述目标图片后,对目标图片进行缓存,以便在需要使用同尺寸的目标图片时,直接对缓存的目标图片进行调用。
6.根据权利要求1-5任一项所述的方法,其特征在于,所述确定源图片各保持区域的图片部分以及各缩放后图片部分在目标图片中的目标位置,包括:
选定源图片任意一个顶角位置,并确定该顶角位置对应的顶角图片部分在目标图片中的目标位置;所述顶角图片部分包括源图片中位于所述顶角位置的保持区域的图片部分,或所述顶角位置对应的的缩放后图片部分;
根据该顶角图片部分的所述目标位置、各图片部分之间的相邻位置关系以及尺寸,依次确定各保持区域的图片部分各缩放后图片部分在目标图片中的目标位置。
7.根据权利要求6所述的方法,其特征在于,还包括:
建立空白的画布图片;
所述根据源图片各保持区域的图片部分及其在目标图片中的目标位置,以及各缩放后图片部分及其在目标图片中的目标位置,生成目标图片,包括:
依次将源图片各保持区域的图片部分,以及各缩放后图片部分,分别填充到所述空白的画布图片中对应的目标位置,生成所述目标图片。
8.根据权利要求6所述的方法,其特征在于,当目标图片尺寸大于源图片尺寸时,所述方法还包括:
对源图片进行画布扩展操作;
所述画布扩展操作包括:
将源图片的任意一个顶点确定为扩展起始点;
以所述扩展起始点为原点,对源图片进行一个或两个维度上的扩展,将源图片扩展为目标图片大小,并且在扩展前后,保持源图片各像素相对于扩展起始点的位置不变;
所述选定源图片任意一个顶角位置,包括:
选定源图片中扩展起始点的对顶角位置。
9.根据权利要求6所述的方法,其特征在于,当目标图片尺寸小于源图片尺寸时,所述根据源图片各保持区域的图片部分及其在目标图片中的目标位置,以及各缩放后图片部分及其在目标图片中的目标位置,生成目标图片,包括:
从源图片任一顶角位置开始,依次将源图片各保持区域的图片部分,以及各缩放后图片部分分别填充到源图片的对应位置;
清除未被填充过的区域,并将清除后得到的图片作为所述目标图片。
10.一种移动终端设备中图片的处理装置,其特征在于,在源图片的至少一个维度上包括缩放标识信息,所述装置包括:
图片部分确定单元,用于读取源图片的缩放标识信息,确定源图片中的各缩放区域的图片部分、各保持区域的图片部分的位置,以及各缩放区域在各个维度上的原始长度;
缩放比例确定单元,用于根据所述源图片的尺寸、目标图片的尺寸以及各缩放区域在各个维度上的原始长度,确定各缩放区域的图片部分在对应维度上的缩放比例;
缩放处理单元,用于根据所述缩放比例,对源图片中各缩放区域的图片部分进行缩放操作,生成对应的缩放后图片部分;
目标位置确定单元,用于确定源图片各保持区域的图片部分以及各缩放后图片部分在目标图片中的目标位置;
目标图片生成单元,用于根据源图片各保持区域的图片部分及其在目标图片中的目标位置,以及各缩放后图片部分及其在目标图片中的目标位置,生成目标图片。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410268284.2A CN105447815A (zh) | 2014-06-16 | 2014-06-16 | 移动终端设备中图片的处理方法及装置 |
HK16109401.6A HK1221320A1 (zh) | 2014-06-16 | 2016-08-08 | 移動終端設備中圖片的處理方法及裝置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410268284.2A CN105447815A (zh) | 2014-06-16 | 2014-06-16 | 移动终端设备中图片的处理方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN105447815A true CN105447815A (zh) | 2016-03-30 |
Family
ID=55557949
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410268284.2A Pending CN105447815A (zh) | 2014-06-16 | 2014-06-16 | 移动终端设备中图片的处理方法及装置 |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN105447815A (zh) |
HK (1) | HK1221320A1 (zh) |
Cited By (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105975204A (zh) * | 2016-04-28 | 2016-09-28 | 深圳市金立通信设备有限公司 | 一种图片处理方法及终端 |
CN106791915A (zh) * | 2016-11-24 | 2017-05-31 | 广州华多网络科技有限公司 | 一种显示视频图像的方法和装置 |
CN107577395A (zh) * | 2017-09-11 | 2018-01-12 | 竞技世界(北京)网络技术有限公司 | 基于Qt开发框架的聊天内容显示方法及装置 |
CN108196755A (zh) * | 2018-01-30 | 2018-06-22 | 腾讯科技(深圳)有限公司 | 背景图片显示方法及装置 |
CN113256485A (zh) * | 2021-05-21 | 2021-08-13 | 百果园技术(新加坡)有限公司 | 图像拉伸方法、装置、电子设备和存储介质 |
CN113407095A (zh) * | 2016-04-12 | 2021-09-17 | 北京三星通信技术研究有限公司 | 终端设备的绘制内容处理方法、装置及终端设备 |
CN113778585A (zh) * | 2021-08-09 | 2021-12-10 | 杭州当贝网络科技有限公司 | 图标生成的方法和*** |
CN114185628A (zh) * | 2021-11-19 | 2022-03-15 | 北京奇艺世纪科技有限公司 | iOS***的图片调节方法、装置、设备及计算机可读介质 |
CN114281230A (zh) * | 2021-12-15 | 2022-04-05 | 贵阳语玩科技有限公司 | 适用不同宽高比的背景图片生成方法、装置、介质及设备 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103116490A (zh) * | 2012-12-04 | 2013-05-22 | 广州市久邦数码科技有限公司 | 一种基于网页的九切图绘制方法 |
US20140016878A1 (en) * | 2012-07-10 | 2014-01-16 | Chung-Ang University Industry-Academy Cooperation Foundation | Method for directional adaptive image interpolation and an electronic device thereof |
CN103729865A (zh) * | 2012-10-16 | 2014-04-16 | 北京千橡网景科技发展有限公司 | 拉伸图片的方法和设备 |
-
2014
- 2014-06-16 CN CN201410268284.2A patent/CN105447815A/zh active Pending
-
2016
- 2016-08-08 HK HK16109401.6A patent/HK1221320A1/zh unknown
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20140016878A1 (en) * | 2012-07-10 | 2014-01-16 | Chung-Ang University Industry-Academy Cooperation Foundation | Method for directional adaptive image interpolation and an electronic device thereof |
CN103729865A (zh) * | 2012-10-16 | 2014-04-16 | 北京千橡网景科技发展有限公司 | 拉伸图片的方法和设备 |
CN103116490A (zh) * | 2012-12-04 | 2013-05-22 | 广州市久邦数码科技有限公司 | 一种基于网页的九切图绘制方法 |
Cited By (14)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113407095A (zh) * | 2016-04-12 | 2021-09-17 | 北京三星通信技术研究有限公司 | 终端设备的绘制内容处理方法、装置及终端设备 |
CN105975204A (zh) * | 2016-04-28 | 2016-09-28 | 深圳市金立通信设备有限公司 | 一种图片处理方法及终端 |
CN106791915A (zh) * | 2016-11-24 | 2017-05-31 | 广州华多网络科技有限公司 | 一种显示视频图像的方法和装置 |
CN106791915B (zh) * | 2016-11-24 | 2020-02-11 | 广州华多网络科技有限公司 | 一种显示视频图像的方法和装置 |
CN107577395A (zh) * | 2017-09-11 | 2018-01-12 | 竞技世界(北京)网络技术有限公司 | 基于Qt开发框架的聊天内容显示方法及装置 |
CN107577395B (zh) * | 2017-09-11 | 2019-09-17 | 竞技世界(北京)网络技术有限公司 | 基于Qt开发框架的聊天内容显示方法及装置 |
CN108196755B (zh) * | 2018-01-30 | 2021-02-12 | 腾讯科技(深圳)有限公司 | 背景图片显示方法及装置 |
CN108196755A (zh) * | 2018-01-30 | 2018-06-22 | 腾讯科技(深圳)有限公司 | 背景图片显示方法及装置 |
CN113256485A (zh) * | 2021-05-21 | 2021-08-13 | 百果园技术(新加坡)有限公司 | 图像拉伸方法、装置、电子设备和存储介质 |
CN113256485B (zh) * | 2021-05-21 | 2024-01-30 | 百果园技术(新加坡)有限公司 | 图像拉伸方法、装置、电子设备和存储介质 |
CN113778585A (zh) * | 2021-08-09 | 2021-12-10 | 杭州当贝网络科技有限公司 | 图标生成的方法和*** |
CN114185628A (zh) * | 2021-11-19 | 2022-03-15 | 北京奇艺世纪科技有限公司 | iOS***的图片调节方法、装置、设备及计算机可读介质 |
CN114185628B (zh) * | 2021-11-19 | 2024-04-12 | 北京奇艺世纪科技有限公司 | iOS***的图片调节方法、装置、设备及计算机可读介质 |
CN114281230A (zh) * | 2021-12-15 | 2022-04-05 | 贵阳语玩科技有限公司 | 适用不同宽高比的背景图片生成方法、装置、介质及设备 |
Also Published As
Publication number | Publication date |
---|---|
HK1221320A1 (zh) | 2017-05-26 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN105447815A (zh) | 移动终端设备中图片的处理方法及装置 | |
KR101159395B1 (ko) | 임의의 선형 및 비선형 지도를 설계하고 사용하기 위한시스템, 방법 및 컴퓨터 판독가능 매체 | |
CN107358649B (zh) | 地形文件的处理方法和装置 | |
CN110163831B (zh) | 三维虚拟沙盘的物体动态展示方法、装置及终端设备 | |
CN110738722B (zh) | 一种热力图纹理的生成方法、装置及设备 | |
CN106611401B (zh) | 一种在纹理内存中存储图像的方法及装置 | |
EP2338152B1 (en) | Method and system for rendering of labels | |
CN111192352B (zh) | 地图的渲染方法、装置、计算机设备和存储介质 | |
KR101566167B1 (ko) | 3차원 공간정보에서 지형 데이터를 이용한 객체 렌더링 방법 | |
CN111047682B (zh) | 一种三维车道模型生成方法及*** | |
CN111260750B (zh) | openFL绘制矢量图形的处理方法、装置及电子设备 | |
CN112164127A (zh) | 图片生成方法、装置、电子设备及可读存储介质 | |
CN110853488A (zh) | 一种poi标签显示方法、装置和设备 | |
CN112598687B (zh) | 图像分割方法和装置、存储介质、电子设备 | |
CN104240273A (zh) | 栅格图片的处理方法及装置 | |
CN109522532B (zh) | 一种折线图框选范围的计算方法及装置 | |
US9373193B2 (en) | Method and apparatus for detecting and avoiding conflicts of space entity element annotations | |
CN109410304B (zh) | 一种投影确定方法、装置及设备 | |
CN113129406B (zh) | 一种数据处理方法、装置及电子设备 | |
CN112115680B (zh) | 字体拆分方法、装置、计算机设备及计算机可读存储介质 | |
CN104517273A (zh) | 一种图像超分辨率处理方法及装置 | |
CN114219812A (zh) | 标号避让方法、装置、电子设备及存储介质 | |
CN112837416A (zh) | 基于三角剖分的多边形渲染方法、装置及存储介质 | |
CN112614221A (zh) | 高精地图渲染方法、装置、电子设备及自动驾驶车辆 | |
KR101496691B1 (ko) | 그리드 라인 유지 기반의 스프레드시트 문서 표시 장치 및 방법 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
REG | Reference to a national code |
Ref country code: HK Ref legal event code: DE Ref document number: 1221320 Country of ref document: HK |
|
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20160330 |
|
RJ01 | Rejection of invention patent application after publication | ||
REG | Reference to a national code |
Ref country code: HK Ref legal event code: WD Ref document number: 1221320 Country of ref document: HK |