iOS Quartz 2D绘图

最新推荐文章于 2021-11-10 11:58:38 发布
最新推荐文章于 2021-11-10 11:58:38 发布
阅读量194 收藏
点赞数
分类专栏： ios 文章标签： ios
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46642112/article/details/105806515
版权

无论使用哪种绘图技术，都离不开UIView，绘制都发生在UIView对象的区域内。如果是默认视图，绘制工作是由iOS系统自动处理的；如果是自定义视图，则必须重写drawRect:方法，在此提供相应的绘制代码。

1、drawRect:方法

想要绘图就要重写drawRect:方法。另外慧慧使用到setNeedsDisplay:和setNeedsDisplayInRect:方法。
两个方法用于设置视图或者视图部分区域是否需要重新绘制。
setNeedsDisplay: 用于重新绘制这个视图。
和setNeedsDisplayInRect: 用于重新绘制视图的部分区域。
原则上不要绘制整个视图，以减少绘制带来的开销。
触发视图重新绘制的动作有如下几种：
（1）当遮挡你的视图的其他视图被移动或删除时。
（2）将视图的hidden属性生命设置为false，使其从隐藏状态变为可见。
（3）将视图滚出屏幕，然后再重新回到屏幕上。
（4）显示调用视图的setNeedsDisplay:或者setNeedsDisplayInRect:方法。

例1：将整个屏幕所在的视图填充为蓝色。视图轮廓是一个矩形，我们只需要将视图所在的矩形填充即可。
swift代码

// An highlighted block
import UIKit
class view1:UIView{
	override func draw(_ rect:CGRect){
		UIColor.blue.setFill()
		/*
		用于为当前的图形上下文设置要填充的颜色。
		blue为UIColor的静态属性，获得蓝色对象
		setFill方法用于设置颜色要进行填充处理。
		*/
		UIRectFill(rect)//按照设置的颜色（blue蓝色）填充rect。
	}
}

objective-C代码

// An highlighted block
//view1.h文件
#import <UIKit/UIkit.h>
@interface view1:UIView
@end
//view1.m文件
#import "view1.h"
@implementation view1

-(void)drawRect:(CGRect)rect{
	[[UIColor blueColor] setFill];
	/*
		用于为当前的图形上下文设置要填充的颜色。
		blueColor为UIColor的静态属性，获得蓝色对象
		setFill方法用于设置颜色要进行填充处理。
		*/
	UIRectFill(rect);
}
2、填充与描边

UIKit提供了非常基本的绘图功能，主要的API如下：
（1）UIRectFill(CGRect rect)，填充矩形函数
（2）UIRectFrame(CGRect rect)，绘制矩形边框函数。
（3）UIBezierPath，绘制常见路径类，包括线段、弧线、矩形、圆角矩形和椭圆。
UIKit虽然提供了UIBezierPath等类，但是对线段、渐变、阴影、反锯齿等高级特性的支持不如Quartz 2D。

例：UIRectFrame（CGRect rect）函数用法
swift代码

// An highlighted block
override func draw(_ rect:CGRect){
	UIColor.blue.setFill()
	UIRectFill(rect)
	/*
	下面两行，是在视图上绘制一个白色的矩形边框，绘制边框的过程称为描边(stroke)。
	*/
	UIColor.white.setStroke()//设置当前的图形上下文要描边的颜色为白色。
	let frame=CGrect(x:20,y:30,width:100,height:300)
	UIRectFrame(frame)//调用描边函数进行描边
}

objective-c代码

// An highlighted block
-(void)drawRect:(CGRect)rect{
	[[UIColor blueColor] setFill];
	UIRectFill(rect);
	/*
	下面两行，是在视图上绘制一个白色的矩形边框，绘制边框的过程称为描边(stroke)。
	*/
	[[UIColor whiteColor] setStroke];//设置当前的图形上下文要描边的颜色为白色。
	CGRect frame=CGRectMake(20,30,100,300);
	UIRectFrame(frame);//调用描边函数进行描边
}
3、绘制图像和文本

