CN103236042A - 图片自适应处理方法及装置 - Google Patents
图片自适应处理方法及装置 Download PDFInfo
- Publication number
- CN103236042A CN103236042A CN2013101530674A CN201310153067A CN103236042A CN 103236042 A CN103236042 A CN 103236042A CN 2013101530674 A CN2013101530674 A CN 2013101530674A CN 201310153067 A CN201310153067 A CN 201310153067A CN 103236042 A CN103236042 A CN 103236042A
- Authority
- CN
- China
- Prior art keywords
- picture
- size
- rectangle
- tiling
- pictures
- 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
Abstract
本发明公开了图片自适应处理方法及装置,其中,所述方法包括:确定待处理的目标图片;获取当前终端设备的屏幕分辨率;对所述目标图片进行切分,得到以下子图片:四个角图片、位于四个边位置的四个矩形图片、以及位于中心位置的一个矩形图片;按照当前屏幕分辨率生成匹配尺寸的新图片,将所述四个角图片分别按照原尺寸绘制在新图片的四个角位置,将所述四个边位置的矩形图片以及中心位置的一个矩形图片分别在新图片对应的位置上进行平铺;在当前屏幕中显示所述新图片。通过本发明,能够在放大图片的过程中,防止图片发生失真。
Description
技术领域
本发明涉及软件开发技术领域,特别是涉及图片自适应处理方法及装置。
背景技术
随着移动互联网技术的飞速发展,越来越多的软件开发公司投身移动互联网的开发,希望提供具备优秀用户体验的客户端产品,抢占用户市场;与此同时,也有越来越多的公司投身手机等移动设备的生产,各种型号的手机层出不穷,特别是在追求大屏幕用户体验的当下,手机屏幕分辨率越来越多,现在主流的就有:320×240、320×480、854×480、800×480、960×640等。
在大多软件中,图片都是必不可少的,例如程序的主界面背景对应一幅图片,等等,在软件开发的过程中,只能为每个图片设置固定的大小,使其能够适应某种屏幕分辨率。但是,同一个软件却可能会被不同的用户在不同的手机上使用,如果手机的分辨率与该图片适用的分辨率不符,则可能会出现问题。比如适应320×240分辨率的一张背景图,如果放到320×480的手机上做背景图,则默认只会占据屏幕的一半,若将该图片拉伸屏幕,则图片信息会失真,产生模糊或类似马赛克的效果,如图1所示,左边为原始图片,右边为拉伸后效果,可见,拉伸后圆角锯齿明显,中间的图像也变得模糊,不够清晰。
为了避免这种现象的产生,一种现有技术的方法可以是:针对每种屏幕分辨率各做一套图片,软件发布时有两种方式:(1)每种分辨率发布一个软件安装包,用户安装时先选择具体机型或分辨率,然后再下载;(2)所有分辨率的图片资源合到一个安装包中,针对某操作系统仅发布一个安装包,程序运行时动态获得当前手机分辨率,从而动态决定使用哪套系统资源。这种方式虽然能够解决上述问题,但是其缺点在于,会增加软件的开发成本。
另一种现有技术是,能够仅针对某种屏幕分辨率做一套图片,并使得图片具有自适应屏幕分辨率的能力,也就是说,图片可以随着屏幕分辨率进行缩放。具体做法可以是,在原始图片左边、上边各画一条控制线,如图2-1所示;从而将原始图片分割成9个区域,如图2-1所示。缩放时的核心思想是保留核心区域不变,拉伸不重要区域。对应图2-1,从“上边控制线”垂直向下划出的编号为2、5、8的区域,为当前图片在横向拉伸时,允许拉伸的区域,称为横向拉伸区;因此图2-1在横向拉伸时,2、5、8区域会被横向拉伸,其它区域保持不变,若原始图在纵向拉伸时,则4、5、6区域会被纵向拉伸,其它区域保持不变(如图2-2所示)。从图2-2可以看出,虽然其他区域保持不变,但是显然横向拉伸区及纵向拉伸区的图像仍然会出现失真的现象,该区域的图像会非常模糊。
发明内容
本发明提供了图片自适应处理方法及装置,能够在放大图片的过程中,防止图片发生失真。
本发明提供了如下方案:
一种图片自适应处理方法,包括:
确定待处理的目标图片;
获取当前终端设备的屏幕分辨率;
对所述目标图片进行切分,得到以下子图片:位于目标图片四个角位置的四个角图片、位于目标图片四个边位置的四个矩形图片、以及位于目标图片中心位置的一个矩形图片;
通过以下方式对所述目标图片进行放大处理:按照当前屏幕分辨率生成匹配尺寸的新图片,将所述四个角图片分别按照原尺寸绘制在新图片的四个角位置,将新图片的剩余区域划分为四个边位置和一个中心位置,将所述四个边位置的矩形图片以及中心位置的一个矩形图片分别在新图片对应的位置上进行平铺;
在当前屏幕中显示所述新图片。
优选的,所述角图片为具有两个直角边和一个不规则形状边的不规则图片,还包括:
获取所述目标图片的尺寸以及各个子图片的尺寸,其中,不规则图片的尺寸由两个直角边的长度来表示,矩形图片的尺寸由矩形的长和宽来表示;
所述将所述四个边位置的矩形图片以及中心位置的一个矩形图片分别在新图片对应的位置上进行平铺,包括:
根据所述四个不规则图片的尺寸计算出在新图片的各个对应位置上进行平铺时的起始坐标及结束坐标,按照所述起始坐标及结束坐标进行各个对应位置上的平铺操作。
优选的,所述角图片为具有两个直角边和一个不规则形状边的不规则图片,还包括:
获取所述目标图片的尺寸以及各个子图片的尺寸,其中,不规则图片的尺寸由两个直角边的长度来表示,矩形图片的尺寸由矩形的长和宽来表示;
所述将所述四个边位置的矩形图片以及中心位置的一个矩形图片分别在新图片对应的位置上进行平铺,包括:
获取所述新图片中各个边位置及中心位置上的矩形的尺寸;
根据所述不规则图片的尺寸确定在新图片的各个对应位置上进行平铺时的起始坐标,并根据所述新图片中各个位置上的矩形尺寸与原始目标图片中对应位置上的矩形尺寸之间的比例,确定各个位置上进行平铺时,平铺的方向,以及平铺的原始目标图片的数目,按照所述起始坐标、方向以及数据进行各个对应位置上的平铺操作。
优选的,所述确定各个位置上进行平铺时,平铺的方向,包括:
对于左右两侧的边位置,将平铺的方向确定为在垂直方向上进行平铺;
对于上下两侧的边位置,将平铺的方向确定为在水平方向上进行平铺;
对于中间位置,将平铺的方向确定为在水平和/或垂直方向上进行平铺。
优选的,所述不规则边为弧形边。
一种图片自适应处理装置,包括:
目标图片确定单元,用于确定待处理的目标图片;
屏幕分辨率获取单元,用于获取当前终端设备的屏幕分辨率;
图片切分单元,用于对所述目标图片进行切分,得到以下子图片:位于目标图片四个角位置的四个角图片、位于目标图片四个边位置的四个矩形图片、以及位于目标图片中心位置的一个矩形图片;
放大处理单元,用于通过以下方式对所述目标图片进行放大处理:按照当前屏幕分辨率生成匹配尺寸的新图片,将所述四个不规则图片分别按照原尺寸绘制在新图片的四个角位置,将新图片的剩余区域划分为四个边位置和一个中心位置,将所述四个边位置的矩形图片以及中心位置的一个矩形图片分别在新图片对应的位置上进行平铺;
图片显示单元,用于在当前屏幕中显示所述新图片。
优选的,所述角图片为具有两个直角边和一个不规则形状边的不规则图片,还包括:
尺寸获取单元,用于获取所述目标图片的尺寸以及各个子图片的尺寸,其中,不规则图片的尺寸由两个直角边的长度来表示,矩形图片的尺寸由矩形的长和宽来表示;
所述放大处理单元包括:
第一平铺子单元,用于根据所述四个不规则图片的尺寸计算出在新图片的各个对应位置上进行平铺时的起始坐标及结束坐标,按照所述起始坐标及结束坐标进行各个对应位置上的平铺操作。
优选的,所述角图片为具有两个直角边和一个不规则形状边的不规则图片,还包括:
尺寸获取单元,用于获取所述目标图片的尺寸以及各个子图片的尺寸,其中,不规则图片的尺寸由两个直角边的长度来表示,矩形图片的尺寸由矩形的长和宽来表示;
所述放大处理单元包括:
新图片尺寸获取单元,用于获取所述新图片中各个边位置及中心位置上的矩形的尺寸;
第二平铺子单元,用于根据所述不规则图片的尺寸确定在新图片的各个对应位置上进行平铺时的起始坐标,并根据所述新图片中各个位置上的矩形尺寸与原始目标图片中对应位置上的矩形尺寸之间的比例,确定各个位置上进行平铺时,平铺的方向,以及平铺的原始目标图片的数目,按照所述起始坐标、方向以及数据进行各个对应位置上的平铺操作。
优选的,所述第二平铺子单元具体用于:
对于左右两侧的边位置,将平铺的方向确定为在垂直方向上进行平铺;
对于上下两侧的边位置,将平铺的方向确定为在水平方向上进行平铺;
对于中间位置,将平铺的方向确定为在水平和/或垂直方向上进行平铺。
优选的,所述不规则边为弧形边。
根据本发明提供的具体实施例,本发明公开了以下技术效果:
通过本发明,所有分辨率都仅需维护一套图片资源即可,极大减少团队维护工作量;与所有分辨率的图片资源合到一个安装包中的方案相比,更是极大减小了安装包的大小,降低用户下载流量,缩短下载等待时间;另外,由于对于角位置之外的其他区域采用的是平铺而非拉伸的方案,故在非纯色的情况下,图片一样不会失真。也因此本申请实施例中每张图片可以做的足够小,比如:10*10的分辨率,当在某个分辨率屏幕(960*640)上使用时,再动态生成对应分辨率的图片,故图片资源大小可以非常小,极大减少安装包的大小,从而提高用户下载软件的速度。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是现有技术提供的图片放大方案中图片放大前后的示意图;
图2-1、2-2是现有技术提供的另一图片放大方案中图片放大前后的示意图
图3是本发明实施例提供的方法的流程图;
图4是本发明实施例提供的方法中图片切分示意图;
图5是本发明实施例提供的方法中放大后的图片示意图;
图6是本发明实施例提供的装置的示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员所获得的所有其他实施例,都属于本发明保护的范围。
参见图3,本发明实施例提供的图片自适应处理方法可以包括以下步骤:
S301:确定待处理的目标图片;
这里的目标图片可以是软件界面的背景图片等,在软件启动时,或者进入某指定界面时,如果涉及到图片显示,则可以将对应的图片确定为待处理的目标图片。在本发明实施例中,目标图片可以是类矩形,也可以是矩形。当然,在本发明实施例中,以目标图片为类矩形进行举例说明,类矩形并不是严格意义上的矩形,而是在四个角位置上存在有不规则形状的曲线,例如,图1中所示的圆角矩形就是这种类矩形中的一种,对于圆角矩形而言,四个角位置上的不规则曲线是一种弧线。对于这种类矩形的图片而言,如果直接进行拉伸,则四个角位置所在的边缘处一般会出现锯齿状的失真现象。
在本发明实施例中,如果是矩形,即是一般意义上的直角矩形,则四个角位置均是规则形状的曲线,直接采用本发明实施例公开的实施方式进行图片自适应处理即可。
S302:获取当前终端设备的屏幕分辨率;
终端设备的屏幕分辨率属于终端设备的一种属性,系统会提供查找这种属性值的接口,因此可以通过这种接口查找到当前终端设备的屏幕分辨率。
S303:对所述目标图片进行切分,得到以下子图片:位于目标图片四个角位置的四个角图片、位于目标图片四个边位置的四个矩形图片、以及位于目标图片中心位置的一个矩形图片;
如果目标图片的尺寸小于当前的屏幕分辨率,则需要首先对目标图片进行处理,在本发明实施例中,首先对目标图片进行切分,如图4所示,可以将一个圆角矩形切分成9个区域,其中包括位于目标图片四个角位置的四个角图片(在图4中以圆角矩形为例,其中,角图片为具有两个直角边和一个不规则形状边的不规则图片,对应图4中编号为1、2、3、4的四个部分)、位于目标图片四个边位置的四个矩形图片(对应图4中编号为5、6、8、9的四个部分)、以及位于目标图片中心位置的一个矩形图片(对应图4中编号为7的部分)。
当然,本发明实施例还可以适用于不为弧形边圆角的矩形图片,本发明实施例中只是以四个具有两个直角边和一个弧形边的圆角图片为例,并不限定于此。
在划分出上述子图片之后,还可以获取到各个区域的尺寸,其中,圆角图片的尺寸可以由两条直角边的长度来表示,各个矩形图片的尺寸可以由长和宽来表示。例如,如果4所示,假设预先给出编号为1和编号为4的两个圆角图片的尺寸,分别为:(X1、Y1)和(X2、Y2),而原始目标图片的分辨率我们是可以知道的,例如为(X,Y),由此可获得其他各子图片尺寸。如图4中所示的,假设编号为5的矩形图片的长为X3=X-X1-X2,编号为6的矩形图片的长为Y3=Y-Y1-Y2;进而,5号矩形图片的尺寸为(X3,Y1),6号矩形图片的尺寸为(X1,Y3),8号矩形图片的尺寸为(X2,Y3),9号矩形图片的尺寸为(X3,Y2),7号矩形图片的尺寸为(X3,Y3)。
S304:通过以下方式对所述目标图片进行放大处理:按照当前屏幕分辨率生成匹配尺寸的新图片,将所述四个不规则图片分别按照原尺寸绘制在新图片的四个角位置,将新图片的剩余区域划分为四个边位置和一个中心位置,将所述四个边位置的矩形图片以及中心位置的一个矩形图片分别在新图片对应的位置上进行平铺;
在对原始目标图片进行了上述切分之后,可以首先按照当前屏幕分辨率生成匹配尺寸的新图片,也即,假设屏幕分辨率为Xn*Yn,则新图片的尺寸为(Xn,Yn)。在刚刚生成时,该新图片可以是一个空白的图片,然后就可以按照原始目标图片,向该新图片中绘制具体的内容,最终得到一个新的图片。具体在进行绘制时,可以首先将原始目标图片中的四个圆角图片分别按照原尺寸绘制在新图片的四个角位置,这样,就可以将新图片的剩余区域划分为四个边位置和一个中心位置,然后,就可以将原始目标图片中四个边位置的矩形图片以及中心位置的一个矩形图片分别在新图片对应的位置上进行平铺,如图5所示。可见,最终生成的新图片相对于原始目标图片而言,四个圆角区域的尺寸没有发生变化,因此不会出现锯齿、失真等现象,其他的矩形区域的尺寸也没有发生变化,仅仅是在相应的位置上分别进行平铺,因此,也不会出现锯齿、失真等现象。
其中,具体在进行各个矩形图片的平铺时,可以首先计算出各个位置上进行平铺的起始坐标及结束坐标,然后按照该坐标进行平铺,以保证矩形图片能够铺满新图片中对应的区域,并且不会对其他区域的图片造成覆盖。
或者,也可以计算出新图片中各个边位置及中心位置上的矩形的尺寸,然后根据不规则图片的尺寸确定在新图片的各个对应位置上进行平铺时的起始坐标,并根据新图片中各个位置上的矩形尺寸与原始目标图片中对应位置上的矩形尺寸之间的比例,确定各个位置上进行平铺时,平铺的方向,以及平铺的原始目标图片的数目,按照所述起始坐标、方向以及数据进行各个对应位置上的平铺操作。
例如,如图5所示,首先,各个圆角图片的尺寸没有变化,也即,1号及4号的尺寸仍然为(X1、Y1)和(X2、Y2),又由于已知新图片的尺寸为(Xn,Yn),因此,可以计算出图5中5号区域的长为X4=Xn-X1-X2,编号为6的矩形图片的长为Y4=Yn-Y1-Y2;进而,5号矩形图片的尺寸为(X4,Y1),6号矩形图片的尺寸为(X1,Y4),8号矩形图片的尺寸为(X2,Y4),9号矩形图片的尺寸为(X4,Y2),7号矩形图片的尺寸为(X4,Y4)。
其中,对于5号区域而言,由于新图片与原始目标图片相比,宽Y1并未发生变化,因此,仅需要在水平方向上进行平铺,在水平方向上的起始点是X1,结束点是Xn-X2,需要平铺的图片数目就是(X4/X3)。类似的,对于6号区域而言,由于新图片与原始目标图片相比,宽X2并未发生变化,因此,仅需要在垂直方向上进行平铺,在垂直方向上的起始点是Y1,结束点是Yn-Y2,需要平铺的图片数目是(Y4/Y3)。相应的,8号区域与6号区域类似,9号区域与5号区域类似。对于中间的7号区域而言,由于在水平及垂直方向向都发生了变化,因此,需要在水平及垂直方向上都进行平铺,起始点为(X1,Y2),结束点为(Xn-X2,Y-Y2),在水平方向上平铺的数目是(X4/X3),在垂直方向上需要平铺的数目是(Y4/Y3)。需要说明的是,在计算各个位置上需要平铺的对应位置上的图片数目时,所得的比值可能是整数也可能不是整数,如果不是整数,最后一张图片只需要绘制一部分即可。另外,对于平铺的结束坐标以及平铺的数目这两个参数,只需要获取其中之一即可完成最终的平铺操作。
S305:在当前屏幕中显示所述新图片。
在生成了前述新图片之后,就可以将其显示在当前屏幕中,该新的图片能够适应当前的屏幕分辨率,并且不存在锯齿、模糊等失真的现象。
为便于理解具体实现时的操作,下面通过一个具体的例子进行介绍。
当图片需要被拉伸成Xn*Yn时,则可参照如下步骤生成新图片(如下步骤仅为参考,同时也可以通过其它顺序生成,比如从右下角开始绘制):
步骤1:在新图片上绘制1号区域,使得新老图片的区域1切图保持大小相同;
步骤2:通过Xn-X1-X2,得到新图片区域5的宽度,使用原始图片区域5的切图,在新图片区域5上水平方向重复平铺,使得完全充满新图片的区域5;
步骤3:在新图片上绘制区域2,使得新老图片的区域2切图保持大小相同;
步骤4:通过Yn-Y1-Y2得到新图片区域6的高度,使用原始图片区域6的切图,在新图片区域6垂直方向上重复平铺,使得完全充满新图片的区域6;
步骤5:使用原始图片区域7的切图,在新图片区域7上水平方向重复平铺,使得水平方向完全充满新图片的区域7;
步骤6:在垂直方向上,重复步骤5,直到新图片的区域7上垂直方向也充满图片为止;
步骤7:同区域6的绘制方法,垂直方向上平铺,使得充满新图片的区域8;
步骤8:在新图片上绘制区域3,使得新老图片的区域3切图保持大小相同;
步骤9:同区域5的绘制方法,水平方向上平铺,使得充满新图片的区域9;
步骤10:在新图片上绘制区域4,使得新老图片的区域4切图保持大小相同。
最终绘制结束后得到的新图片如图5所示。需要说明的是,本发明实施例的核心在于通过将原始图片分割区域,保持四个角位置不变,其它区域均采用平铺方式生成;为实现该目的,9个区域的先后绘制顺序可自由定制,比如可从右下角区域开始绘制,等等,只要符合四边角不变,其它区域平铺的方式生成新图片的方法,都属于本发明的保护范围。
总之,通过本发明的方法实施例,所有分辨率都仅需维护一套图片资源即可,极大减少团队维护工作量;与所有分辨率的图片资源合到一个安装包中的方案相比,更是极大减小了安装包的大小,降低用户下载流量,缩短下载等待时间;另外,由于对于角位置之外的其他区域采用的是平铺而非拉伸的方案,故在非纯色的情况下,图片一样不会失真。也因此每张图片可以做的足够小,比如:10*10的分辨率,当在某个分辨率屏幕(960*640)上使用时,再动态生成对应分辨率的图片,故图片资源大小可以非常小,极大减少安装包的大小,从而提高用户下载软件的速度。
需要说明的是,本发明实施例涉及的方案,不仅适用于手机等移动终端的客户端软件,对PC机上的客户端软件同样适用。
与本发明实施例提供的图片自适应处理方法相对应,本发明实施例还提供了一种图片自适应处理装置,参见图6,该装置可以包括:
目标图片确定单元601,用于确定待处理的目标图片;
屏幕分辨率获取单元602,用于获取当前终端设备的屏幕分辨率;
图片切分单元603,用于对所述目标图片进行切分,得到以下子图片:位于目标图片四个角位置的四个角图片、位于目标图片四个边位置的四个矩形图片、以及位于目标图片中心位置的一个矩形图片;
放大处理单元604,用于通过以下方式对所述目标图片进行放大处理:按照当前屏幕分辨率生成匹配尺寸的新图片,将所述四个角图片分别按照原尺寸绘制在新图片的四个角位置,将新图片的剩余区域划分为四个边位置和一个中心位置,将所述四个边位置的矩形图片以及中心位置的一个矩形图片分别在新图片对应的位置上进行平铺;
图片显示单元605,用于在当前屏幕中显示所述新图片。
具体实现时,所述角图片可以为具有两个直角边和一个不规则形状边的不规则图片,该装置还可以包括:
尺寸获取单元,用于获取所述目标图片的尺寸以及各个子图片的尺寸,其中,不规则图片的尺寸由两个直角边的长度来表示,矩形图片的尺寸由矩形的长和宽来表示;
所述放大处理单元604可以包括:
第一平铺子单元,用于根据所述四个不规则图片的尺寸计算出在新图片的各个对应位置上进行平铺时的起始坐标及结束坐标,按照所述起始坐标及结束坐标进行各个对应位置上的平铺操作。
或者,在另一种实现方式下,所述角图片可以为具有两个直角边和一个不规则形状边的不规则图片,所述放大处理单元604也可以包括:
新图片尺寸获取单元,用于获取所述新图片中各个边位置及中心位置上的矩形的尺寸;
第二平铺子单元,用于根据所述不规则图片的尺寸确定在新图片的各个对应位置上进行平铺时的起始坐标,并根据所述新图片中各个位置上的矩形尺寸与原始目标图片中对应位置上的矩形尺寸之间的比例,确定各个位置上进行平铺时,平铺的方向,以及平铺的原始目标图片的数目,按照所述起始坐标、方向以及数据进行各个对应位置上的平铺操作。
其中,所述第二平铺子单元具体用于:
对于左右两侧的边位置,将平铺的方向确定为在垂直方向上进行平铺;
对于上下两侧的边位置,将平铺的方向确定为在水平方向上进行平铺;
对于中间位置,将平铺的方向确定为在水平和/或垂直方向上进行平铺。
当角图片为具有两个直角边和一个不规则形状边的不规则图片时,所述不规则边可以为弧形边。当然,参考前面的方法实施例的介绍可知,角图片也可以是规则边。
总之,通过本发明的装置实施例,所有分辨率都仅需维护一套图片资源即可,极大减少团队维护工作量;与所有分辨率的图片资源合到一个安装包中的方案相比,更是极大减小了安装包的大小,降低用户下载流量,缩短下载等待时间;另外,由于对于角位置之外的其他区域采用的是平铺而非拉伸的方案,故在非纯色的情况下,图片一样不会失真。因此每张图片可以做的足够小,比如:10*10的分辨率,当在某个分辨率屏幕(960*640)上使用时,再动态生成对应分辨率的图片,故图片资源大小可以非常小,极大减少安装包的大小,从而提高用户下载软件的速度。
通过以上的实施方式的描述可知,本领域的技术人员可以清楚地了解到本发明可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品可以存储在存储介质中,如ROM/RAM、磁碟、光盘等,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本发明各个实施例或者实施例的某些部分所述的方法。
本说明书中的各个实施例均采用递进的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于系统或系统实施例而言,由于其基本相似于方法实施例,所以描述得比较简单,相关之处参见方法实施例的部分说明即可。以上所描述的系统及系统实施例仅仅是示意性的,其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性劳动的情况下,即可以理解并实施。
以上对本发明所提供的图片自适应处理方法及装置,进行了详细介绍,本文中应用了具体个例对本发明的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本发明的方法及其核心思想;同时,对于本领域的一般技术人员,依据本发明的思想,在具体实施方式及应用范围上均会有改变之处。综上所述,本说明书内容不应理解为对本发明的限制。
Claims (10)
1.一种图片自适应处理方法,其特征在于,包括:
确定待处理的目标图片;
获取当前终端设备的屏幕分辨率;
对所述目标图片进行切分,得到以下子图片:位于目标图片四个角位置的四个角图片、位于目标图片四个边位置的四个矩形图片、以及位于目标图片中心位置的一个矩形图片;
通过以下方式对所述目标图片进行放大处理:按照当前屏幕分辨率生成匹配尺寸的新图片,将所述四个角图片分别按照原尺寸绘制在新图片的四个角位置,将新图片的剩余区域划分为四个边位置和一个中心位置,将所述四个边位置的矩形图片以及中心位置的一个矩形图片分别在新图片对应的位置上进行平铺;
在当前屏幕中显示所述新图片。
2.根据权利要求1所述的方法,其特征在于,所述角图片为具有两个直角边和一个不规则形状边的不规则图片,还包括:
获取所述目标图片的尺寸以及各个子图片的尺寸,其中,不规则图片的尺寸由两个直角边的长度来表示,矩形图片的尺寸由矩形的长和宽来表示;
所述将所述四个边位置的矩形图片以及中心位置的一个矩形图片分别在新图片对应的位置上进行平铺,包括:
根据所述四个不规则图片的尺寸计算出在新图片的各个对应位置上进行平铺时的起始坐标及结束坐标,按照所述起始坐标及结束坐标进行各个对应位置上的平铺操作。
3.根据权利要求1所述的方法,其特征在于,所述角图片为具有两个直角边和一个不规则形状边的不规则图片,还包括:
获取所述目标图片的尺寸以及各个子图片的尺寸,其中,不规则图片的尺寸由两个直角边的长度来表示,矩形图片的尺寸由矩形的长和宽来表示;
所述将所述四个边位置的矩形图片以及中心位置的一个矩形图片分别在新图片对应的位置上进行平铺,包括:
获取所述新图片中各个边位置及中心位置上的矩形的尺寸;
根据所述不规则图片的尺寸确定在新图片的各个对应位置上进行平铺时的起始坐标,并根据所述新图片中各个位置上的矩形尺寸与原始目标图片中对应位置上的矩形尺寸之间的比例,确定各个位置上进行平铺时,平铺的方向,以及平铺的原始目标图片的数目,按照所述起始坐标、方向以及数据进行各个对应位置上的平铺操作。
4.根据权利要求3所述的方法,其特征在于,所述确定各个位置上进行平铺时,平铺的方向,包括:
对于左右两侧的边位置,将平铺的方向确定为在垂直方向上进行平铺;
对于上下两侧的边位置,将平铺的方向确定为在水平方向上进行平铺;
对于中间位置,将平铺的方向确定为在水平和/或垂直方向上进行平铺。
5.根据权利要求2至4任一项所述的方法,其特征在于,所述不规则边为弧形边。
6.一种图片自适应处理装置,其特征在于,包括:
目标图片确定单元,用于确定待处理的目标图片;
屏幕分辨率获取单元,用于获取当前终端设备的屏幕分辨率;
图片切分单元,用于对所述目标图片进行切分,得到以下子图片:位于目标图片四个角位置的四个角图片、位于目标图片四个边位置的四个矩形图片、以及位于目标图片中心位置的一个矩形图片;
放大处理单元,用于通过以下方式对所述目标图片进行放大处理:按照当前屏幕分辨率生成匹配尺寸的新图片,将所述四个角图片分别按照原尺寸绘制在新图片的四个角位置,将新图片的剩余区域划分为四个边位置和一个中心位置,将所述四个边位置的矩形图片以及中心位置的一个矩形图片分别在新图片对应的位置上进行平铺;
图片显示单元,用于在当前屏幕中显示所述新图片。
7.根据权利要求6所述的装置,其特征在于,所述角图片为具有两个直角边和一个不规则形状边的不规则图片,还包括:
尺寸获取单元,用于获取所述目标图片的尺寸以及各个子图片的尺寸,其中,不规则图片的尺寸由两个直角边的长度来表示,矩形图片的尺寸由矩形的长和宽来表示;
所述放大处理单元包括:
第一平铺子单元,用于根据所述四个不规则图片的尺寸计算出在新图片的各个对应位置上进行平铺时的起始坐标及结束坐标,按照所述起始坐标及结束坐标进行各个对应位置上的平铺操作。
8.根据权利要求6所述的装置,其特征在于,所述角图片为具有两个直角边和一个不规则形状边的不规则图片,还包括:
尺寸获取单元,用于获取所述目标图片的尺寸以及各个子图片的尺寸,其中,不规则图片的尺寸由两个直角边的长度来表示,矩形图片的尺寸由矩形的长和宽来表示;
所述放大处理单元包括:
新图片尺寸获取单元,用于获取所述新图片中各个边位置及中心位置上的矩形的尺寸;
第二平铺子单元,用于根据所述不规则图片的尺寸确定在新图片的各个对应位置上进行平铺时的起始坐标,并根据所述新图片中各个位置上的矩形尺寸与原始目标图片中对应位置上的矩形尺寸之间的比例,确定各个位置上进行平铺时,平铺的方向,以及平铺的原始目标图片的数目,按照所述起始坐标、方向以及数据进行各个对应位置上的平铺操作。
9.根据权利要求8所述的装置,其特征在于,所述第二平铺子单元具体用于:
对于左右两侧的边位置,将平铺的方向确定为在垂直方向上进行平铺;
对于上下两侧的边位置,将平铺的方向确定为在水平方向上进行平铺;
对于中间位置,将平铺的方向确定为在水平和/或垂直方向上进行平铺。
10.根据权利要求7至9任一项所述的装置,其特征在于,所述不规则边为弧形边。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN2013101530674A CN103236042A (zh) | 2013-04-27 | 2013-04-27 | 图片自适应处理方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN2013101530674A CN103236042A (zh) | 2013-04-27 | 2013-04-27 | 图片自适应处理方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN103236042A true CN103236042A (zh) | 2013-08-07 |
Family
ID=48884081
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN2013101530674A Pending CN103236042A (zh) | 2013-04-27 | 2013-04-27 | 图片自适应处理方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN103236042A (zh) |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2015096015A1 (zh) * | 2013-12-23 | 2015-07-02 | 华为终端有限公司 | 一种照片显示方法及用户终端 |
CN106327448A (zh) * | 2016-08-31 | 2017-01-11 | 上海交通大学 | 一种基于深度学习的图片风格化处理方法 |
CN108876800A (zh) * | 2017-05-09 | 2018-11-23 | 腾讯科技(深圳)有限公司 | 一种信息处理方法和设备 |
CN112558849A (zh) * | 2020-12-07 | 2021-03-26 | 北京锐安科技有限公司 | 一种图形模型生成方法、装置、设备及存储介质 |
CN113436259A (zh) * | 2021-06-23 | 2021-09-24 | 国网智能科技股份有限公司 | 基于深度学习的变电站设备实时定位方法及系统 |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7042450B1 (en) * | 2003-02-28 | 2006-05-09 | Macromedia, Inc. | Interactive user interface guides |
CN102508653A (zh) * | 2011-09-29 | 2012-06-20 | 奇智软件(北京)有限公司 | 一种用户界面的拉伸控制的方法 |
-
2013
- 2013-04-27 CN CN2013101530674A patent/CN103236042A/zh active Pending
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7042450B1 (en) * | 2003-02-28 | 2006-05-09 | Macromedia, Inc. | Interactive user interface guides |
CN102508653A (zh) * | 2011-09-29 | 2012-06-20 | 奇智软件(北京)有限公司 | 一种用户界面的拉伸控制的方法 |
Non-Patent Citations (1)
Title |
---|
张云鹤: "wINDOWS桌面上窗口平铺操作要点", 《淮海工学院学报(自然科学版)》, vol. 6, no. 4, 31 December 1997 (1997-12-31) * |
Cited By (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2015096015A1 (zh) * | 2013-12-23 | 2015-07-02 | 华为终端有限公司 | 一种照片显示方法及用户终端 |
CN105247606A (zh) * | 2013-12-23 | 2016-01-13 | 华为终端有限公司 | 一种照片显示方法及用户终端 |
CN105247606B (zh) * | 2013-12-23 | 2017-07-28 | 华为终端有限公司 | 一种照片显示方法及用户终端 |
CN106327448A (zh) * | 2016-08-31 | 2017-01-11 | 上海交通大学 | 一种基于深度学习的图片风格化处理方法 |
CN108876800A (zh) * | 2017-05-09 | 2018-11-23 | 腾讯科技(深圳)有限公司 | 一种信息处理方法和设备 |
CN108876800B (zh) * | 2017-05-09 | 2022-11-29 | 腾讯科技(深圳)有限公司 | 一种信息处理方法和设备 |
CN112558849A (zh) * | 2020-12-07 | 2021-03-26 | 北京锐安科技有限公司 | 一种图形模型生成方法、装置、设备及存储介质 |
CN113436259A (zh) * | 2021-06-23 | 2021-09-24 | 国网智能科技股份有限公司 | 基于深度学习的变电站设备实时定位方法及系统 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US20180232135A1 (en) | Method for window displaying on a mobile terminal and mobile terminal | |
US20190114043A1 (en) | Method, apparatus, and electronic device for displaying a page and storage medium | |
CN104035664A (zh) | 一种应用程序用户界面的显示方法及装置 | |
CN103236042A (zh) | 图片自适应处理方法及装置 | |
CN104793874A (zh) | 一种界面显示方法及电子设备 | |
CN106648581B (zh) | 页面显示方法及装置 | |
CN106658139B (zh) | 一种焦点控制方法及装置 | |
CN104571877A (zh) | 一种页面的显示处理方法及装置 | |
US9916291B2 (en) | Method, apparatus, and terminal device for displaying multiple input boxes in a web page where display space is limited | |
CN104461436A (zh) | 一种多终端基于不同分辨率的显示方法 | |
CN105068750A (zh) | 一种控制方法及电子设备 | |
CN104484856A (zh) | 一种图片标注显示控制方法及处理器 | |
CN101656037B (zh) | 在小屏幕设备上显示大幅面图片的方法、小屏幕设备 | |
TWI512606B (zh) | 多重圖次渲染之技術 | |
CN104615331A (zh) | 一种角标处理方法 | |
CN105183420A (zh) | 一种信息处理方法及电子设备 | |
CN105094586A (zh) | 一种显示窗口的调节方法及电子设备 | |
JP4854797B2 (ja) | プログラムおよび電子機器 | |
CN109766530B (zh) | 图表边框的生成方法、装置、存储介质和电子设备 | |
CN105389308A (zh) | 网页的显示处理方法及装置 | |
CN106201385B (zh) | 控制方法、装置及电子设备 | |
US10632379B2 (en) | Method and apparatus for performing interaction in chessboard interface | |
CN105930090A (zh) | 一种基于移动终端的触摸屏坐标数据传输方法及系统 | |
CN104777981A (zh) | 信息快速分享方法及装置 | |
WO2019214181A1 (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 | ||
C12 | Rejection of a patent application after its publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20130807 |