Quartz绘图使用示例

最新推荐文章于 2022-10-05 11:41:02 发布
最新推荐文章于 2022-10-05 11:41:02 发布
阅读量1.5k 收藏
点赞数
分类专栏： IOS开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/arbboter/article/details/42010927
版权

概要

       本章主要简示了使用IOS的绘图Quartz，包括简单的画直线、图片、文字、圆、矩形、贝塞尔曲线，包括一些基本使用方法。


结果展示



流程概要

1.绘图好像直接在UIView类里面绘制的，在控制类里面绘制没有尝试。

2.新建一个基于UIView的类，发现新建类里面自动生成了drawRect方法，直接在这个方法里面写代码即可自动被调用

3.注意绘图时是先绘制路径，然后使用画图函数（eg.CGContextDrawPath,CGContextFillPath等）才能在界面上显示。


主要代码

基于UIView的类的m文件

//
//  MyView.m
//  CustomDraw
//
//  Created by arbboter on 14/12/18.
//  Copyright (c) 2014年 arbboter. All rights reserved.
//

#import "MyView.h"

@interface MyView ()

@property (nonatomic, readwrite) CGRect myFrame;

@end

@implementation MyView

- (void) setMyFrame
{
    CGFloat x = self.frame.origin.x;
    CGFloat y = self.frame.origin.y;
    CGFloat w = self.frame.size.width;
    CGFloat h = self.frame.size.height;
    
    x = x + 5;
    y = y + 20 ;
    w = w - 10;
    h = h - 25;
    
    _myFrame = CGRectMake(x, y, w, h);
}