绘制图像和文本的效果就像是使用标准控件（UILabel和UIImage）一样。这些绘制可以使用UIImage和NSString实现，方法如下：
UIIMage类：
（1）drawAtPoint:，在指定的绘制点绘制图片，如果图片宽度超过屏幕宽度，则图片的部分内容无法显示。
（2）drawInRect:，在指定的矩形例绘制图片。
（3）drawAsPatternInRect:，在指定矩形例平铺绘制图片，如果图片大小超出了指定的矩形，形式上与drawAtPoint:方法类似，如果图片大小小于指定的矩形，就会有平铺效果。
NSString类：
（1）drawAtPoint:withAttributes:，文本在指定点绘制。
（2）drawInRect:withAttributes:，文本在指定的矩形例绘制。

例1：
swift代码

// An highlighted block
override func draw(_ rect:CGRect){
//填充白色背景
UIColor.white.setFill()
UIRectFill(rect)

let image=UIImage(named:"cat")
//设置一个rect矩形区域
let imageRect=CGRect(x:0,y:0,width:UIScren.main.bounds.size.width,height:UIScren.main.bounds.size.width)
//绘制图片
image!.draw(in:imageRect)
//image!.drow(at:CGPoint(x:0,y:40))
//image!.drowAsPattern(in:CGRect(x:0,y:0,width:320,height:400))


let title:NSString ="猫猫猫猫"
let font =UIFont.systemFont(ofSize:14)//创建字号14的系统字体。
let attr=[NSFontAttributeName:font]//将UIFont对象放到attr字典集合中
//获得字符串大小
let size=title.size(attributes:attr)
//水平居中时X轴坐标
let xpos=UIScreen.main.bounds.midX-size.width/2//获取水平居中时的X坐标
//绘制字符串
title.draw(at:CGPoint(x:xpos,y:20),widthAttributes:attr)
//let stringRect=CGRect(x:xpos,y:60,width:100,height:40)
//title.draw(in:stringRect,withAttributes:attr)
}

objective-C代码

// An highlighted block
-(void)drawRect:(CGRect)rect{
	//填充白色背景
	[[UIColor whiteColor] setFill];
	UIRectFill(rect);
UIImage* image=[UIImage imageNamed:@"cat"];

//设置一个rect矩形区域
CGRect imageRect=CGRectMake(0,40,[[UIScreen mainScreen] bounds].size.width,[[UIScreen mainScreen] bounds].size.width);
//绘制图片
[image drawInRect:imageRect];
//[image drawAtPoint:CGPointMake(0,40)];
//[image drawAsPatternInRect:CGRectMake(0,0,320,400)];


NSString *title=@"猫猫猫猫";
UIFont *font=[UIFont systemFontOfSize:14];//创建字号14的系统字体。
NSDictionary *attr=@{NSFontAttributeName:font};//将UIFont对象放到attr字典集合中
//获得字符串大小
CGSize size=[title sizeWithAttributes:attr];
//水平居中时X轴坐标
CGFloat xpos=[[UIScreen mainScreen] bounds].size.width/2-size.width/2;
//绘制字符串
[title drawAtPoint:CGPointMake(xpos,20) withAttributes:attr];
//CGRect stringRect=CGRectMake(xpos,60,100,40);
//[title drawInRect:stringRect withAttributes:attr];
}
4、Quartz图形上下文

图形上下文包含绘制系统执行后绘制命令所需要的信息，它定义了各种基本的绘制参数，如绘制使用的颜色、剪裁区域、线段的宽度及风格信息、字体信息等。这些信息被封装到CGContext对象中，CGContext就是图形上下文。我们可以自定义图形上下文，这可以通过UIGraphicsGetCurrentContext函数实现。

例：
在视图中绘制一个蓝色三角形，可以分几个步骤。
（1）通过路径描述三角形轮廓。
（2）三角形轮廓描边。
（3）三角形填充红色。
（4）绘制路径。
swift代码

// An highlighted block
override func draw(_ rect:CGRect){
	//填充白色背景
	UIColor.white.setFill()
	UIRectFill(rect)

	//自定义图形上下文
	let context=UIGraphicsGetCurrentContext()//创建图形上下文对象
	context!.move(to: CGPoint(x:75,y:10))//表示以（75,10）作为绘制起始点
	context!.addLine(to: CGPoint(x:10,y:150))//表示绘制从（75,10）到（10,150）的线段
	context!.addLine(to: CGPoint(x:160,y:150))
	context!.closePath()//闭合路径

	//设置黑色描边参数
	UIColor.black.setStroke()
	//设置蓝色填充参数
	UIColor.blue.setFill()
	//绘制路径
	context!.drawPath(using: CGPathDrawingMode.fillStroke)//实现绘制路径，其中kCGPathFillStroke是填充描边处理，它是CGPathDrawingMode枚举类型中定义的成员，其中常用的成员有kCGPathFill和kCGPathStroke，分别代表填充和描边处理，fillStroke是填充描边处理
}

