Quartz2D简单使用

Posted unique叶

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Quartz2D简单使用相关的知识,希望对你有一定的参考价值。

//
//  YXlineview.m
//  Quartz2D简单使用(一)
//
//  Created by yeyuanxiang on 16/6/28.
//  Copyright © 2016年 KuYu. All rights reserved.
//

#import "YXlineview.h"

@implementation YXlineview


// Only override drawRect: if you perform custom drawing.
// An empty implementation adversely affects performance during animation.


/**
 *  @author KuYu, 16-06-28 10:06:55
 *
 *  画线
 *
 *  @return nil
 */
// 当自定义view第一次显示出来的时候就会调用drawRect方法
- (void)drawRect:(CGRect)rect 
    
    // 1.取得和当前视图相关联的图形上下文(因为图形上下文决定绘制的输出目标)/
   // 如果是在drawRect方法中调用UIGraphicsGetCurrentContext方法获取出来的就是Layer的上下文
    //不需要*,同id
    CGContextRef ctx = UIGraphicsGetCurrentContext() ;
    
    //2.绘图(绘制直线),保存绘图信息
    //设置起点
    CGContextMoveToPoint(ctx, 20, 100);
    CGContextAddLineToPoint(ctx, 300, 100);
    
    
    
    //设置绘图的状态
    //设置线条的颜色为蓝色
    CGContextSetRGBStrokeColor(ctx, 0, 1.0, 0, 1.0);
    
    //设置线条的宽度
    CGContextSetLineWidth(ctx, 15);
    
    //设置线条起点和终点的样式为圆角
    CGContextSetLineCap(ctx, kCGLineCapRound);
    
    //设置线条的转角的样式为圆角
    CGContextSetLineJoin(ctx, kCGLineJoinRound);
    
    //渲染(绘制出一条空心的线)
    CGContextStrokePath(ctx);
    
    //注意线条不能渲染为实心的
//    CGContextFillPath(ctx);
    
    
    //设置第二条线
    //设置第二条线的起点
    CGContextMoveToPoint(ctx, 50, 200);
    
    //设置第二条线的终点(自动把上一条直线的终点当做起点)
    CGContextAddLineToPoint(ctx, 300, 60);
    
    
    //设置绘图的状态
//    CGContextSetRGBStrokeColor(ctx, 1.0, 0.7, 0.3, 1.0);
    
    //第二种设置颜色的方式
    [[UIColor grayColor] set];
    
    CGContextSetLineWidth(ctx, 10);
    
    //设置线条的起点和终点的样式
    CGContextSetLineCap(ctx, kCGLineCapButt);
    
    //渲染第二条线的图形到view上
    CGContextStrokePath(ctx);
    
    
    
    
    



@end

Demo 链接 : https://github.com/YXxiang/Quartz2D.git

以上是关于Quartz2D简单使用的主要内容,如果未能解决你的问题,请参考以下文章

Quartz2D简单使用

Quartz2D简单使用

iOS开发UI篇—Quartz2D简单使用

iOS开发UI篇—Quartz2D简单使用

iOS开发UI篇—Quartz2D简单使用

Quartz2D简单介绍