一 iOS之 基本图形绘制

开发中有时候会遇到需要自己绘制一些图形的情况,接下来的几篇博客就教教大伙做一些基本的绘制,依然是注释加代码形式,多学点有备无患

自定义一个UIView - LineView, 在 .m文件中

效果图
这里写图片描述

/**
 绘图
步骤:
 1、获取上下文
 2、创建路径
 3、把路径添加到上下文
 4、渲染上下文

 // 为什么要再drawRect里面绘图,只有在这个方法里面才能获取到跟View的layer相关联的图形上下文
 // 什么时候调用:当这个View要显示的时候才会调用drawRect绘制图形
 @param rect 当前控件的bounds
 */
- (void)drawRect:(CGRect)rect {


    [self drawLine];

    [self drawLine1];

    [self drawLine2];



}

#pragma mark - 最原始的绘图方式

-(void)drawLine
{
    //1、获取图形上下文
    CGContextRef ctx = UIGraphicsGetCurrentContext();

    //2、描述路径
    CGMutablePathRef path = CGPathCreateMutable();

    //设置起点
    CGPathMoveToPoint(path, NULL, 50, 50);

    //添加一根线到某个点
    CGPathAddLineToPoint(path, NULL, 200, 200);

    //3、把路径添加到上下文
    CGContextAddPath(ctx, path);

    //4、渲染上下文
    CGContextStrokePath(ctx);



}

#pragma mark - 绘图第二种方式

-(void)drawLine1
{
    //获取上下文
    CGContextRef ctx = UIGraphicsGetCurrentContext();

    //描述路径
    //设置起点
    CGContextMoveToPoint(ctx, 0, 50);

    CGContextAddLineToPoint(ctx, 200, 50);

    //渲染上下文
    CGContextStrokePath(ctx);
}


#pragma mark - 绘图的第三种方式

-(void)drawLine2
{
    //UIKit已经封装了一些绘图的功能

    //贝瑟尔路径
    UIBezierPath * path = [UIBezierPath bezierPath];

    //设置起点

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

    //添加一根线到某个点
    [path addLineToPoint:CGPointMake(50, 200)];

    //绘制路径
    [path stroke];



}

注意: 这些图形都是画在view上的
写不好就看Demo:
iOS-drawLines

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值