objective-C代码

// An highlighted block
-(void)drawRect:(CGRect)rect{
	//填充白色背景
	[[UIColor whiteColor] setFill];
	UIRectFill(rect);

	//自定义图形上下文
	CGContextRef context=UIGraphicsGetCurrentContext();//创建图形上下文对象
	CGContextMoveToPoint(context,75,10);
	CGContextAddLineToPoint(context,10,150);
	CGContextAddLineToPoint(context,160,150);
	CGContextClosePath(context);

	//设置黑色描边参数
	[[UIColor blackColor] setStroke];
	//设置蓝色填充参数
	[[UIColor blueColor] setFill];
	//绘制路径
	CGContextDrawPath(context,kCGPathFillStroke);
}

运行结果
在这里插入图片描述

5、Quartz路径

路径可以用来描述矩形、圆形及其他2D几何图形。通过路径，我们可以对几何图形进行描边、填充和米欧彼岸填充处理。Core Graphics(Quartz 2D)中有4个基本图元用于描述路径：点、线段、弧和贝塞尔（Bezier）曲线。
（1）点
点是二位控件中的一个位置，不用把它当成像素，一个点完全不占控件，所以画一个点不会在屏幕上显示任何东西。
（2）线段
线段由两个点定义：起点和终点。线段可以通过描边绘制出来，我们可以通过设置图形上下文，如画笔宽度或者颜色等参数，绘制出两点之间的线段。线段没有面积，所以他们不能被填充。我们可以用一组线段或曲线组成一个具有闭合路径的集合图形，然后填充它。
（3）弧
弧可以由一个圆心点、半径、起始角和结束角描述。圆和弧的特例，指需要设置起始角为0度，结束角为360度就可以了。因为弧是占有一定面积的路径，所以可以被填充、描边和描边填充出来。
（4）贝塞尔曲线
任何一条曲线都可以通过与它相切的控制线两端的点的位置来定义。因此，贝塞尔曲线可以用4个点描述，其中两个描述两个端点，另外两个点描述每一个端的切线。贝塞尔曲线可以分为：二次方贝塞尔曲线和高阶贝塞尔曲线。

例：贝塞尔曲线
swift代码

// An highlighted block
override func draw(_ rect:CGRect){
	//填充白色背景
	UIColor.white.setFill()
	UIRectFill(rect)

	let context=UIGraphicsGetCurrentContext()
        context!.move(to:CGPoint(x:333, y:0))
        context!.addCurve(to:CGPoint(x:330,y:36),control1:CGPoint(x:333,y:0),control2:CGPoint(x:332,y:26))
        //添加贝塞尔曲线
        context!.addCurve(to:CGPoint(x:299,y:26),control1:CGPoint(x:330,y:26),control2:CGPoint(x:299,y:20))
        context!.addLine(to:CGPoint(x:296,y:17))
        context!.addCurve(to:CGPoint(x:291,y:19),control1:CGPoint(x:296,y:17),control2:CGPoint(x:196,y:19))
        context!.addLine(to:CGPoint(x:250,y:19))
        context!.addCurve(to:CGPoint(x:238,y:19),control1:CGPoint(x:250,y:19),control2:CGPoint(x:227,y:24))
        context!.addCurve(to:CGPoint(x:227,y:24),control1:CGPoint(x:236,y:20),control2:CGPoint(x:234,y:24))
        context!.addCurve(to:CGPoint(x:216,y:19),control1:CGPoint(x:220,y:24),control2:CGPoint(x:217,y:19))
        context!.addCurve(to:CGPoint(x:207,y:20),control1:CGPoint(x:214,y:20),control2:CGPoint(x:211,y:22))
        context!.addCurve(to:CGPoint(x:182,y:21),control1:CGPoint(x:207,y:20),control2:CGPoint(x:187,y:20))
        context!.addLine(to:CGPoint(x:100,y:45))
        context!.addLine(to:CGPoint(x:97,y:46))
        context!.addCurve(to:CGPoint(x:64,y:72),control1:CGPoint(x:97,y:46),control2:CGPoint(x:86,y:71))
        context!.addCurve(to:CGPoint(x:23,y:48),control1:CGPoint(x:42,y:74),control2:CGPoint(x:26,y:56))
        context!.addLine(to:CGPoint(x:9,y:47))
        context!.addCurve(to:CGPoint(x:0,y:0),control1:CGPoint(x:9,y:74),control2:CGPoint(x:0,y:31))
        context!.strokePath()
}
6、Quartz坐标变换

