core Graphics

最新推荐文章于 2024-04-01 09:05:00 发布
最新推荐文章于 2024-04-01 09:05:00 发布
阅读量318 收藏
点赞数 1
分类专栏： iOS 文章标签： core graphics drawRect ios绘制 上下文
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wlw2687/article/details/53454777
版权


一.通过重写drawRect方法来绘制上下文


#import "MyView.h"


@implementation MyView


-(void)drawRect:(CGRect)rect {

    //获取当前上下文

    CGContextRef context =UIGraphicsGetCurrentContext();

    

    // --------------------------实心圆

    CGContextAddEllipseInRect(context,CGRectMake(0,0,50,50));

    [[UIColorgreenColor]set];

    CGContextFillPath(context);

    

    // --------------------------空心圆

    CGContextAddEllipseInRect(context,CGRectMake(60,0,50,50));

    [[UIColorredColor]set];

    CGContextSetLineWidth(context,10.0f);// 线的宽度

    CGContextStrokePath(context);

    

    // --------------------------椭圆

    CGContextAddEllipseInRect(context,CGRectMake(120,0,80,50));

    [[UIColorgreenColor]set];

    CGContextFillPath(context);

    

    // --------------------------直线

    CGContextMoveToPoint(context,10,70); //起点

    CGContextAddLineToPoint(context,100,70); //终点

    CGContextAddLineToPoint(context,100,100);//终点

    //    CGContextSetRGBStrokeColor(ctx, 0, 1.0, 0, 1.0); //颜色

    [[UIColorredColor]set]; //两种设置颜色的方式都可以

    CGContextSetLineWidth(context,10.0f);// 线的宽度

    CGContextSetLineCap(context,kCGLineCapRound);// 起点和重点圆角

    CGContextSetLineJoin(context,kCGLineJoinRound);// 转角圆角

    CGContextStrokePath(context);

    

    // --------------------------三角形

    CGContextMoveToPoint(context,10,150); //第一个点

    CGContextAddLineToPoint(context,60,100); //第二个点

    CGContextAddLineToPoint(context,100,150); //第三个点

    [[UIColorpurpleColor]set];

    CGContextClosePath(context);

    CGContextStrokePath(context);

    

    // --------------------------矩形

    CGContextAddRect(context,CGRectMake(20,170,100, 50));

    [[UIColororangeColor]set];

    //    CGContextStrokePath(ctx); //空心

    CGContextFillPath(context);

    

    // --------------------------圆弧

    // *添加一个圆弧的上下文路径,可能之前直线段。”(x,y)”是弧的中心,“半径”是它的半径;“startAngle”是第一个角弧的端点;“endAngle”的第二个端点弧角;和“顺时针”1如果电弧是顺时针,否则为0。“startAngle”和“endAngle”是以弧度。* /

    CGContextAddArc(context,200,170,50,0,M_PI,0);

   // CGContextClosePath(context);

    CGContextStrokePath(context);

    

    // --------------------------文字

    NSString *str =@"你在红楼，我在西游";

    NSMutableDictionary *dict = [NSMutableDictionarydictionary];

    dict[NSForegroundColorAttributeName] = [UIColorredColor];// 文字颜色

    dict[NSFontAttributeName] = [UIFontsystemFontOfSize:14];//字体

    [str drawInRect:CGRectMake(20,250,300, 30)withAttributes:dict];

    

    // --------------------------图片

    UIImage *img = [UIImageimageNamed:@"katong.jpg"];

    //   [img drawAsPatternInRect:CGRectMake(20, 280, 300, 300)]; //多个平铺

    //   [img drawAtPoint:CGPointMake(20, 280)]; //绘制到指定点，图片有多大就显示多大

    [img drawInRect:CGRectMake(20,280,80,80)];//拉伸

    

}


@end


