iOS图形绘制

图形绘制在iOS开发中很常见，处于工作的需要和自身爱好，我就把最近自己使用过的图形绘制的简单方式稍微总结了一下，最近没怎么写博客了，不足之处大家多多指点

基本绘制

//    UIGraphicsBeginImageContextWithOptions(<#CGSize size#>, <#BOOL opaque#>, <#CGFloat scale#>)方法中各个参数：
     size :bitmap的大小
     opaque : YES:不透明  NO:透明 scale: 缩放比例 创建出来的bitmap就对应一个UIImage UIGraphicsBeginImageContextWithOptions(CGSizeMake(200, 200), NO , 0); CGContextRef ctx = UIGraphicsGetCurrentContext(); CGContextAddEllipseInRect(ctx, CGRectMake(0, 0, 100, 100)); CGContextStrokePath(ctx); UIImage *image = UIGraphicsGetImageFromCurrentImageContext(); self.aImageView.image = image;

代码执行效果

往往我们还需要把绘制好的图形保存起来，我们需要先将图片转换为二进制数据, 然后进行保存。

UIImageJPEGRepresentation(<#UIImage * _Nonnull image#>, <#CGFloat compressionQuality#>) //第一个参数是需要保存的图片对象，第二个参数则可以决定我们需要保存图片的质量 一般取 1 // NSData *data = UIImageJPEGRepresentation(image, 1) NSData *data = UIImagePNGRepresentation(image); [data writeToFile:@"/Users/apple/XXXXXX.png" atomically:YES];

水印图片

我们新建一个继承UIImage的类,声明一个实现返回一个带水印图片的类方法
.h

#import <UIKit/UIKit.h>
@interface UIImage (LGJImage) /** * 生成水印 * @param bgName 背景图片 * @param logNmae 水印图片 * @return 生成好的图片(带水印的图片) */ + (instancetype)imageWithBackgroundImageName:(NSString *)bgName log:(NSString *)logName; @end

#import "UIImage+LGJImage.h"

@implementation UIImage (LGJImage) + (instancetype)imageWithBackgroundImageName:(NSString *)bgName log:(NSString *)logName { UIImage *image = [UIImage imageNamed:bgName];//需要添加水印的图片 UIGraphicsBeginImageContextWithOptions(image.size, NO, 0);//bitmap上下文 [image drawAtPoint:CGPointMake(0, 0)]; // 绘制背景图片 // 绘制水印' UIImage *logImage = [UIImage imageNamed:logName]; CGFloat margin = 10; CGFloat logY = margin; CGFloat logX = image.size.width - margin - logImage.size.width; [logImage drawAtPoint:CGPointMake(logX, logY)]; // NSString *str = @"我是见哥，我为自己代言"; // [str drawAtPoint:CGPointMake(150, 50) withAttributes:nil]; UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext(); return newImage; } @end

接下来我们在ViewController的viewDidLoad方法中调用LGJImage的类方法来生成水印图片

- (void)viewDidLoad
{ [super viewDidLoad]; UIImage *newImage = [UIImage imageWithBackgroundImageName:@"JJ" log:@"JJlog"]; NSString *path = [[NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES) lastObject] stringByAppendingPathComponent:@"lgj.png"]; NSLog(@"%@", path); NSData *data = UIImagePNGRepresentation(newImage); [data writeToFile:path atomically:YES]; }

水印图片

水印文字

    // 0. 加载背景图片
    UIImage *image = [UIImage imageNamed:@"LGJJJ"]; // 1.创建bitmap上下文 // 执行完这一行在内存中就相遇创建了一个UIImage UIGraphicsBeginImageContextWithOptions(image.size, NO, 0); // 2.绘图图片 // 2.1绘制背景图片 [image drawAtPoint:CGPointMake(0, 0)]; // 2.3绘制文字水印 NSString *str = @" "; [str drawAtPoint:CGPointMake(150, 50) withAttributes:nil]; // 3.获得bitmap上下文中绘制好的的图片 UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext(); // 4.将图片写到文件中 NSString *path = [[NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES) lastObject] stringByAppendingPathComponent:@"aaa.png"]; NSLog(@"%@", path); NSData *data = UIImagePNGRepresentation(newImage); [data writeToFile:path atomically:YES];

我们打印文件所在的路径，图片效果如下：

水印文字

图片剪切

我们常常会遇见这样的场景，截取一张图片的一部分上传，作为某个应用的头像。那么这是怎么实现的呢？作为程序员我们最关心什么？代码实现，来吧兄弟们!
在这里我们自定义一个集成UIImage的类以及生成截取之后的头像图片的方法
.h

@interface UIImage (LGJImage)
/**
 *  生成头像
 *  @param icon   头像图片名称
 *  @param border 头像边框大小
 *  @param color  头像边框的颜色
 *  @return 生成好的头像
 */
+ (instancetype)imageWithIcon:(NSString *)icon border:(NSInteger)border color:(UIColor *)color; @end

#import "UIImage+LGJImage.h"

@implementation UIImage (LGJImage) + (instancetype)imageWithIcon:(NSString *)icon border:(NSInteger)border color:(UIColor *)color { UIImage *image = [UIImage imageNamed:icon];// 加载原有图片 // 上下文 CGFloat margin = border; CGSize size = CGSizeMake(image.size.width + margin, image.size.height + margin); // YES 不透明 NO 透明 UIGraphicsBeginImageContextWithOptions(size, NO, 0); // 大圆 CGContextRef ctx = UIGraphicsGetCurrentContext(); CGContextAddEllipseInRect(ctx, CGRectMake(0, 0, size.width, size.height)); [color set]; CGContextFillPath(ctx); // 小圆 CGFloat smallX = margin * 0.5; CGFloat smallY = margin * 0.5; CGFloat smallW = image.size.width; CGFloat smallH = image.size.height; CGContextAddEllipseInRect(ctx, CGRectMake(smallX, smallY, smallW, smallH)); CGContextClip(ctx); [image drawInRect:CGRectMake(smallX, smallY, smallW, smallH)]; UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext(); return newImage; } @end

这样一来，我们用的时候就会方便很多了，只需要调用此类方法就能达到截取图片的效果了

- (void)viewDidLoad
{ [super viewDidLoad]; UIImage *newImage = [UIImage imageWithIcon:@"Jiange" border:50 color:[UIColor greenColor]]; self.VVVVVV.image = newImage; }

如果需要保存的话可以将图片保存：例如

    NSString *path = [[NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES) lastObject] stringByAppendingPathComponent:@"aaa.png"]; NSLog(@"%@", path)； NSData *data = UIImagePNGRepresentation(newImage); [data writeToFile:path atomically:YES];

条纹背景

条纹背景的绘制相比于以上很类似，步骤都差不多，我们来具体看一下其实现过程

    // 1.平铺图片
    CGSize size = CGSizeMake(self.view.frame.size.width, 44); UIGraphicsBeginImageContextWithOptions(size , NO, 0); // 2.画矩形 CGContextRef ctx = UIGraphicsGetCurrentContext(); CGFloat height = 44; CGContextAddRect(ctx, CGRectMake(0, 0, self.view.frame.size.width, height)); [[UIColor redColor] set]; CGContextFillPath(ctx); // 3.画线条 CGFloat lineWidth = 2; CGFloat lineY = height - lineWidth; CGFloat lineX = 0; CGContextMoveToPoint(ctx, lineX, lineY); CGContextAddLineToPoint(ctx, self.view.frame.size.width, lineY); [[UIColor blackColor] set]; CGContextStrokePath(ctx); //获取到绘制完成后的小图片 UIImage *image = UIGraphicsGetImageFromCurrentImageContext(); UIColor *myColor = [UIColor colorWithPatternImage:image]; self.XXXXXX.backgroundColor = myColor;

是不是很相似？呵呵其实一样只需要粘贴复制之前的代码，稍作改动即可。
好了时候不早了。我要开始干活了！！！

作者：见哥哥长高了
链接：https://www.jianshu.com/p/42ede2543df2
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

基本绘制

水印图片

水印文字

图片剪切

条纹背景

猜你喜欢