图形的另外一种操作便是变换，主要包括平移、缩放、旋转灯变换，变换离不开坐标，不同的绘图系统对于坐标系统的定义也有区别。
Quartz 2D，坐标原点在左下角。
UIKit，坐标原点在左上角

CTM变换
**（1）CGContextRotateCTM:**旋转变换
**（2）CGContextScaleCTM:**缩放变换
**（3）CGContextTranslateCTM:**平移变换

例：
swift代码

// An highlighted block
override func draw(_ rect:CGRect)
{
	//填充白色背景
	UIColor.white.setFill()
	UIRectFill(rect)

	//创建UIImage图片对象
	let uiImage=UIImage(named:"cat")
	//将UIImage图片对象转换为CGImage图片对象
	let cgImage=uiImage!.cgImage

	let context=UIGraphicsGetCurrentContext()

	//平移变换
	context!.translateBy(x:100,y:50)
	let imageRect=CGRect(x:0,y:0,width:uiImage!.size.width,height:uiImage!.size.height)
	context!.draw(cgImage!,in:imageRect)

/*
	//缩放变换
	context!.scaleBy(x:0.5,y:0.75)
	let imageRect=CGRect(x:0,y:0,width:uiImage!.size.width,height:uiImage!.size.height)
	context!.draw(cgImage!,in:imageRect)


	//旋转变换
	context!.rotate(by:CGFloat(45.0*M_PI/180.0))
	let imageRect=CGRect(x:0,y:0,width:uiImage!.size.width,height:uiImage!.size.height)
	context!.draw(cgImage!,in:imageRect)
	*/
}

objective-C代码

// An highlighted block
-(void)drawRect:(CGRect)rect{
	[[UIColor whiteColor] setFill];
	UIRectFill(rect);

	//创建UIImage图片对象
	UIImage *uiImage=[UIImage imageNamed:@"cat"];
	//将UIImage图片对象转换为CGImage图片对象
	CGImageRef cgImage=uiImage.CGImage;

	CGContextRef context=UIGraphicsGetCurrentContext();

	//平移变换
	CGContextTranslateCTM(context,100,50);
	CGRect imageRect=CGRectMake(0,0,uiImage.size.width,uiImage.size.height);
	cGContextDrawImage(context,imageRect,cgImage);

	/*
	//缩放变换
	CGContextScaleCTM(context,0.5,0.75);
	CGRect imageRect=CGRectMake(0,0,uiImage.size.width,uiImage.size.height);
	cGContextDrawImage(context,imageRect,cgImage);

	//旋转变换
	CGContextRotateCTM(contet,(45.0*M_PI/180.0));
	CGRect imageRect=CGRectMake(0,0,uiImage.size.width,uiImage.size.height);
	cGContextDrawImage(context,imageRect,cgImage);
	*/
}

组合变换
有些情况下，我们需要组合变换，从而得到累加效果。默认情况下，采用Quartz绘制的图片都是倒置的。要想绘制出正常效果的图片，则需要进行一列的组合变化。
例
swift代码

// An highlighted block
override func draw(_ rect:CGRect)
{
	//填充白色背景
	UIColor.white.setFill()
	UIRectFill(rect)

	//创建UIImage图片对象
	let uiImage=UIImage(named:"cat")
	//将UIImage图片对象转换为CGImage图片对象
	let cgImage=uiImage!.cgImage

	let context=UIGraphicsGetCurrentContext()

	//平移变换
	context!.translateBy(x:100,y:50)
	//缩放变换
	context!.scaleBy(x:0.5,y:0.75)
	//旋转变换
	context!.rotate(by:CGFloat(45.0*M_PI/180.0))
	let imageRect=CGRect(x:0,y:0,width:uiImage!.size.width,height:uiImage!.size.height)
	context!.draw(cgImage!,in:imageRect)
}