二.针对UIImage的操作

  //--------------------------把整个屏幕转化为图片

    UIGraphicsBeginImageContextWithOptions(self.view.frame.size,NO,0);

    CGContextRef context =UIGraphicsGetCurrentContext();

    //把当前的整个画面导入到context中

    [self.view.layerrenderInContext:context];

    UIImage* image =UIGraphicsGetImageFromCurrentImageContext();

    UIGraphicsEndImageContext();


    //把图片存到本地

    NSData * data =UIImageJPEGRepresentation([selfscaleImage:[UIImageimageNamed:@"katong.jpg"]toScale:0.1],0.1);

    NSString *path = [NSStringstringWithFormat:@"%@/Documents/img12.jpg",NSHomeDirectory()];

    [data writeToFile:pathatomically:NO];

    NSLog(@"%@",path);

//裁剪图片

-(UIImage *)getImageFromImage{

    //大图bigImage

    //定义myImageRect，截图的区域

    CGRect myImageRect =CGRectMake(10.0,10.0,200,200);

    UIImage* bigImage= [UIImageimageNamed:@"katong.jpg"];

    CGImageRef imageRef = bigImage.CGImage;

    CGImageRef subImageRef =CGImageCreateWithImageInRect(imageRef, myImageRect);

    UIImage* smallImage = [UIImageimageWithCGImage:subImageRef];

    return smallImage;

}


//等比率缩放

- (UIImage *)scaleImage:(UIImage *)image toScale:(float)scaleSize

{

    UIGraphicsBeginImageContext(CGSizeMake(image.size.width * scaleSize, image.size.height * scaleSize));

    [image drawInRect:CGRectMake(0,0, image.size.width * scaleSize, image.size.height * scaleSize)];

    UIImage *scaledImage =UIGraphicsGetImageFromCurrentImageContext();

    UIGraphicsEndImageContext();

    return scaledImage;

}


//自定长宽

- (UIImage *)reSizeImage:(UIImage *)image toSize:(CGSize)reSize

{

    UIGraphicsBeginImageContext(CGSizeMake(reSize.width, reSize.height));

    [image drawInRect:CGRectMake(0,0, reSize.width, reSize.height)];

    UIImage *reSizeImage =UIGraphicsGetImageFromCurrentImageContext();

    UIGraphicsEndImageContext();

    return reSizeImage;

}


三.Quartz2D

 /**************************    线段  ******************/

/**

 *  什么调用：当你视图第一次显示的时候就会调用

 *  作用：绘图

 *  @param rect = self.bounds

 */


曲线

- (void)drawRect:(CGRect)rect

{

    // 1.获取上下文

    CGContextRef ctx =UIGraphicsGetCurrentContext();

    

    // 2.拼接路径

    UIBezierPath *path = [UIBezierPathbezierPath];

    

    CGPoint startP =CGPointMake(10,125);

    CGPoint endP =CGPointMake(240,125);

    CGPoint controlP =CGPointMake(125,0);

    [path moveToPoint:startP];

    [path addQuadCurveToPoint:endPcontrolPoint:controlP];

    

    // 3.把路径添加到上下文

    CGContextAddPath(ctx, path.CGPath);

    

    // 4.渲染上下文到视图

    CGContextStrokePath(ctx);

    

}

2条直线

- (void)draw2Line

{

    // 1.获取上下文

    CGContextRef ctx =UIGraphicsGetCurrentContext();

    

    // 2.拼接路径

    UIBezierPath *path = [UIBezierPathbezierPath];

    

    // 设置起点

    [path moveToPoint:CGPointMake(10,125)];

    

    // 添加一条线到某个点

    [path addLineToPoint:CGPointMake(230,125)];

    

    //    // 设置起点

    //    [path moveToPoint:CGPointMake(10, 10)];

    //

    //    // 添加一条线到某个点

    //    [path addLineToPoint:CGPointMake(125, 100)];

    

    UIBezierPath *path1 = [UIBezierPathbezierPath];

    

    [path1 moveToPoint:CGPointMake(10,10)];

    

    [path1 addLineToPoint:CGPointMake(125,100)];

    

    

    // 3.把路径添加到上下文

    CGContextAddPath(ctx, path.CGPath);

    CGContextAddPath(ctx, path1.CGPath);

    

    // 设置绘图状态

    // 设置线宽

    CGContextSetLineWidth(ctx,10);

    CGContextSetLineCap(ctx,kCGLineCapRound);

    //    CGContextSetRGBStrokeColor(ctx, 1, 0, 0, 1);

    [[UIColorredColor] set];

    

    // 4.渲染上下文到视图

    CGContextStrokePath(ctx);

}

