drawrect的使用

最新推荐文章于 2021-02-23 09:23:48 发布
最新推荐文章于 2021-02-23 09:23:48 发布
阅读量1.5k 收藏
点赞数
文章标签： drawrect使用
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhaoyya/article/details/41211801
版权

通过对ios开发ui篇的学习 总结了drawrect的方法和使用

新建一个项目，自定义一个view类和storyboard关联后，重写该类中的drowrect方法。
画线的三个步骤：
（1）获取上下文
（2）绘图
（3）渲染
画直线代码： 
- (void)drawRect:(CGRect)rect
{
    //获取上下文
    CGContextRef ctx=UIGraphicsGetCurrentContext();
    //绘图
    //第一条线
    CGContextMoveToPoint(ctx, 20, 100);
    CGContextAddLineToPoint(ctx, 100, 320);
    
    //第二条线
    CGContextMoveToPoint(ctx, 40, 200);
    CGContextAddLineToPoint(ctx, 80, 100);
    //渲染
    CGContextStrokePath(ctx);
    
}

带颜色的直线代码： 
- (void)drawRect:(CGRect)rect
{
    //获取上下文
    CGContextRef ctx=UIGraphicsGetCurrentContext();
    //绘图
    //第一条线
    CGContextMoveToPoint(ctx, 20, 100);
    CGContextAddLineToPoint(ctx, 100, 320);
    
    //设置第一条线的状态
    //设置线条的宽度
    CGContextSetLineWidth(ctx, 12);
    //设置线条的颜色
    [[UIColor brownColor]set];
    //设置线条两端的样式为圆角
    CGContextSetLineCap(ctx,kCGLineCapRound);
    //对线条进行渲染
    CGContextStrokePath(ctx);
    
    //第二条线
    CGContextMoveToPoint(ctx, 40, 200);
    CGContextAddLineToPoint(ctx, 80, 100);
    //渲染
    CGContextStrokePath(ctx);
    
}

一条带颜色，一条为原始的代码：方法一 
- (void)drawRect:(CGRect)rect
{
    //获取上下文
    CGContextRef ctx=UIGraphicsGetCurrentContext();
    //绘图
    //第一条线
    CGContextMoveToPoint(ctx, 20, 100);
    CGContextAddLineToPoint(ctx, 100, 320);
    
    //设置第一条线的状态
    //设置线条的宽度
    CGContextSetLineWidth(ctx, 12);
    //设置线条的颜色
    [[UIColor brownColor]set];
    //设置线条两端的样式为圆角
    CGContextSetLineCap(ctx,kCGLineCapRound);
    //对线条进行渲染
    CGContextStrokePath(ctx);
    
    //第二条线
    CGContextMoveToPoint(ctx, 40, 200);
    CGContextAddLineToPoint(ctx, 80, 100);
    
    //清空状态
    CGContextSetLineWidth(ctx, 1);
    [[UIColor blackColor]set];
    CGContextSetLineCap(ctx,kCGLineCapButt);
    
    //渲染
    CGContextStrokePath(ctx);
    
}

方法二： 
- (void)drawRect:(CGRect)rect
{
    //获取上下文
    CGContextRef ctx=UIGraphicsGetCurrentContext();
    //绘图
    
    //第二条线
    CGContextMoveToPoint(ctx, 40, 200);
    CGContextAddLineToPoint(ctx, 80, 100);
    
    //清空状态
    //    CGContextSetLineWidth(ctx, 1);
    //    [[UIColor blackColor]set];
    
    //    CGContextSetLineCap(ctx,kCGLineCapButt);
    
    //渲染
    CGContextStrokePath(ctx);
    
    //第一条线
    CGContextMoveToPoint(ctx, 20, 100);
    CGContextAddLineToPoint(ctx, 100, 320);
    
    //设置第一条线的状态
    //设置线条的宽度
    CGContextSetLineWidth(ctx, 12);
    //设置线条的颜色
    [[UIColor brownColor]set];
    //设置线条两端的样式为圆角
    CGContextSetLineCap(ctx,kCGLineCapRound);
    //对线条进行渲染
    CGContextStrokePath(ctx);
}

