70-Quartz2D的具体使用(画线,三角形,矩形,圆弧,扇形,重绘(下载提示条),画饼图,定时器(雪花下落),模仿系统的控件,矩形变换)

1.画线

1>添加一根线直接addLineToPoint

//拼接路径

UIBezierPath *path=[UIBezierPath bezierPath];

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

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

2>因为路径是拼接的，默认下一条线的起点是上一条线的终点。

[path addLineToPoint:CGPointMake(100, 300)];

3>设置线条状态

//颜色

[[UIColor redColor] setStroke];

//也可以用:[[UIColor redColor] set];

//宽度

[path setLineWidth:20];

//设置线条顶角样式

//kCGLineCapRound 圆角

[path setLineCapStyle:kCGLineCapRound];

//画第二根线:默认第二根线的起点就是上一根线的终点

[path addLineToPoint:CGPointMake(100, 300)];

//设置线条的交接样式

//kCGLineJoinBevel 正切

[path setLineJoinStyle:kCGLineJoinBevel];

2.画三角形

1>怎样关闭路径:从路径的终点连接到起点

[path closePath];

2>设置图形状态

//设置填充的颜色

[[UIColor redColor] setFill];

//设置描边的颜色

[[UIColor blueColor] setStroke];

3>不同的渲染方式

//渲染上下文

//CGContextStrokePath(ctx);

//填充上下文 前提是路径必须封闭

//CGContextFillPath(ctx);

//既描边又填充

CGContextDrawPath(ctx, kCGPathEOFillStroke);

3.画矩形

在渲染时候只能填充或描边不能既描边又填充:[path fill];

4.画圆弧

- (void)yuanhu

{

/*

Center:圆心

radius:半径

startAngle:起始角度

clockwise:表示顺时针还是逆时针1.顺时针 0.逆时针

*/

UIBezierPath *path=[UIBezierPath bezierPathWithArcCenter:CGPointMake(100, 100) radius:50 startAngle:0 endAngle:-M_PI_2 clockwise:0];

[path stroke];

}

5.画扇形

- (void)shanxing

{

UIBezierPath *path=[UIBezierPath bezierPathWithArcCenter:CGPointMake(100, 100) radius:50 startAngle:0 endAngle:-M_PI_2 clockwise:0];

//添加一根线到圆心

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

//如果没有封闭路径，系统会自动封闭，关闭路径在填充，从路径的终点连接到起点

[path fill];

}

6.重绘(下载提示条)

1>%在stringWithFormat这个方法中有特殊含义，用两个百分号 %%=%