/** 该方法是UIView内置方法 */
- (void) drawRect:(CGRect)rect
{
    // 设置绘图区域
    [self setMyFrame];
    
    /** 画图 */
    NSString* filePath = [[NSBundle mainBundle] pathForResource:@"sad" ofType:@"jpeg"];
    UIImage* image = [[UIImage alloc] initWithContentsOfFile:filePath];
    [image drawAtPoint:CGPointMake(self.frame.origin.x, self.frame.origin.y)];
    [image release];
    image = nil;
    
    /** 写字(设置字体大小及颜色) */
    NSArray* array = [UIFont familyNames];
    UIFont* font = [UIFont fontWithName:[array objectAtIndex:35] size:42];
    NSDictionary* dict = [[NSDictionary alloc] initWithObjectsAndKeys:font, NSFontAttributeName,
                          [UIColor blueColor], NSForegroundColorAttributeName,
                          nil];
    NSString* title = [[NSString alloc] initWithString:@"正余弦曲线"];
    [title drawAtPoint:CGPointMake(95, 35) withAttributes:dict];
    [dict release];
    dict = nil;
    
    
    CGFloat x = self.myFrame.origin.x;
    CGFloat y = self.myFrame.origin.y;
    CGFloat w = self.myFrame.size.width;
    CGFloat h = self.myFrame.size.height;
    
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    
    /** ==画矩形框== */
    /** 设置路径 */
    CGContextMoveToPoint(ctx, x, y);
    CGContextAddLineToPoint(ctx, x + w, y);
    CGContextAddLineToPoint(ctx, x + w, y + h);
    CGContextAddLineToPoint(ctx, x, y + h);
    CGContextAddLineToPoint(ctx, x, y);
    
    /** 设置画图颜色 */
    [[UIColor blackColor] setStroke];
    
    /** 设置画笔大小 */
    CGContextSetLineWidth(ctx, 2.0);
    
    /** 根据设置的路径画路径 */
    CGContextStrokePath(ctx);
    
    
    
    /** ==画矩形块== */
    /* 设置路径  */
    CGContextMoveToPoint(ctx, x + w - 50, y + 5);
    CGContextAddLineToPoint(ctx, x + w - 10, y + 5);
    CGContextAddLineToPoint(ctx, x + w - 10, y + 45);
    CGContextAddLineToPoint(ctx, x + w - 50, y + 45);
    /* 可选择自己绘制闭合路径, 也可使用CGContextClosePath自动绘制 */
#if 0
    /* 绘制闭合路径 */
    CGContextAddLineToPoint(ctx, x + 5, y + 5);
#else
    /** 自动绘制闭合路径 */
    CGContextClosePath(ctx);
#endif
    
    /* 设置绘图画笔颜色 */
    [[UIColor yellowColor] setStroke];
    /* 设置绘图填充颜色 */
    [[UIColor redColor] setFill];
    /** 设置画笔大小 */
    CGContextSetLineWidth(ctx, 1.0);
    
    /* 绘制方式绘画
     * kCGPathFillStroke -> 填充+描边
     * kCGPathFill       -> 填充
     * kCGPathStroke     -> 描边
     */
    CGContextDrawPath(ctx, kCGPathFillStroke);
    
    
    /** ==画下边框的圆还== */
    
    CGFloat r1 = 12;
    CGFloat r2 = 6;
    CGFloat x1 = x + r1 + 2;
    CGFloat y1 = y + h - r1 -2;
    
    for (CGFloat xMax=x1+r1; xMax < x + w; xMax=x1+r1)
    {
        /** 通过先绘制大圆，然后再绘制和背景色相同的小圆实现圆环绘制 */
        /** 移动到圆周上一点,不然会把当前圆和之前的最后点连接起来 */
        CGContextMoveToPoint(ctx, x1+r1, y1);
        
        /* 绘制大圆路径 */
        CGContextAddArc(ctx, x1, y1, r1, 0, M_PI*2, 0);
        
        /* 设置颜色 */
        CGContextSetFillColor(ctx, CGColorGetComponents([[UIColor blueColor] CGColor]));
        CGContextSetStrokeColor(ctx, CGColorGetComponents([[UIColor greenColor] CGColor]));
        
        /** 绘制图形 */
        CGContextDrawPath(ctx, kCGPathFillStroke);
        
        /** 移动到圆周上一点 */
        CGContextMoveToPoint(ctx, x1+r2, y1);
        
        /** 绘制小圆路径 */
        CGContextAddArc(ctx, x1, y1, r2, 0, M_PI*2, 0);
        
        /** 设置小圆填充颜色[颜色值用系统自带的数码测色器获取背景色] */
        [[UIColor colorWithRed:170.0/255 green:166.0/255 blue:102.0/255 alpha:1.0] setFill];
        
        /** 绘制图形 */
        CGContextFillPath(ctx);
        
        x1 += (2*r1+2);
    }
    
    
    [self drawCoordinate];
    [self drawSin];
    
}
/** 绘制坐标轴 */
- (void) drawCoordinate
{
    CGFloat x = self.myFrame.origin.x;
    CGFloat y = self.myFrame.origin.y;
    CGFloat w = self.myFrame.size.width;
    CGFloat h = self.myFrame.size.height;
    
    /* 坐标系原点 */
    CGFloat x1 = x + 5 + 20;
    CGFloat y1 = y + h - 40;
    
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    
    /** 设置绘图颜色 */
    CGContextSetStrokeColorWithColor(ctx, [[UIColor blackColor] CGColor]);
    CGContextSetLineWidth(ctx, 3.0);
    
    /** 设置标准字体 */
    /** 写字(设置字体大小及颜色) */
    NSArray* array = [UIFont familyNames];
    UIFont* font = [UIFont fontWithName:[array objectAtIndex:1] size:12];
    NSDictionary* dict = [[NSDictionary alloc] initWithObjectsAndKeys:font, NSFontAttributeName,
                          [UIColor redColor], NSForegroundColorAttributeName,
                          nil];

    /** 先绘制坐标 */
    CGContextMoveToPoint(ctx, x1, y1);
    
    /** 横坐标系 */
    CGContextAddLineToPoint(ctx, x + w, y1);
    CGContextStrokePath(ctx);
    
    /* 绘制尺寸标注 */
    CGFloat h1 = 0;
    NSInteger wid = 20;
    for (NSInteger x2= x1+wid; x2 < x1 + w; x2+=wid)
    {
        NSInteger num = (x2 - x1)/wid;
        if( num%2 )
        {
            h1 = 4;
            CGContextSetLineWidth(ctx, 1.0);
        }
        else
        {
            h1 = 6;
            CGContextSetLineWidth(ctx, 2.0);
            
            NSString* strNum = [[NSString alloc] initWithFormat:@"%ld", num/2];
            [strNum drawAtPoint:CGPointMake(x2, y1) withAttributes:dict];
            [strNum release];
        }
        
        
        CGContextMoveToPoint(ctx, x2, y1-2);
        CGContextAddLineToPoint(ctx, x2, y1-h1);
        CGContextStrokePath(ctx);
    }
    
    /** 纵坐标系 */
    CGContextSetStrokeColorWithColor(ctx, [[UIColor blackColor] CGColor]);
    CGContextSetLineWidth(ctx, 3.0);
    CGContextMoveToPoint(ctx, x1, y1+1.5);
    CGContextAddLineToPoint(ctx, x1, y);
    CGContextStrokePath(ctx);
    
    /* 绘制尺寸标注 */
    for (NSInteger y2=y1-wid; y2 > y; y2-=wid)
    {
        NSInteger num = (y1 - y2)/wid;
        if( num%2 )
        {
            h1 = 4;
            CGContextSetLineWidth(ctx, 1.0);
        }
        else
        {
            h1 = 6;
            CGContextSetLineWidth(ctx, 2.0);
            
            if (num>1)
            {
                NSString* strNum = [[NSString alloc] initWithFormat:@"%ld", num/2];
                [strNum drawAtPoint:CGPointMake(x1-20, y2-6) withAttributes:dict];
                [strNum release];
            }
        }
        
        
        CGContextMoveToPoint(ctx, x1+2, y2);
        CGContextAddLineToPoint(ctx, x1+h1, y2);
        CGContextStrokePath(ctx);
    }

    
    [dict release];
    dict = nil;
}