画四边形代码： 
- (void)drawRect:(CGRect)rect
{
    //画四边形
    //获取图形上下文
    CGContextRef ctx=UIGraphicsGetCurrentContext();
    //绘图
    CGContextAddRect(ctx, CGRectMake(20, 50, 100, 100));
    //渲染
    CGContextStrokePath(ctx);
}

画一个歪的四边形： 
- (void)drawRect:(CGRect)rect
{
    //画四边形
    //获取图形上下文
    CGContextRef ctx=UIGraphicsGetCurrentContext();
    //矩阵操作
    //注意点：设置矩阵操作必须要在添加绘图信息之前
    //旋转45度
    CGContextRotateCTM(ctx, M_PI_4);
    
    //绘图
    CGContextAddRect(ctx, CGRectMake(150, 100, 100, 100));
    //渲染
    CGContextStrokePath(ctx);
}
画一个圆代码以及旋转代码：

- (void)drawRect:(CGRect)rect
{
    //获取图形上下文
    CGContextRef ctx=UIGraphicsGetCurrentContext();
    //矩阵操作
    //注意点：设置矩阵操作必须要在添加绘图信息之前
    //旋转45度
    //    CGContextRotateCTM(ctx, M_PI_4);
    
    //绘图
    //画四边形
    CGContextAddRect(ctx, CGRectMake(150, 100, 100, 100));
    //画一个圆
    CGContextAddEllipseInRect(ctx, CGRectMake(200, 200, 50, 50));
    //渲染
    CGContextStrokePath(ctx);
}

旋转代码：

- (void)drawRect:(CGRect)rect
{
    //获取图形上下文
    CGContextRef ctx=UIGraphicsGetCurrentContext();
    //矩阵操作
    //注意点：设置矩阵操作必须要在添加绘图信息之前
    //旋转45度
    CGContextRotateCTM(ctx, M_PI_4);
    
    //绘图
    //画四边形
    CGContextAddRect(ctx, CGRectMake(150, 100, 100, 100));
    //画一个圆
    CGContextAddEllipseInRect(ctx, CGRectMake(200, 200, 50, 50));
    //渲染
    CGContextStrokePath(ctx);
}

缩放代码： 
- (void)drawRect:(CGRect)rect
{
    //获取图形上下文
    CGContextRef ctx=UIGraphicsGetCurrentContext();
    //矩阵操作
    //注意点：设置矩阵操作必须要在添加绘图信息之前
    //缩放，x方向缩放0.5倍，y方向缩放1.5倍
    CGContextScaleCTM(ctx, 0.5, 1.5);
    
    //绘图
    //画四边形
    CGContextAddRect(ctx, CGRectMake(150, 100, 100, 100));
    //画一个圆
    CGContextAddEllipseInRect(ctx, CGRectMake(200, 200, 50, 50));
    //渲染
    CGContextStrokePath(ctx);
}
平移代码： 
- (void)drawRect:(CGRect)rect
{
    //获取图形上下文
    CGContextRef ctx=UIGraphicsGetCurrentContext();
    //矩阵操作
    //注意点：设置矩阵操作必须要在添加绘图信息之前
    //平移，x方向移动50，y方向移动100
    CGContextTranslateCTM(ctx, 50, 100);
    
    //绘图
    //画四边形
    CGContextAddRect(ctx, CGRectMake(150, 100, 100, 100));
    //画一个圆
    CGContextAddEllipseInRect(ctx, CGRectMake(200, 200, 50, 50));
    //渲染
    CGContextStrokePath(ctx);
}


画一个圆形头像代码： 
- (void)drawRect:(CGRect)rect
{
    //画圆，以便以后指定可以显示图片的范围
    //获取图形上下文
    CGContextRef ctx=UIGraphicsGetCurrentContext();
    CGContextAddEllipseInRect(ctx, CGRectMake(100, 100, 50, 50));
    
    //指定上下文中可以显示内容的范围就是圆的范围
    CGContextClip(ctx);
    UIImage *image2=[UIImage imageNamed:@"me"];
    [image2 drawAtPoint:CGPointMake(100, 100)];
}

画一个三角形头像：