直线

- (void)drawLine

{

    // 1.获取上下文

    // CGContextRef CG CoreGraphics Ref引用

    // 目前学的上下文都跟UIGraphics有关，以后想直接获取上下文，直接敲一个UIGraphics

    CGContextRef ctx =UIGraphicsGetCurrentContext();

    

    // 2.设置绘图信息(拼接路径)

    UIBezierPath *path = [UIBezierPathbezierPath];

    

    // 设置起点

    [path moveToPoint:CGPointMake(10,10)];

    

    // 添加一条线到某个点

    [path addLineToPoint:CGPointMake(125,125)];

    [path addLineToPoint:CGPointMake(240,10)];

    // 3.把路径添加到上下文

    // 直接把UIKit的路径转换成CoreGraphics，CG开头就能转

    CGContextAddPath(ctx, path.CGPath);

    

    // 4.把上下文渲染到视图

    // Stroke描边

    CGContextStrokePath(ctx);

}


/**************************   形状  ******************/



饼状

- (void)drawRect:(CGRect)rect

{

    // Drawing code

   

    // 1.获取上下文

    CGContextRef ctx =UIGraphicsGetCurrentContext();

    

    // 2.拼接路径

    CGPoint center =CGPointMake(125,125);

    CGFloat radius =100;

    CGFloat startA =0;

    CGFloat endA =M_PI_2;

    UIBezierPath *path = [UIBezierPathbezierPathWithArcCenter:centerradius:radius startAngle:startAendAngle:endA clockwise:YES];

    

    [path addLineToPoint:center];

    

    // 3.把路径添加到上下文

    CGContextAddPath(ctx, path.CGPath);

    

    // 4.渲染上下文

//    CGContextStrokePath(ctx);

    CGContextFillPath(ctx);



}


椭圆

- (void)drawArc

{

    // 1.获取上下文

    CGContextRef ctx =UIGraphicsGetCurrentContext();

    

    // 2.拼接路径

    CGPoint center =CGPointMake(125,125);

    CGFloat radius =100;

    CGFloat startA =0;

    CGFloat endA =M_PI_2;

    UIBezierPath *path = [UIBezierPathbezierPathWithArcCenter:centerradius:radius startAngle:startAendAngle:endA clockwise:YES];

    

    // 3.把路径添加到上下文

    CGContextAddPath(ctx, path.CGPath);

    

    // 4.渲染上下文

    CGContextStrokePath(ctx);

}

圆形

- (void)drawCircle

{

    // 1.获取上下文

    CGContextRef ctx =UIGraphicsGetCurrentContext();

    

    // 2.拼接路径

    UIBezierPath *path = [UIBezierPathbezierPathWithOvalInRect:CGRectMake(10,10, 200, 100)];

    

    // 3.把路径添加到上下文

    CGContextAddPath(ctx, path.CGPath);

    

    // 4.渲染上下文

    CGContextStrokePath(ctx);


}

矩形

- (void)drawRectangle

{

    // 1.获取上下文

    CGContextRef ctx =UIGraphicsGetCurrentContext();

    

    // 2.拼接路径

    UIBezierPath *path = [UIBezierPathbezierPathWithRect:CGRectMake(10,10, 200, 200)];

    path = [UIBezierPathbezierPathWithRoundedRect:CGRectMake(10,10, 200, 200)cornerRadius:20];

    

    // 3.把路径添加到上下文

    CGContextAddPath(ctx, path.CGPath);

    

    // 4.渲染上下文

    CGContextStrokePath(ctx);

}


三角

- (void)drawSupernene

{

    // 1.获取上下文

    CGContextRef ctx =UIGraphicsGetCurrentContext();

    

    // 2.拼接路径

    UIBezierPath *path = [UIBezierPathbezierPath];

    

    CGPoint startP =CGPointMake(10,10);

    

    [path moveToPoint:startP];

    

    [path addLineToPoint:CGPointMake(125,125)];

    

    [path addLineToPoint:CGPointMake(240,10)];

    

    // 从路径的终点连接到起点

    [path closePath];

    //    [path addLineToPoint:startP];

    

    // 3.把路径添加到上下文

    CGContextAddPath(ctx, path.CGPath);

    

    [[UIColorblueColor] setFill];

    [[UIColorredColor] setStroke];

    

    CGContextSetLineWidth(ctx,15);

    

    // 4.渲染上下文

    //    CGContextStrokePath(ctx);

    //    CGContextFillPath(ctx);

    // 即填充又描边 kCGPathFillStroke

    CGContextDrawPath(ctx,kCGPathFillStroke);

}

