Quartz 2D(自定义画板)

1、Quartz 2D简单介绍

Quartz2D是一个二维绘图引擎,同时支持iOS和MacOSX系统(跨平台,纯C 语言的)。包含在CoreGraphics框架中。
Quartz2D能完成的工作有:
1、绘制图形:线条\三角形\矩形\圆\弧等
2、绘制文字
3、绘制\生成图片(图像)
4、读取\生成PDF
5、截图\裁剪图片
6、自定义UI控件
……
•注意:
–Quartz 2D是苹果官方的二维绘图引擎,同时支持iOS和 MacOSX系统。
–Cocos2D(Cocos2D-x、Cocos2D-iPhone、Cocos2D-HTML5等),Cocos2D是一个第三方开源的2D游戏框架。做2D游戏的 还有 SpriteKit。一般3D游戏用 unity3D。
Quartz2D的API是纯C语言的;Quartz2D的API来自于Core Graphics框架
•数据类型和函数基本都以CG作为前缀
ØCGContextRef
ØCGPathRef
CGContextStrokePath

2、Quartz2D 绘图主要步骤

•1.获取【图形上下文】对象
•2.向【图形上下文】对象中添加【路径】
•3.渲染(把【图形上下文】中的图形会知道对应的设备上)

3、使用Quartz2D制作涂鸦画板核心代码如下所示:

#import "CHPaintView.h"
#import "CHBezierPath.h"
@interface CHPaintView()
//@property (nonatomic,strong) UIBezierPath *path;

@property (nonatomic,strong) NSMutableArray *paths;

@end
@implementation CHPaintView
-(NSMutableArray *)paths{
    if (_paths==nil) {
        _paths = [NSMutableArray array];
    }
    return _paths;
}
//手指按下
-(void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{
    //获取触摸对象
    UITouch *touch = touches.anyObject;
    //根据触摸对象获取触摸位置
    CGPoint locP = [touch locationInView:touch.view];
   //创建路径
    CHBezierPath  *path = [CHBezierPath bezierPath];
   //设置画笔的起始点
    [path moveToPoint:locP];
   
    //设置线宽
    path.lineWidth = self.lineWidth;
    //设置线的颜色
    path.lineColor = self.lineColor;
    
    [self.paths addObject:path];
}
-(void)touchesMoved:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{
   //获取触摸对象
    UITouch *touch = touches.anyObject;
    //获取移动后的当前位置
    CGPoint currentP = [touch locationInView:touch.view];
    //添加直线
    [[self.paths lastObject] addLineToPoint:currentP];
    //执行重绘
    [self setNeedsDisplay];
}
-(void)touchesEnded:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{


}
-(void)clear{
    [self.paths removeAllObjects];
    [self setNeedsDisplay];
}
-(void)back{
    [self.paths removeLastObject];
    [self setNeedsDisplay];
}
-(void)eraser{
    self.lineColor = self.backgroundColor;
}

- (void)drawRect:(CGRect)rect {
   
    for (CHBezierPath *path in self.paths) {
       
         //设置线头的样式
        path.lineCapStyle = kCGLineCapRound;
         //设置接头的样式
        path.lineJoinStyle = kCGLineJoinRound;
       
        [path.lineColor set];
        [path stroke];
    }
}

@end
#import "ViewController.h"
#import "CHPaintView.h"
@interface ViewController ()

@property (weak, nonatomic) IBOutlet CHPaintView *paintView;
@property (weak, nonatomic) IBOutlet UISlider *slider;

@end
@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
   //默认线宽
    self.paintView.lineWidth = self.slider.value;
}
//隐藏状态栏  运营商 网络 时间 电池电量等隐藏
-(BOOL) prefersStatusBarHidden{

    return YES;
}
- (IBAction)clickValueChanged:(UISlider *)sender {
    self.paintView.lineWidth = sender.value;
}
- (IBAction)colorDidClick:(UIButton *)sender {

    self.paintView.lineColor = sender.backgroundColor;

}
- (IBAction)clearClick:(UIBarButtonItem *)sender {
    [self.paintView clear];
}
- (IBAction)backClick:(UIBarButtonItem *)sender {
    [self.paintView back];
}
- (IBAction)eraserClick:(UIBarButtonItem *)sender {
    [self.paintView eraser];
}
- (IBAction)saveClick:(id)sender {

    //通过屏幕截图
    //1.开启一个图形上下文(bitmap)
    UIGraphicsBeginImageContextWithOptions(self.paintView.bounds.size, NO, 0.0);
    
    //2.获取刚刚开启的图形上下文
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    
    //3.通过调用layer renderInContext
    [self.paintView.layer renderInContext:ctx];
    
    //4.从图形上下文中获取图片

    UIImage * image = UIGraphicsGetImageFromCurrentImageContext();
    
    //5.结束图形上下文
    UIGraphicsEndImageContext();
    
    //6.使用图片
    UIImageWriteToSavedPhotosAlbum(image, self, @selector(image:didFinishSavingWithError:contextInfo:), @"hello");
}
- (void)image:(UIImage *)image didFinishSavingWithError:(NSError *)error contextInfo:(void *)contextInfo;
{
    NSString * str = @"";
    
    if (error)
    {
        str = @"保存失败";
    }
    else
    {
        str = @"保存成功";
    }   
    NSLog(@"%@",str);
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}
@end

画板的效果

Untitled.gif

*** 说明***

This app has crashed because it attempted to access privacy-sensitive data without a usage description. The app's Info.plist must contain an NSPhotoLibraryUsageDescription key with a string value explaining to the user how the app uses this data.

应用程序崩溃的原因是在使用隐私敏感数据的时候没有设置使用描述信息的配置。你需要在 info.plist 文件添加一个 NSPhotoLibraryUsageDescription的 key,然后添加一个描述如何使用这个数据。否则,没有相册的访问权限,必须要在应用程序设置信息中配置对应的键值信息。

解决方案

第一步、在项目中找到info.plist文件,右键点击以Source Code
形式打开2.添加以下键值对,这里以 PhotoLibrary 作为例子
<key>NSPhotoLibraryUsageDescription</key> <string>在这个世界上,你唯一可以听到的就是你前进的脚步声</string>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,491评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,856评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,745评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,196评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,073评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,112评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,531评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,215评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,485评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,578评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,356评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,215评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,583评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,898评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,174评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,497评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,697评论 2 335

推荐阅读更多精彩内容

  • --绘图与滤镜全面解析 概述 在iOS中可以很容易的开发出绚丽的界面效果,一方面得益于成功系统的设计,另一方面得益...
    韩七夏阅读 2,684评论 2 10
  • 一年前,我参加了一个课程,那一次,M是我的同班同学,一年后,我再次参加了那个课程,这一次,我的身份是课程助理,而M...
    Shirley千墨阅读 411评论 0 1
  • 好久没有写东西,突然间想写的时候才发现脑袋竟然好似浆糊,曾经最简单的事情如今却变得如此艰难,犹豫再三,决定...
    梓涵_3ff0阅读 241评论 2 1
  • 不同年龄层的大部分人都有不同程度的迷茫,很少有人能够清醒的成长,究其本质不过是没有核心竞争力罢了 如果去采访正在读...
    奈奈十一阅读 464评论 0 1