- (void) drawSin
{
    /** 使用二阶贝塞尔曲线模拟正余弦 */
    CGFloat x = self.myFrame.origin.x;
    CGFloat y = self.myFrame.origin.y;
    CGFloat w = self.myFrame.size.width;
    CGFloat h = self.myFrame.size.height;
    
    /* 坐标系原点 */
    CGFloat x1 = x + 5 + 20;
    CGFloat y1 = y + h - 40;
    CGFloat w1 = 20;
    CGFloat h1 = 200;
    
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    
    /** 正弦 */
    CGContextSetStrokeColorWithColor(ctx, [[UIColor redColor] CGColor]);
    CGFloat yShift = -300;
    for (CGFloat x2=x1-2*w1; x2<x+w; x2+=2*w1)
    {
        h1 *= -1;
        CGContextMoveToPoint(ctx, x2, y1+yShift);
        CGContextAddQuadCurveToPoint(ctx, x2+w1, y1-h1+yShift, x2+2*w1, y1+yShift);
        CGContextStrokePath(ctx);
    }
    
    /** 余弦 */
    CGContextSetStrokeColorWithColor(ctx, [[UIColor yellowColor] CGColor]);
    for (CGFloat x2=x1-w1; x2<x+w; x2+=2*w1)
    {
        CGContextMoveToPoint(ctx, x2, y1+yShift);
        CGContextAddQuadCurveToPoint(ctx, x2+w1, y1-h1+yShift, x2+2*w1, y1+yShift);
        CGContextStrokePath(ctx);
        
        h1 *= -1;
    }
    
    /** 给曲线加个基线 */
    /** 分别指定虚线的小实线和空白的长度 */
    CGFloat fpDash[] = {5,5};
    CGContextSetStrokeColorWithColor(ctx, [[UIColor blackColor] CGColor]);
    CGContextSetLineWidth(ctx, 1.0);
    /** 设置画线格式为虚线：参数含义
     * context – 这个不用多说
     * phase参数表示在第一个虚线绘制的时候跳过多少个点
     * lengths – 指明虚线是如何交替绘制，上面的数组fpDash
     * count – lengths数组的长度
     */
    CGContextSetLineDash(ctx, 0, fpDash, 2);
    CGContextMoveToPoint(ctx, 0, y1+yShift);
    CGContextAddLineToPoint(ctx, x+w, y1+yShift);
    CGContextStrokePath(ctx);
    
    /** 文字标注 */
    
    /** 写字(设置字体大小及颜色) */
    NSArray* array = [UIFont familyNames];
    UIFont* font = [UIFont fontWithName:[array objectAtIndex:20] size:16];
    NSDictionary* dict = [[NSDictionary alloc] initWithObjectsAndKeys:font, NSFontAttributeName,
                          [UIColor redColor], NSForegroundColorAttributeName,
                          nil];
    NSString* title = [[NSString alloc] initWithString:@"----正弦曲线"];
    [title drawAtPoint:CGPointMake(x + w - 100, y + h/8) withAttributes:dict];
    [dict release];
    dict = nil;
    
    dict = [[NSDictionary alloc] initWithObjectsAndKeys:font, NSFontAttributeName,
            [UIColor yellowColor], NSForegroundColorAttributeName,
            nil];
    title = [[NSString alloc] initWithString:@"----余弦曲线"];
    [title drawAtPoint:CGPointMake(x + w - 100, y + h/8 + 30) withAttributes:dict];
    [dict release];
    dict = nil;
    
}
@end