NSString *text=[NSString stringWithFormat:@"%.2f%%”0.3333*100];

2>不能使用drawRect重绘

//drawRect方法不能手动调用，因为这个方法不会帮我们生成上下文

//[self drawRect:self.bounds];

//只有在这里才能获取上下文，这个上下文是系统系统自动创建

//默认只会调用一次，在控件第一次使用的时候会调用

-(void)drawRect:(CGRect)rect

{

}

3>使用setNeedsDisplay重绘

//setNeedsDisplay 方法底层:底层并不是马上去调用drawRect，重绘

//只是一个标志，给控件重绘的一个标志，等下一次屏幕刷新才会调用drawRect，重绘，然后会生成跟View相关联的上下文

[self setNeedsDisplay];

4>获取UISlider(进度条)的值属性是Value

7.画饼图

1>随机生成颜色

-(UIColor *) randowColor

{

CGFloat r=arc4random_uniform(256)
/255.0;

CGFloat g=arc4random_uniform(256)
/255.0;

CGFloat b=arc4random_uniform(256)
/255.0;

return [UIColor colorWithRed:r green:g blue:b alpha:1];

}

8.使用UIView绘制图片文字矩形

//1>UIView绘制矩形

-(void) juxing

{

//绘制矩形

UIRectFill(CGRectMake(0, 0, 200, 200));

}

//2>绘制文字

- (void) drawText

{

NSString *text=@"在听陈奕迅:遥远的她,内疚”;

//Attributes:

//字典类型:用给给文本框添加一个属性,颜色,字体等

//注意:没办法绘制阴影

NSMutableDictionary *textDic=[NSMutableDictionary dictionary];

//文字颜色

textDic[NSForegroundColorAttributeName]=[UIColor redColor];

//字体大小

textDic[NSFontAttributeName]=[UIFont boldSystemFontOfSize:30];

//空心效果

textDic[NSStrokeWidthAttributeName]=@1;

//绘制文字

//不会自动换行

//[text drawAtPoint:CGPointZero withAttributes:textDic];

//会自动换行

[text drawInRect:self.bounds withAttributes:textDic];

}

//3>绘制图片

-(void) drawImage

{

//裁剪:超出设定范围的东西都会被裁剪

//前提条件：必须要先裁剪，然后绘制内容，因为裁剪会影响到后面的内容

UIRectClip(CGRectMake(0, 0, 100, 100));

//加载图片

UIImage *image=[UIImage imageNamed:@"001"];

//绘制图片

//1>只是设置绘图的位置，默认绘制的内容跟图片的大小一致

//[image drawAtPoint:CGPointZero];

//2>设置绘图内容的尺寸

//[image drawInRect:CGRectMake(0, 0, 100, 100)];

//3>平铺(根据当前View的rectrrrr)

[image drawAsPatternInRect:self.bounds];

}

9.使用UIView绘制文字不能设置阴影,换思路给控件lable设置阴影

- (void)viewDidLoad {

[super viewDidLoad];

//给控件lable设置阴影

NSMutableDictionary *dic=[NSMutableDictionary dictionary];

NSShadow *shadw=[[NSShadow alloc] init];

//阴影距文字的偏移范围

shadw.shadowOffset=CGSizeMake(15, 15);

//阴影颜色

shadw.shadowColor=[UIColor blueColor];

//设置阴影模糊成都

shadw.shadowBlurRadius=2;

dic[NSShadowAttributeName]=shadw;

NSMutableAttributedString *str=[[NSMutableAttributedString alloc] initWithString:@"阿猫阿狗" attributes:dic];

_lable.attributedText=str;

}

10.模仿系统的UIImageVIew

1>必须要知道系统的UIImageVIew有什么功能

a.通过initWithImage方法自动计算frame直接使用，但加载出来的图片和图片本身尺寸一样

b.自己计算frame,显示

2>自定义UIView,给一个Image属性,添加一个类方法

11.定时器

1>NSTimer

特点:当时间小于1秒的时候，一般不使用NSTimer，因为NSTimer的优先级比较低(不能及时运行,不常用）

[NSTimer scheduledTimerWithTimeInterval:0.25 target:self selector:@selector(timeChange) userInfo:nil repeats:YES];

2>CADisplayLink

特点:

优先级较高，比较常用:每次刷新屏幕都会调用，每秒调用60次

CADisplayLink *link=[CADisplayLink displayLinkWithTarget:self selector:@selector(timeChange)];

//将link加载到主运行循环

[link addToRunLoop:[NSRunLoop mainRunLoop] forMode:NSDefaultRunLoopMode];

12.矩阵变化

-(void)drawRect:(CGRect)rect

{

//1.获取上下文

CGContextRef ctx=UIGraphicsGetCurrentContext();

//2.拼接路径(椭圆)

UIBezierPath *path=[UIBezierPath bezierPathWithOvalInRect:CGRectMake(-50,
-100, 100, 200)];

//===================================================

//上下文矩阵变换:必须在添加路径之前进行矩阵变换

//平移

CGContextTranslateCTM(ctx, 100, 100);

//缩放

CGContextScaleCTM(ctx, 0.5, 0.5);

//旋转

CGContextRotateCTM(ctx, M_PI_4);

//===================================================

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

CGContextAddPath(ctx, path.CGPath);

//背景颜色

[[UIColor redColor] set];

//4.渲染上下文

CGContextFillPath(ctx);

}