美图秀秀美化图片界面设计（一）

　　先来2张预览图

基本实现了美图秀秀的美化图片功能的首页界面。美图秀秀据说是7.4亿用户在使用，感觉很牛逼的样子，这样更加我坚定了开发下去的决心。

　　美化图片具体功能：

　　1.智能优化

　　2.编辑

　　3.增强

　　4.特效

　　5.边框

　　6.魔幻笔

　　7.马赛克

　　8.文字编辑

　　9.背景虚化

　　10.链接到美容功能

在此文中我们将学到如下知识

　　1.图像的等比缩放处理。

　　2.自定义按钮

　　3.UIScrollView的使用

一、图像等比处理方法实现

　　1.指定宽度

+(UIImage *) imageCompressForWidth:(UIImage *)sourceImage targetWidth:(CGFloat)defineWidth{  UIImage *newImage = nil;  CGSize imageSize = sourceImage.size;  CGFloat width = imageSize.width;  CGFloat height = imageSize.height;  CGFloat targetWidth = defineWidth;  CGFloat targetHeight = height / (width / targetWidth);  CGSize size = CGSizeMake(targetWidth, targetHeight);  CGFloat scaleFactor = 0.0;  CGFloat scaledWidth = targetWidth;  CGFloat scaledHeight = targetHeight;  CGPoint thumbnailPoint = CGPointMake(0.0, 0.0);  if(CGSizeEqualToSize(imageSize, size) == NO){    CGFloat widthFactor = targetWidth / width;    CGFloat heightFactor = targetHeight / height;    if(widthFactor > heightFactor){      scaleFactor = widthFactor;    }    else{      scaleFactor = heightFactor;    }    scaledWidth = width * scaleFactor;    scaledHeight = height * scaleFactor;    if(widthFactor > heightFactor){      thumbnailPoint.y = (targetHeight - scaledHeight) * 0.5;    }else if(widthFactor < heightFactor){      thumbnailPoint.x = (targetWidth - scaledWidth) * 0.5;    }  }  UIGraphicsBeginImageContext(size);  CGRect thumbnailRect = CGRectZero;  thumbnailRect.origin = thumbnailPoint;  thumbnailRect.size.width = scaledWidth;  thumbnailRect.size.height = scaledHeight;    [sourceImage drawInRect:thumbnailRect];    newImage = UIGraphicsGetImageFromCurrentImageContext();  if(newImage == nil){    NSLog(@"scale image fail");  }    UIGraphicsEndImageContext();  return newImage;}

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：美图秀秀美化图片界面设计（一）

关键词：图片