项目工程

arbboter
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Quartz.NET定时任务例子源代码(C#)
07-23
一个使用Quartz.NET的做定时任务的源代码。
IOS开发之Quart绘图方法简介
sanpintian的专栏
04-01 4005
在我们刚刚接触Quertz 2D的时候，很重要的一点是：绘图是在图形的上下文进行的。每一个视图都有关联的上下文。 所以如果在某个视图中绘图，我们要检索当前的上下文 CGContextRef ctx = UIGraphicsGetCurrentContext();    //检索当前上下文，绘图的每一个视图都有相关联的上下文，之后将此上下文传递给core graphics绘图函数来绘制
Quartus II从建工程、绘图、编译到仿真详细过程
热门推荐
西岸贤
10-10 1万+
1.建工程文件存放路径。先在某个盘下新建一个存放工程的文件夹，名字最好用英文，不要出现空格。 2.新建工程。打开Quartus II软件（我用的是9.1版本），File——>New Project Wizard...，直接Next后填写自己工程要存放的路径，我这里存放在 D:\FPGA\work 目录下，工程名自己起一个，第三个空尽量别改动（填写完第二个空，第三个空会同步），下一步。 选择自己要设计的可用设备。这里就可以点Finish完成了，因为后面Next下去也不用改动。到这里工程就建完了。
FPGA-Quartus II 13.1画逻辑门电路图的详细步骤
weixin_62773931的博客
10-05 5363
FPGA Quartus II 13.1中设计逻辑电路图的步骤
winform下使用Quartz.net
saxgood的专栏
07-22 7001
1.创建Windows窗体应用程序 2.从网上下载Quartz.net 的dll文件，并且添加引用到项目中 3.修改项目的目标框架，改为.Net Framework4(点击项目然后右键属性) 4.删除app.config文件，添加quartz.config和quartz_jobs.xml这两个文件。quartz.config里的内容都不用修改，有个关于quartz_j
quartz定时任务使用例子大全
11-09
quartz定时任务使用例子大全，这里面介绍了三种使用quartz定时任务的方式，第一种方式是完全使用代码写死的调用方式，第二种使用的是从数据库读取任务配置信息的调用方式，第三种是使用从数据库读取任务配置，生成...
Quartz多线程示例.rar
08-25
Quartz使用StdSchedulerFactory（调度器工厂）实现多线程原理，可以自定义线程个数来实现不同的需求，代码中有详细注释说明
springboot整合quartz实现定时任务示例
08-30
spring支持多种定时任务的实现。我们来介绍下使用spring的定时器和使用quartz定时器，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。
.net core中Quartz的使用方法
01-20
原来工作中有用到定时任务Quartz，不过是在MVC项目中，现在...Quartz版本：3.0.7 1.NuGet中下载安装Quartz 2.新建Quartz帮助类 (1)新建QuartzJob类，代码如下： public class QuartzJob : IJob { public async Task
WinForm和WebForm 对Quartz定时器使用
lvfk
04-12 4537
Quartz是第三方提供的定时调度框架，其官方地址http://www.quartz-scheduler.org/ 同样，安装惯例，该篇同样也是从项目中mark出来，方便对这个技术的惯例，好了废话不说，直接上code 第一步，引用Quartz相关的dll组件，下载地址http://download.csdn.net/detail/just_shunjian/9488369 第二步，项目中封装
Quartz 2D绘图
逢个场，作个戏
09-12 257
转载自：http://www.jianshu.com/p/5159c0fe01ab 1. Quartz概述 Quartz是Mac OS X的Darwin核心之上的绘图层，有时候也认为是CoreGraphics(制图)。 共有两种部分组成Quartz： Quartz Compositor，合成视窗系统，管理和合成幕后视窗影像来建立Mac OS X使用者接口。（了解
Quartz2D绘图详解
xuyushiguang的博客
05-09 882
Quartz 2D是⼀个二维绘图引擎,同时支持iOS和Mac系统  Quartz 2D能完成的工作：   绘制图形 : 线条\三角形\矩形\圆\弧等   绘制文字   绘制\生成图片(图像)   读取\生成PDF   截图\裁剪图片   自定义UI控件  其实,iOS中⼤部分控件的内容都是通过Quartz2D画出来的 因此,Quartz2D在iOS
Quartz 2D介绍及基本图形绘制
会飞的石头
09-14 832
Quartz 2D介绍及基本图形绘制
QuartzNet简单实例
痞子杨
02-16 1690
1.要执行的作业 using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; using Quartz; using System.Data.SqlClient; namespace Schedule {     public cla
访问者模式（Visitor Pattern）
Arbboter的专栏
01-27 3960
什么是访问者呢？就拿身边的一个例子来看看吧。你有一栋房子，房子里面有很多管道、电路之类的东西，很显然，这些东西你不懂，是别人帮你弄好的。有一天，你家的管道出问题了，于是你需要解决这个问题，但是你不懂，所以你需要找专业人员（管道修理工）来维护，这个你找的人对于你的房子来说他就是访问者了。访问者设计模式主要包含两个角色：访问者和被访问的对象。访问者模式将有关的行为集中到一个访问者对象中，而不是分散到一个个的节点类中，使得增加新的操作变得很容易。如果你熟悉MVC模型，那么可以发现，在MVC中，M是被访问者，C是访
迭代器模式（Iterator Pattern）
Arbboter的专栏
01-26 3759
说到迭代器，我们应该是很熟悉的，不管你是写过C++代码还是写过IOS代码，你都应该有用过迭代器，比如C++的vector、list等STL对象都提供了迭代器以供程序代码可以更为方便地遍历集合元素。 迭代器为访问集合对象提供一种间接的方法，从而使得外部不需要知道集合的内部细节。集合对象的迭代器避免了集合对象本身实现的元素的遍历，使得集合的遍历更为简单、便利。迭代器一般定义了通用的访问集合元素的方法，同时提供了记录了当前元素的机制，使得可直接使用迭代器而不需要使用集合对象本身就可以访问集合。集合和迭代器的基本关
IOS-UITabView示例
Arbboter的专栏
12-05 3263
总结        本章主要简示了UITabView得使用方法，使用UITabViewController的三个页面演示不同情况，包括简单的表格，分段带副标题风格的表格以及索引表格。 运行结果 工程构建概要 1.UITabViewController的使用方法可参考以前的文章 2.使用UITabView的控制类必须实现该控件对应的数据源和代理的方法，同时需要在IB里面指定UI
观察者模式（Observer Pattern）
Arbboter的专栏
01-23 3024
观察者设计模式也叫做发布-订阅（Publish-Subscribe）模式。有点像杂志订阅的意思，你向杂志社订阅杂志，然后提供了自己的姓名和邮箱地址，这样杂志社就可以把你所订阅的杂志推送到你的邮箱了，而你收到的杂志都是你自己订阅的，不会不是你订阅的，这就是一个观察者模式的例子。订阅杂志的过程简单来说就是一个观察者（订阅者）向某个杂志社（发布者）订阅特定的杂志，其静态关系图如下所示
Quartz Scheduler 使用
最新发布
05-20
Quartz Scheduler是一个开源的作业调度框架，可以用于在Java应用程序中实现各种作业调度需求。Quartz Scheduler提供了强大的功能，如任务调度、定时触发、任务管理、任务持久化、任务并发执行等。下面是一个简单的使用Quartz Scheduler的示例： 1. 引入Quartz Scheduler的依赖 ```xml <dependency> <groupId>org.quartz-scheduler</groupId> <artifactId>quartz</artifactId> <version>2.3.2</version> </dependency> ``` 2. 编写一个Job类，实现需要执行的任务 ```java public class MyJob implements Job { @Override public void execute(JobExecutionContext context) throws JobExecutionException { System.out.println("Hello, Quartz Scheduler!"); } } ``` 3. 创建一个Trigger，指定任务的触发时间和频率 ```java Trigger trigger = TriggerBuilder.newTrigger() .withIdentity("myTrigger", "myGroup") .startAt(DateBuilder.futureDate(5, IntervalUnit.SECOND)) .withSchedule(SimpleScheduleBuilder.simpleSchedule().withIntervalInSeconds(10).repeatForever()) .build(); ``` 4. 创建一个Scheduler，将Job和Trigger注册到Scheduler中 ```java Scheduler scheduler = StdSchedulerFactory.getDefaultScheduler(); JobDetail job = JobBuilder.newJob(MyJob.class).withIdentity("myJob", "myGroup").build(); scheduler.scheduleJob(job, trigger); ``` 5. 启动Scheduler ```java scheduler.start(); ``` 这样，我们就创建了一个简单的Quartz Scheduler任务。执行这个任务后，每隔10秒钟会输出一行 "Hello, Quartz Scheduler!" 的信息。 Quartz Scheduler还提供了丰富的API，可以根据不同的需求实现更加复杂的任务调度。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值