objective-C代码

// An highlighted block
-(void)drawRect:(CGRect)rect{
	[[UIColor whiteColor] setFill];
	UIRectFill(rect);

	//创建UIImage图片对象
	UIImage *uiImage=[UIImage imageNamed:@"cat"];
	//将UIImage图片对象转换为CGImage图片对象
	CGImageRef cgImage=uiImage.CGImage;

	CGContextRef context=UIGraphicsGetCurrentContext();

	//平移变换
	CGContextTranslateCTM(context,100,50);
	//缩放变换
	CGContextScaleCTM(context,0.5,0.75);
	//旋转变换
	CGContextRotateCTM(contet,(45.0*M_PI/180.0));
	CGRect imageRect=CGRectMake(0,0,uiImage.size.width,uiImage.size.height);
	cGContextDrawImage(context,imageRect,cgImage);
}

仿射变换
它可以将多次变换的效果累加起来，但当前变换举着却不能。例如，先平移（100，200）再旋转30度，它会将这两次变化效果累加起来，当前变换矩阵指旋转30度，不会济宁平移（100，200）。因此，仿射变换可以重用变换，每次变换都可以用矩阵表示，通过多次矩阵相乘得到最后的结果。仿射变换是CGAffineTransform结构体的类型，所有的放射函数的返回值都是CGAffineTransform实例，如下：
**（1）CGAffineTransformMakeRotation:**创建并初始化旋转矩阵，对应的Swift版本是init(rotationAngle:CGFloat)
**（2）CGAffineTransformMakeScale:**创建新的缩放矩阵，对应的Swift版本是init(saleX:CGFloat,y:CGFloat)。
**（3）CGAffineTransformMakeTranslation:**创建新的平移矩阵，对应的Swift版本是init(translationX:CGFloat,y:CGFloat)。
**（4）CGAffineTransformRotate:**旋转矩阵，对应的Swift版本是CGAffineTransform的rotated(by:CGFloat)方法。
**（5）CGAffineTransformScale:**缩放矩阵，对应的Swift版本是CGAffineTransform的scaledBy(x:CGFloat,y:CGFloat)方法
**（6）CGAffineTransformTranslate:**平移矩阵，对应Swift版本是CGAffineTransform的translatedBy(x:CGFloat,y:CGFloat)方法。
例
swift代码

// An highlighted block
override func draw(_ rect:CGRect)
{
	//填充白色背景
	UIColor.white.setFill()
	UIRectFill(rect)

	//创建UIImage图片对象
	let uiImage=UIImage(named:"cat")
	//将UIImage图片对象转换为CGImage图片对象
	let cgImage=uiImage!.cgImage

	let context=UIGraphicsGetCurrentContext()
	
	//缩放变换
	var myAffine=CGAffineTransform(scaleX:1,y:-1)
	//平移变换
	myAffine=myAffine.translatedBy(x:0,y:-uiImage!.size.height)
	//连接到CTM矩阵
	context!.concatenate(myAffine)

	let imageRect=CGRect(x:0,y:0,width:uiImage!.size.width,height:uiImage!.size.height)
	context!.draw(cgImage!,in:imageRect)
}

objective-C代码

// An highlighted block
-(void)drawRect:(CGRect)rect{
	[[UIColor whiteColor] setFill];
	UIRectFill(rect);

	//创建UIImage图片对象
	UIImage *uiImage=[UIImage imageNamed:@"cat"];
	//将UIImage图片对象转换为CGImage图片对象
	CGImageRef cgImage=uiImage.CGImage;

	CGContextRef context=UIGraphicsGetCurrentContext();
	//缩放变换
	CGAffineTransform myAffine=CGAffineTransformMakeScale(1,-1);
	//平移变换
	myAffine=CGAffineTransformTranslate(myAffine,0,-uiImage.size.height);
	//连接CTM矩阵
	CGContextConcatCTM(context,myAffine);

	CGRect imageRect=CGRectMake(0,0,uiImage.size.width,uiImage.size.height);
	cGContextDrawImage(context,imageRect,cgImage);
}