- (void)drawRect:(CGRect)rect
{

    //画三角形，以便以后指定可以显示图片的范围
    //获取图形上下文
    CGContextRef ctx=UIGraphicsGetCurrentContext();
//    CGContextAddEllipseInRect(ctx, CGRectMake(100, 100, 50, 50));
    CGContextMoveToPoint(ctx, 100, 100);
    CGContextAddLineToPoint(ctx, 60, 150);
     CGContextAddLineToPoint(ctx, 140, 150);
    CGContextClosePath(ctx);
    
    
    //注意：指定范围（也就是指定剪切的方法一定要在绘制范围之前进行调用）
    //指定上下文中可以显示内容的范围就是圆的范围
    CGContextClip(ctx);
    UIImage *image2=[UIImage imageNamed:@"me"];
    [image2 drawAtPoint:CGPointMake(100, 100)];
}


ios常
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
drawRect的绘制的使用（绘制文本字符、绘制图片、绘制图形）
番薯大佬的专栏
02-27 2万+
通过重写UIView的drawRect方法进行绘制使用，如绘制文本字符、绘制图片、绘制图形等。 注意事项： 1、设置frame的属性，或调用setNeedsDisplay时才会调用drawRect方法。 2、在绘制过程中 （1）针对实际情况获取图形上下文CGContextRef context = UIGraphicsGetCurrentContext(); （2）有时候，还需要在获取图
iOS DrawRect简单使用
Amydom的博客
05-16 3268
今天发现有些人被表格所难住了,我的想法是用 DrawRect进行表格的绘制,那么问题来了,对于 DrawRect我感觉只有大神对其会比较了解,于是我就试着写下关于 DrawRect的简单用法,至于更深的,还需要话时间去研究,今天只带来其最基本的用法,供大家有所了解!    首先我们需要建一个基于 UIView 的类(因为需要在 view 上划线,显示)    .h: #import
UIView drawRect函数
tandhi的专栏
11-22 5811
<br />在UIView中画简单图形的一种方法 <br />- (void)drawRect:(CGRect)rect该方法属于UIView的一个方法，想要用该方法画一些基本的图形，需要我们首先子类化UIView，并且重写该类的方法drawRect。下面只是画了一个矩形，并填充相应的颜色。 - (void)drawRect:(CGRect)rect {  <br />CGRect newRect = CGRectMake(myRect.origin.x, myRect.origin.y, myRect.s
drawRect的使用
yanqi8573的专栏
08-24 631
// Only override drawRect: if you perform custom drawing.    // An empty implementation adversely affects performance during animation.    - (void)drawRect:(CGRect)rect   {       CGContextRef cont
drawRect()
i am me，haha，么么哒。。。
04-08 1358
drawRect public void drawRect(int x, int y, int width, int height)绘制指定矩形的边框。矩形的左边和右边位于 x 和 x + width。顶边和底边位于 y 和 y + height。使用图形上下文的当前颜色绘
关于 Drawrect方法的使用
zjjjgz的专栏
11-05 3802
1. 必须在UIView的类里面实现   - (void)drawRect:(CGRect)rect 方法#import "MyView.h"@interface ViewController : UIViewController{    MyView *drawView;}@end @interface MyView : UIView @end #import "MyView.h
iOS的Swift中drawRect:的使用
01-06
Swift中的`drawRect:`使用流程通常包括以下几个步骤： 1. **继承自定义视图**：首先，你需要创建一个新的Swift类并继承自UIView。这样，你的类就可以拥有`drawRect:`方法，并且可以覆盖它以实现自定义绘制。 ```...
iOS的Object-C中drawRect:的使用
01-06
在`drawRect:`方法中，你可以使用Core Graphics（Quartz 2D）框架来执行各种图形绘制操作，如绘制线条、填充颜色、添加文本、绘制图像等。下面是一些基本的绘图操作： 1. **线条绘制**：使用`CGContextMoveToPoint`...
matlab开发-DrawRect
08-27
在`DrawRect`函数中，可能会使用到MATLAB的绘图命令，如`rectangle`，它允许用户在当前轴上绘制矩形。`rectangle`函数接受的参数包括位置、大小、颜色等。例如，`rectangle('Position',[x y width height], '...
drawRect的解释
11-02
5. 绘制矩形：使用`canvas.drawRect(new Rect(15, 15, 140, 70), mPaint)`绘制矩形，矩形的bounds是`Rect(15, 15, 140, 70)`，使用的画笔是`mPaint`。 drawRect的应用 drawRect方法广泛应用于Android图形编程，...
Phone重绘机制drawRect
热门推荐
chengyakun11的专栏
05-14 1万+
Phone重绘机制drawRect 如何使用iPhone进行绘图、重绘操作 iPhone的绘图操作是在UIView类的drawRect方法中完成的，所以如果我们要想在一个UIView中绘图，需要写一个扩展UIView 的类，并重写drawRect方法，在这里进行绘图操作，程序会自动调用此方法进行绘图。 下面先说明一下绘图，比如，你想绘制一个方块，你需要写一个类来扩展UIVie
drawRect方法
XQ1204556447的专栏
09-09 1744
1，iPhone的绘图操作是在UIView类的drawRect方法中完成的，所以如果我们要想在一个UIView中绘图，需要重写drawRect方法，在这里进行绘图操作，程序会自动调用此方法进行绘图。 2，在UIView中,重写drawRect: (CGRect)aRect方法,可以自己定义想要画的图案.且此方法一般情况下只会画一次.也就是说这个drawRect方法一般情况下只会被掉用一次. 
drawRect方法使用优化方法
岳彦胜的专栏
09-05 1134
绘制优化
drawRect方法绘图
hello_world_csdn的博客
11-12 1867
iOS的绘图操作是在UIView类的drawRect方法中完成的，所以如果我们要想在一个UIView中绘图，需要写一个扩展UIView 的类，并重写drawRect方法，在这里进行绘图操作，程序会自动调用此方法进行绘图。 下面先说明一下绘图，比如，你想绘制一个方块，你需要写一个类来扩展UIView并在drawRect方法中填入如下代码： - (void)drawRect:(CGRect)rec
layoutSubviews和drawRect:(CGRect)rect的用法探讨
LXL_815520的博客
05-06 2281
布局/定位相关 @interface UIView(UIViewHierarchy) - (void)setNeedsLayout; 注意: 1.在receiver标上一个需要被重新布局的标记，在系统runloop的下一个周期自动调用layoutSubviews。 - (void)layoutIfNeeded; 注意: 1.方法如其名，UIKit会判断该receiver是否需要l
DrawRect
LC_liu的博客
01-06 839
再说明一下重绘，重绘操作仍然在drawRect方法中完成，但是苹果不建议直接调用drawRect方法，当然如果你强直直接调用此方法，当然是没有效果的。苹果要求我们调用UIView类中的setNeedsDisplay方法，则程序会自动调用drawRect方法进行重绘。（调用setNeedsDisplay会自动调用drawRect） 在UIView中,重写drawRect: (CGRect) aRe
drawRect
weixin_30319097的博客
08-03 219
1） 画笔设置 Paint.Style.STROKE 中空模式 paint = new Paint(); //新建一个画笔对象 paint.setAntiAlias(true);//抗锯齿功能 paint.setColor(Color.RED); //设置画笔颜色 paint.setStyle(Paint.Style.STROKE);//设...
drawrect java_对于drawRect使用，谨慎使用!
weixin_35651995的博客
02-23 938
#1.drawRect简介drawRect方法在UIView的使用上起着十分关键的作用。不知道大家注意过没有，每一次创建UIView子类文件时候，会有自动带有已注释的drawRect方法，也许从这一点就能看出这个方法的重要性。该方法定义在UIView(UIViewRendering)分类里面，望文生义，该方法完成视图的绘制。#2.什么情况下会调用drawRect视图第一次显示的时候会调用。这个是由...
drawrect方法
最新发布
05-31
在`drawRect`方法中，我们可以使用该Context进行绘图操作，例如绘制线条、填充颜色、添加图片等等。 `drawRect`方法的签名如下： ``` - (void)drawRect:(CGRect)rect; ``` 其中，`rect`参数表示需要绘制的区域，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值