wlw2687
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
iOS Core Graphics介绍
长乐未央
07-17 695
Core Graphic 是 iOS 中绘制图形的核心框架
iOS 中的重要图形概念 Core Graphics
MuscariBotryoides 的博客
06-01 306
引言 Core Graphics框架是基于Quartz的高级绘图引擎。 它提供了无与伦比的输出保真度和轻量级2D渲染。 使用此框架可以来处理基于路径的绘图，转换，颜色管理，屏幕渲染，图案，渐变和阴影，图像数据管理，图像创建和图像蒙版，以及PDF文档的创建，显示和解析。在macOS中，Core Graphics还包括用于处理显示硬件，用户基础输入事件和窗口系统的服务。本文将重点介绍这套框架下重要的数据类型概念。（几乎是各种组件的基础，十分重要） 一 Geometric数据类型 Core Graphics框架最
iOS Core Graphics绘图
假装你是大灰狼的专栏
08-23 904
Core Graphics Framework是一套基于C的API框架，使用了Quartz作为绘图引擎。它提供了低级别、轻量级、高保真度的2D渲染。 Core Graphics API所有的操作都在上下文中进行。所以在绘图之前需要获取该上下文并传入执行渲染的函数内。有许多方式获得一个上下文 第一种方法就是创建一个图片类型的上下文。 // 获得用来处理图片的图形上下文 UIGraphicsBeginImageContext(rect.size); CGContextRef context = UIGrap
CoreGraphics详解
liuxinzhongliubin的博客
03-27 993
iOS开发中我们经常会使用UIButton，UILabel等，这些简单的api可以让我们很快完成常规界面的开发。如果碰到一些需要自定义的界面，我们肯定需要自己绘制。今天就学习记录下iOS中关于绘制的框架CoreGraphics。Core Graphics是基于Quartz 2D的一个高级绘图引擎，常用于iOS，tvOS，macOS的图形绘制应用开发。Core Graphics是对底层C语言的一个简单封装，其中提供大量的低层次，轻量级的2D渲染API。###系统的绘图框架UIKit。
Core Graphics
l819183457的专栏
04-08 282
Core Graphics入门 想必每个第一次接触Core Graphics的开发者都被无数的API、混乱的代码逻辑折腾得头疼不已，甚至望而却步。即使是绘制一个简单的矩形也看上去非常繁琐。本文换一个角度，整理一下有关Core Graphics的知识，也算作是这段时间学习的总结。 Core Graphics和UIKit的区别 首先从概念上了解一下: 根据苹果的描述，UIKit是我们最容易
CoreGraphics
qq_32619837的博客
03-31 322
CoreGraphics中最关键的部分是一个名为Quartz 2D的API集合，它包含了各种函数、数据类型以及对象，能够让大家在内存中直接绘制视图和图像。 CoreGraphics框架几个重要概念: 画布（page）：Quartz 2D将正在进行绘制的视图视作一个虚拟的画布，在画布上用画笔画画，就必须遵循一定的规则，例如，绘制的内容是有先后顺序的。 路径（Path）：当你拿到一支画笔时，就能够随心所欲地在画纸上绘画，画笔移动的轨迹就是路径。 绘图上下文（Graphics Context）：绘图上下文有时
CoreGraphics，QuartzCore, CoreAnimation区别
最新发布
逝水无情的博客
04-01 337
CoreGraphics，QuartzCore, CoreAnimation区别
Swift - Core Graphics绘图框架详解1（绘制线条）
FlyingFireFish的博客
06-05 1081
一、Core Graphics介绍1，什么是Core Graphics（1）Core Graphics Framework 是一套基于 C 的 API 框架，使用了 Quartz 作为绘图引擎，可用于一切绘图操作。它提供了低级别、轻量级、高保真度的 2D 渲染。（2）Quartz 2D 是 Core Graphics Framework 的一部分，是一个强大的二维图像绘制引擎。（3）我们使用的 U...
核心绘图——Core Graphics
诠释完美
10-30 4805
一. Core Graphics简介 Core Graphics是一个基于C的绘图专用的API族，它经常被称为QuartZ或QuartZ 2D，是一个二维绘图引擎，同时支持iOS和Mac系统。它提供了低级别、轻量级、高保真度的2D渲染。该框架可以用于基于路径的绘图、变换、颜色管理、脱屏渲染，模板、渐变。 提示： 引擎：经过包装的函数库，方便开发者使用。QuartZ 2D是苹果帮封装的一套绘
Core Graphics快速入门
u013488791的博客
09-05 251
Core Graphics入门 想必每个第一次接触Core Graphics的开发者都被无数的API、混乱的代码逻辑折腾得头疼不已，甚至望而却步。即使是绘制一个简单的矩形也看上去非常繁琐。本文换一个角度，整理一下有关Core Graphics的知识，也算作是这段时间学习的总结。 Core Graphics和UIKit的区别 首先从概念上了解一下: 根据苹果的描述，UIK
CoreGraphics：CoreGraphics
02-20
CoreGraphics是苹果操作系统中的一个低级图形框架，用于在iOS和macOS上创建和操作2D图形。这个框架是Objective-C和Swift编程语言的核心部分，提供了丰富的功能来绘制图形、处理图像以及进行复杂的矢量图形操作。在...
利用CoreGraphics画小黄人
06-10
在iOS和macOS开发中，Core Graphics是一个强大的图形绘制框架，用于低级的2D图形渲染。本项目“利用CoreGraphics画小黄人”旨在教你如何通过编程方式使用Core Graphics来绘制可爱的小黄人形象。这个教程对于理解Core...
iOS CoreGraphics绘图
01-04
在iOS开发中，Core Graphics（简称Core Graphics或CG）是一个低级别的图形绘制框架，它提供了丰富的2D图形渲染功能。这个框架允许开发者直接控制像素，从而实现高度自定义的绘图效果。UIKit虽然提供了许多方便的UI...
基于Core Graphics框架
04-05
《基于Core Graphics框架的iOS本地动态验证码实现》 在iOS应用开发中，验证码是一种常见的安全机制，用于验证用户的身份或防止自动化的恶意操作。本文将深入探讨如何利用Core Graphics框架来创建一个本地动态验证码...
iOS Core Graphics Demo
11-27
本Demo介绍了在iOS中用Core Graphics函数画直线、画孤线、画圆形、画扇形、画椭圆、画三角形、画长方形、画圆角矩形、画贝兹尔曲线、画渐变色、画图片的基本操作。很适合初学者参考借鉴。开发环境：在Mac OS 10.12里...
fmdb
wlw2687的博客
12-24 620
FMDatabase             沙盒路径      NSString * path = [NSHomeDirectory() stringByAppendingFormat:@"/Documents/userInfo.db"];      创建数据库      dataBase = [[FMDatabase alloc]initWithPath:path]
iOS 初级UI
wlw2687的博客
11-24 554
iOS 初级UI
iOS crash 分析
wlw2687的博客
06-27 398
一、前言： 作为一个合格的iOS开发者，除了具有规范强悍的编码能力外，还应该具有过硬的查错纠错能力。在项目运行时，程序崩溃是不可避免的，遇到这个问题，有时会出现一大堆的crash日志，艹，貌似看不懂呀。其实没有那么可怕，我们可以将这些日志格式化，通过它来快速定位问题的所在，以便迅速搞定它。 二、分析： 首先我们来看一个crash日志，大略的介绍其中的几个重要的关键词：
NSObject
wlw2687的博客
11-01 329
NSoject 类的方法总结
Core Graphics框架详解与关键数据类型
Core Graphics 框架参考文档是苹果官方提供的一个深入指南，它专注于在 iOS 平台上进行高质量图形处理的低层次编程接口。这个框架对于那些需要精细控制图形渲染、矢量图形操作、路径绘制、变换、图像管理和数据管理...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值