参考资料
《IOS开发指南 从HELLO WORLD到APP STORE上架 第5版》

weixin_46642112
关注
专栏目录
ios Quartz 2D编程指南
08-20
ios Quartz 2D编程指南 2d图形处理
iOS开发中使用Quartz2D绘图及自定义UIImageView控件
09-03
我们可以通过重写`- (void)drawRect:(CGRect)rect`方法，在此方法内部进行Quartz2D绘图。这使得我们可以根据需求定制图片视图的显示，例如添加滤镜效果、动态绘制内容等。 总结一下，iOS开发中使用Quartz2D和自定义...
Quartz2D(1)
BJunZhou的博客
09-28 250
01-基本介绍 02-基本线条绘制 03-下载进条. 04-画饼图 05-UIKit绘图演练 06-模仿系统的UIImageView 07-定时器,雪花 08-图形上下文状态栈 09-上下文的矩阵操作 10.给图片添加水印. 11-简单圆形图片裁剪
ios-Quartz 2D
rv0p111
07-30 362
Quartz 2D 是一个二维的绘图引擎，同时支持ios和Mac OS X系统是跨平台的，纯C语言写的，包含在Core Graphics框架中。Quartz 可以绘制图形:线条\三角形\矩形\圆\弧等它也可以绘制文字，就比如说你微博发出去的图片会有个水印，其实就是绘制了文字。也可以绘制\生成图片读取\生成PDF截图\裁剪图片自定义UI控件Quartz 2D 的API都是纯C语言的数据类型和函数基本...
IOS 之 Quartz 2D 绘图（上）
黄飞的博客专栏
09-10 940
Quartz 2D 是一个二维绘图引擎，同时支持 iOS 和 Mac 系统。其 API 采用 C 语言编写，来自 Core Graphics 框架，主要作用是绘图，可以绘制三角形、四边形、图片和文字等。下面就 Quartz 2D 的相关概念做简要解释并以实例分析。1.图形上下文（Graphics Context） 所谓Graphics Context，其实就是表示了一个绘制目标，也就是你打算绘制的
ios基础篇（五）—— Quartz2D
努力进阶的小菜鸟
10-14 653
一、Quartz2D Quartz 2D是一个二维绘图引擎，同时支持iOS和Mac OS X系统（跨平台，纯 C 语言的）。包含在 Core Graphics 框架中。 Quartz 2D能完成的工作 绘制图形 : 线条\三角形\矩形\圆\弧等 绘制文字 微博图片上的水印 绘制\生成图片(图像) 读取\生成PDF 截图\裁剪图片 方型图片->圆型 四个角是透明的 自定义UI控件 注意: Quartz2D 是苹果官方的二维绘图引擎，同时支持 iOS 和 Mac OS X 系统。 Co
iOS Quartz2D详解 - imlifengfeng1
08-04
Quartz2D在iOS开发中，我们经常使用它来创建自定义视图，因为它的功能强大，能够绘制复杂的图形、文字以及图像。Quartz2D的核心在于它的绘图引擎，这是一个基于C语言的API，被包含在Core Graphics框架中。在iOS中，...
iOS开发中Quartz2D绘图路径的使用以及条纹效果的实现
09-03
总的来说，Quartz2D为iOS开发者提供了丰富的图形绘制功能，包括灵活的绘图路径和各种视觉效果的实现。通过熟练掌握这些技术，可以创造出复杂且富有表现力的用户界面。在实际项目中，可以根据需求选择合适的方法，...
iOS开发之Quartz2D的介绍与使用详解
08-31
Quartz2D是苹果操作系统(iOS和Mac)中用于二维图形绘制的核心技术，它基于Core Graphics框架，提供了丰富的API供开发者使用。Quartz2D的API由一系列以CG为前缀的C语言函数组成，允许程序员创建复杂的图形、文本、图像...
IOS Quartz 2D
11-13
### IOS Quartz 2D 绘图引擎详解 #### 引言 Quartz 2D 是 Apple 开发的一款高性能 2D 图形引擎，被广泛应用于 iOS 和 macOS 的应用程序开发之中。该引擎以其强大的功能和易用性著称，能够帮助开发者高效地创建高...
iOS之QuartZ 2D 绘图（一）
chase的博客
05-15 320
Quartz2D Quartz2D是苹果封装的一个库,针对iOS和os系统绘制不同的类型的制图方式 图形上下文(一种数据类型,类似int,double)数据类型(CGContextRef) 不同的上下文(数据类型)可以绘制不同的类型(pdf,bitmap,layer,window,ptinter) 进而上面5中类型,对应不同的上下文 1. 绘制简单图形 -> 画线 在自定义的View我...
iOS-Quartz2D画图
极客学伟的技术分享社区
07-14 2968
常说温故而知新,时隔这么久再次看这些基础内容仍然很兴奋!把敲的代码分享出来,希望能对读者提供一丁点启发/** * 裁剪圆形图片 */ -(void)circleIcon{ UIImage *image = [UIImage imageNamed:@"baby"]; UIGraphicsBeginImageContext(image.size); UIBezierPath
iOS-Quartz2D的基本使用
u010707262的博客
05-25 245
文章主要包含以下几个方面： 1.Quartz2D简介 2.Quartz2D基本线条绘制(画线) 3.饼图绘制 4.实战-图片加水印 5.实战-图片裁剪 6.实战-屏幕截屏功能(全截屏) 7.实战-图片截屏 8.实战-图片擦除 ...... 一、Quartz2D简介 Quartz2D是一个二维的绘图引擎。这个库提供了很多框架，能实现很多功能，包括： 绘制图形：线条/三角形/矩形...
iOS Quartz2D 的从零到一学习使用
王颜华的博客
08-16 2675
什么是Quartz2D?二维的绘图引擎 什么是二维?平面 什么是引擎?经包装的函数库，方便开发者使用。也就是说苹果帮我们封装了一套绘图的函数库 同时支持iOS和Mac系统什么意思?用Quartz2D写的同一份代码，既可以运行在iphone上又可以运行在mac上，可以跨平台开发。 开发中比较常用的是截屏/裁剪/自定义UI控件。 Quartz2D在iOS开发中的价值就是自定义UI控件。
IOS开发之UI进阶（Quartz2D图形上下文）
weixin_46926959的博客
11-10 2834
Quartz2D Quartz2D是一个二维绘图引擎，同时支持IOS和Mac OS X系统（跨平台，纯C语言），包括在CoreGraphics框架中 绘制图形、文字，生成图片 读取/生成PDF 截图/裁剪图片 自定义UI控件 数据类型以CG作为前缀 UIKit框架 对部分Quartz2D的API做封装 没有封装的只能调用原生的 比如：画图片、文字到控件上（UIKit已经封装好了） Cocos2D Cocos20-x、 Cocos20-iPhone、 Cocos2D-HTML5等 Cocos2D
用drawAtPoint绘制文字
happyrabbit456的专栏
01-09 2299
从ios7开始，drawAtPoint:WithFont:等方法已经deprecated，取而代之应该使用drawAtPoint:WithAttributes方法，来设置字体的颜色和大小等，例： [objc] view plaincopy NSDictionary *attrs = [NSDictionary dictionaryWithObje
iOS绘图系列四:绘制文字和图像CGContextDrawImage,drawInRect:,drawAtPoint:, UIGraphicsBeginImageContext
lcl130的专栏
12-03 9857
绘制图形和文字之前需要了解两个坐标系统. Upper-left-origin coordinate system (ULO) :左上为起始点的坐标系统,UIKit and Core Animation框架用的是这个坐标系统. Lower-left-origin coordinate system (LLO) :左下为起始点坐标系统,Core Graphics框架是这个坐标系统. 这两
ios 基本图形的绘制
热门推荐
wentao的专栏
05-14 2万+
基本图形的绘制 包括： 代码画线，画文字 图片 裁剪 重绘  简单动画 当自定义view的时候 系统会自动调用drawRect 方法 画线 - (void)drawRect:(CGRect)rect { // Drawing code // 1.获得图形上下文 CGContextRef ctx = UIGraphicsGetCurrentContext();
iOS Quartz 2D绘图引擎详解
"IOS Quartz 2D 是一个2D绘图引擎，用于iOS和MacOS X应用程序，提供底层轻量级接口，支持各种图形处理技术，如CoreImage、CoreVideo、OpenGL和QuickTime。Quartz2D是CoreGraphics框架的一部分，具有分辨率和设备无关...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值