美文网首页UI进价iOS大咖说iOS开发
iOS图片剪切,真正不变形剪切图片

iOS图片剪切,真正不变形剪切图片

作者: iOS阿能 | 来源:发表于2016-11-30 20:13 被阅读7685次

    转载请加上原创  iOS_阿能      

       首先我来明确一下写文章的目的,因为我百度了那么多个,所有的图片剪切,很多都是剪切后变形的,  又因为新人跌跌撞撞走了很多弯路,所以想让大家少走弯路。

    此文章算法也同样适用安卓,所以我希望大家不只是去复制我的代码,而是跟着我的思路看一下。

    代码能不能用试试便知,如有疑问评论。

    目标:压缩到800*480

    百度上很多算法都是压到最后800*480,有一些会变形,为什么呢?例如一张1600*500,你要怎么压缩,按照我们的想法,正常来说就是要把图片变成了800*250,然后取得这张图片,

    百度上大多数算法都是scale1 = 800/1600, scale2 = 480/500,然后把原来图片的宽度和高度分别 * scale,然后剪切,压缩,最后得出来的图片大多数变形,---------OK,那我们要怎么做呢?

    首先我们先确定好两个东西,一个是传入图片(UIImage*)image,一个是压缩目标尺寸(CGSize)targetSize

    先看图片,然后我们开始以下的算法咯

    /*****************************************************************************************************************************************************                            以下是代码                                                     **************************************/

    ```

    -(UIImage*)image:(UIImage*)image  fortargetSize: (CGSize)targetSize{

          UIImage*sourceImage = image;

          CGSize imageSize = sourceImage.size;//图片的size

          CGFloat imageWidth = imageSize.width;//图片宽度

          CGFloat imageHeight = imageSize.height;//图片高度

          NSInteger judge;//声明一个判断属性

           //判断是否需要调整尺寸(这个地方的判断标准又个人决定,在此我是判断高大于宽),因为图片是800*480,所以也可以变成480*800

           if( ( imageHeight - imageWidth)>0) {

                   //在这里我将目标尺寸修改成480*800

                   CGFloat tempW = targetSize.width;

                   CGFloat tempH = targetSize.height;

                   targetSize.height= tempW;

                   targetSize.width= tempH;

            }

             CGFloat targetWidth = targetSize.width;//获取最终的目标宽度尺寸

             CGFloat targetHeight = targetSize.height;//获取最终的目标高度尺寸

             CGFloat scaleFactor ;//先声明拉伸的系数

             CGFloat scaledWidth = targetWidth;

             CGFloat scaledHeight = targetHeight;

             CGPoint thumbnailPoint =CGPointMake(0.0,0.0);//这个是图片剪切的起点位置

             //第一个判断,图片大小宽跟高都小于目标尺寸,直接返回image

             if( imageHeight < targetHeight && imageWidth < targetWidth) {

                    return image;

             }

           if ( CGSizeEqualToSize(imageSize, targetSize ) ==NO )

          {

                  CGFloat widthFactor = targetWidth / imageWidth;  //这里是目标宽度除以图片宽度

                   CGFloat heightFactor = targetHeight / imageHeight; //这里是目标高度除以图片高度

                   //分四种情况,

                   //第一种,widthFactor,heightFactor都小于1,也就是图片宽度跟高度都比目标图片大,要缩小

            if(widthFactor <1&& heightFactor<1){

                   //第一种,需要判断要缩小哪一个尺寸,这里看拉伸尺度,我们的scale在小于1的情况下,谁越小,等下就用原图的宽度高度✖️那一个系数(这里不懂的话,代个数想一下,例如目标800*480  原图1600*800  系数就采用宽度系数widthFactor = 1/2  )

            if(widthFactor > heightFactor){

                  judge =1;//右部分空白

                   scaleFactor = heightFactor; //修改最后的拉伸系数是高度系数(也就是最后要*这个值)

           }

           else

          {

                  judge =2;//下部分空白

                  scaleFactor = widthFactor;

          }

    }

       else if(widthFactor >1&& heightFactor <1){

               //第二种,宽度不够比例,高度缩小一点点(widthFactor大于一,说明目标宽度比原图片宽度大,此时只要拉伸高度系数)

               judge =3;//下部分空白 

                //采用高度拉伸比例

               scaleFactor = imageWidth / targetWidth;// 计算高度缩小系数 

    }else if(heightFactor >1&& widthFactor <1){

             //第三种,高度不够比例,宽度缩小一点点(heightFactor大于一,说明目标高度比原图片高度大,此时只要拉伸宽度系数)

             judge =4;//下边空白

             //采用高度拉伸比例

            scaleFactor = imageHeight / targetWidth;

         }else{

               //第四种,此时宽度高度都小于目标尺寸,不必要处理放大(如果有处理放大的,在这里写).

         }

           scaledWidth= imageWidth * scaleFactor;

           scaledHeight = imageHeight * scaleFactor; 

    }

    if(judge ==1){

           //右部分空白

           targetWidth = scaledWidth;//此时把原来目标剪切的宽度改小,例如原来可能是800,现在改成780

    }else if(judge ==2){

    //下部分空白

           targetHeight = scaledHeight;

    }else if(judge ==3){

          //第三种,高度不够比例,宽度缩小一点点

           targetWidth  = scaledWidth; 

    }else{

          //第三种,高度不够比例,宽度缩小一点点

           targetHeight= scaledHeight;

    }

          UIGraphicsBeginImageContext(targetSize);//开始剪切

          CGRect thumbnailRect =CGRectZero;//剪切起点(0,0)

          thumbnailRect.origin= thumbnailPoint;

          thumbnailRect.size.width= scaledWidth;

          thumbnailRect.size.height= scaledHeight;

           [sourceImage drawInRect:thumbnailRect];

           UIImage*newImage =UIGraphicsGetImageFromCurrentImageContext();//截图拿到图片

        return newImage;

    }

    ```

    相关文章

      网友评论

      • iOS之星:感觉这个demo不太实用, 存在右边缺一块, 下边缺一块.我如果要把图片放在长方形item的九宫格里,非常难看.
        iOS阿能:@iOS星客 - -,骚味反驳一下你,你把这图片放在电脑上查看,就知道图片缩放有没有问题,其次UI显示问题,你可以设置imgview的填充方式,完毕.
      • 小石头JS:试了一下,裁剪后图片变浑了:sweat_smile: ,怎莫肥四~~
        iOS阿能:@lisary_email 原图尺寸跟目标尺寸呢?
        小石头JS:@iOS_阿能 尺寸都是(300,200),裁剪后的图片变短了变浑了~~
        iOS阿能:@lisary_email ???尺寸呢
      • 大仲码:GPUImage轻松裁剪:blush:
      • 野比大雄001:大神,你说的很好,能放一个Demo吗?
        iOS阿能:@桥边风满袖 :joy: 小哥这代码就已经封装好了,当做方法调用就行了啊
      • ShiyongTan: 好像不行啊, 我试了, 我放回一个 480 * 480的图片,原始图片是5s手机拍摄的全屏图片。 返回的既然是一个长方形的图片。
        ShiyongTan:@iOS_阿能 是的, 可以加一下QQ, 聊吗? 519550004
        iOS阿能:@ShiyongTan 你是参数设置为480*480?然后返回长方形图片?
        ShiyongTan:难道是我打开的方式不对 ?
      • 小K哥哥:放大的 可以吗?
        iOS阿能:放大干嘛,,,缩小就是为了减少内存。。。
      • 不辣先生:对图片质量会有影响么?
        iOS阿能:@不辣先生 不太清楚你的意思,首先我们出发点,目的就是使图片的内存变小,后台可以更多的控件放更多的图片,内存缩小有两个,一个是把图片尺寸缩小,另外一个是把图片的体积(即为质量)缩小,如ios提供的 UIImageJPEGRepresentation(image, 0.5);//这个函数应该就是你说的降低图片质量了
        不辣先生:那加入屏幕分辨质量,你觉得可以消除或者降低质量影响么
        iOS阿能:@不辣先生 肯定是有的,这个操作的实质就是,你原图1000*1000的图片,我把它缩小为100*100,然后截图保存图片,有个猜测我还没做,就是在不同机型上,由于屏幕分辨率不同,截图的图片大小不同.
      • 思念狠实在:假设我想把一张300*150的图片裁剪为100*100是不是还是会变形
        iOS阿能:@思念狠实在 用我的不会的...设置目标为100*100
      • GavinKang:真希望你能排好版
        iOS阿能:@iOS王晓晖 是啊,发表文章有两种,一种是富文本,一直是markdowm.只要发布了就改不了
        iOS阿能:....一开始发布的时候是富文本,后面联系客服改不回来,就这样吧...
      • 远航的移动开发历程:感谢:pray:
        iOS阿能:为大家省了很多事,
      • 1d206806914b:可以,确实喜欢
        iOS阿能:@忆丶过去 👌
      • 景彧:nice
      • 0559a6e7f697:完美解决我的问题 :smile: :smile:
        iOS阿能:@彛缓蒌雨 点个喜欢支持一下咯,😝

      本文标题:iOS图片剪切,真正不变形剪切图片

      本文链接:https://www.haomeiwen.com/subject/rvoapttx.html