文档章节

用Quartz 2D的简单使用

 没懂
发布于 2015/12/15 23:13
字数 565
阅读 10
收藏 0
点赞 0
评论 0
 

.h 中

typedef enum
{
    START = 0, //开始
    PAUSE      //暂停
}ViewStatus;

#import <UIKit/UIKit.h>

@interface CircleView : UIView

/**
 *  进度
 */
@property (nonatomic, strong)NSString *progress;

@property (nonatomic, assign)CGFloat pi;
/**
 *  按钮状态
 */
@property (nonatomic, assign)ViewStatus status;


@end

.m 中

/**
 *  根据语音进度,画弧度
 *
 *  @param progress 语音进度
 */
- (void)setProgress:(NSString *)progress
{
    CGFloat pi = [progress floatValue] / 100 * 3.141593;
    self.pi = pi;
    if (self.pi >= 3.14) {
            self.pi = 0.0;
        self.status = PAUSE;
        [self setNeedsDisplay];
    }else
    {
        [self setNeedsDisplay];
    }
    
}

/**
 *  画按钮
 */
- (void)drawRect:(CGRect)rect {
    if (self.status == START) {
        [self pauseButton];
        //灰色的圆
        CGFloat pi = self.pi;
        CGFloat colorGray = 102 / 255.0;
        circle(pi,YES,colorGray);
        
        drawBlueColor(pi, NO);
    }else
    {
        //灰色的圆
        CGFloat pi = self.pi;
        CGFloat colorGray = 102 / 255.0;
        circle(pi,YES,colorGray);
        [self beginButton];
        
    }
}

/**
 *  开始播放按钮
 */
- (void)beginButton
{
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    CGContextMoveToPoint(ctx, 11.5, 8.5);
    CGContextAddLineToPoint(ctx, 11.5, 18.5);
    CGContextAddLineToPoint(ctx, 16.5, 13.5);
    CGContextClosePath(ctx);
    CGContextFillPath(ctx);//这个是画实心的
//    CGContextStrokePath(<#CGContextRef  _Nullable c#>);这个是画空心的
}

/**
 *  暂停按钮
 */
- (void)pauseButton
{
    drawLine(11.5, 18.5);
    drawLine(17.5, 18.5);
}

/**
 *  画一条线
 *
 *  @param x      线的x值
 *  @param length 线的长度
 */
void drawLine(int x, int length)
{
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    CGContextMoveToPoint(ctx, x, 8.5);
    CGContextAddLineToPoint(ctx, x, length);
    CGContextSetLineWidth(ctx, 2);
    CGContextStrokePath(ctx);
    
}

/**
 *  进度条
 *
 *  @param pi 圆的弧度
 *  @param b  
 */
void drawBlueColor(float pi,bool b)
{
    //0.获得当前图形上下文
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    
    //1.创建一个绘图路径
    CGMutablePathRef path = CGPathCreateMutable();
    
    //2.把绘图信息添加到路径中去
    CGContextSetRGBStrokeColor(ctx, 32 / 225, 192 / 255.0, 218 / 255.0, 1);
    
    CGContextSetLineWidth(ctx, 2);
    
    CGPathAddArc(path, NULL, 14, 14, 12.5 , 0, 2 * pi, b);
    
    //3.把路径添加到上下文中
    CGContextAddPath(ctx, path);
    
    //4.渲染
    CGContextStrokePath(ctx);
    
    //5.释放路径
    CGPathRelease(path);
}

/**
 *  画一个圆
 *
 *  @param
 */
void circle(float pi, bool b, float color)
{
    //0.获得当前图形上下文
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    
    //1.创建一个绘图路径
    CGMutablePathRef path = CGPathCreateMutable();
    
    //2.把绘图信息添加到路径中去
    CGContextSetRGBStrokeColor(ctx, color, color, color, 1);
    
    CGContextSetLineWidth(ctx, 2);
//    NSLog(@"%f",pi);
    
    CGPathAddArc(path, NULL, 14, 14, 12.5 ,12.5, 2 * pi, b);
    
    //3.把路径添加到上下文中
    CGContextAddPath(ctx, path);
    
    //4.渲染
    CGContextStrokePath(ctx);
    
    //5.释放路径
    CGPathRelease(path);
    
}

调用

#import "CircleButton.h"

@interface ViewController ()
- (IBAction)buttonClick:(id)sender;
/**
 *  自定义的button
 */
@property (weak, nonatomic) IBOutlet CircleButton *circleButton;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    //设定button的初始状态
    self.circleButton.status = PAUSE;
    
}

- (void)progress
{
    float progress ;
    self.circleButton.progress = [NSString stringWithFormat:@"%f",progress];
    if (progress < 1) {
        progress += 0.01;
        [NSTimer scheduledTimerWithTimeInterval:0.5 target:self selector:@selector(progress) userInfo:nil repeats:NO];
    }
}

//点击切换状态,重绘按钮
- (IBAction)buttonClick:(id)sender {
    
    if (self.circleButton.status == PAUSE) {
        [self.circleButton setNeedsDisplay];
        [self progress];
        self.circleButton.status = START;
    }else{
        [self.circleButton setNeedsDisplay];
        self.circleButton.status = PAUSE;
    }
}

若是想,在暂停的时候显示进度,只需要把progress 传给view重绘即可

© 著作权归作者所有

共有 人打赏支持
粉丝 0
博文 8
码字总数 4915
作品 0
徐汇
iPhone游戏开发笔记(一):使用到的工具和技术

从小到大都有游戏梦,所以希望能开发出自己的游戏。iPhone游戏开发主要用到这些技术和工具:Objective-C或C/C++, Xcode, UIKit, Quartz 2D, Core Animation, OpenGL, audio APIs, networkin...

晨曦之光 ⋅ 2012/03/09 ⋅ 0

iOS开发系列--打造自己的“美图秀秀”

--绘图与滤镜全面解析 概述 在iOS中可以很容易的开发出绚丽的界面效果,一方面得益于成功系统的设计,另一方面得益于它强大的开发框架。今天我们将围绕iOS中两大图形、图像绘图框架进行介绍:...

jianxin160 ⋅ 2015/08/18 ⋅ 0

Quartz 2D绘图

Quartz 2D绘图 Quartz 2D 概述 概述: Quartz 2D是一个⼆维图形绘制引擎,支持iOS环境和Mac OS X环境。我们可以使⽤用Quartz 2D API来实现许多功能,如基本路径的绘制、透明度、描影、绘制阴影、...

魏萌萌丶 ⋅ 2016/08/31 ⋅ 0

Quartz 2D绘图

概况 是一个二维图形绘制引擎,支持iOS环境和Mac OS X环境。我们可以使用Quartz 2D API来实现许多功能,如基本路径的绘制、透明度、描影、绘制阴影、透明层、颜色管理、反锯齿、PDF文档生成和...

_誌念 ⋅ 2017/08/26 ⋅ 0

iOS创建PDF文件

参考了官方文档:《PDF Document Creation, Viewing, and Transforming》 pdf文档在iOS中是通过Quartz 2D库提供的api来操作的。iOS有两个图形库: Quartz 2D,是iOS原生的,简单易用,缺点是...

于赟 ⋅ 2012/11/15 ⋅ 0

Quartz 2D简单介绍

一、什么是Quartz2D Quartz 2D是⼀个二维绘图引擎,同时支持iOS和Mac系统。 我们可以使用Quartz 2D API 来实现许多功能,如基本路径的绘制、透明度、描影、绘制阴影、透明层、颜色管理、反锯齿...

如若初见 ⋅ 2016/03/17 ⋅ 1

iPhone之Quartz 2D系列--变换(5)Transforms

以下几遍关于Quartz 2D博文都是转载自:http://www.cocoachina.com/bbs/u.php?action=topic&uid=38018 苹果官网英语介绍:https://developer.apple.com/library/mac/documentation/GraphicsI......

长平狐 ⋅ 2013/12/25 ⋅ 0

iPhone之Quartz 2D系列--图形上下文(2)Graphics Contexts

以下几遍关于Quartz 2D博文都是转载自:http://www.cocoachina.com/bbs/u.php?action=topic&uid=38018 有关本章博客的代码实现,大家可以参考我的这遍博客:IOS用CGContextRef画各种图形(文字...

长平狐 ⋅ 2013/12/25 ⋅ 0

iPhone之Quartz 2D系列--阴影和透明层(5)Shadows&Transparency Layers

以下几遍关于Quartz 2D博文都是转载自:http://www.cocoachina.com/bbs/u.php?action=topic&uid=38018 苹果官网英语介绍:https://developer.apple.com/library/mac/documentation/GraphicsI......

长平狐 ⋅ 2013/12/25 ⋅ 0

iOS——Quartz2D(二维图形绘制)

1、Quartz2D 基本概述 Core Graphics Framework是一套基于C的API框架,使用了Quartz作为绘图引擎。它提供了低级别、轻量级、高保真度的2D渲染。 Quartz 2D是一个二维图形绘制引擎,适用于iOS...

kinglin_fu ⋅ 2016/01/25 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Spring | IOC AOP 注解 简单使用

写在前面的话 很久没更新笔记了,有人会抱怨:小冯啊,你是不是在偷懒啊,没有学习了。老哥,真的冤枉:我觉得我自己很菜,还在努力学习呢,正在学习Vue.js做管理系统呢。即便这样,我还是不...

Wenyi_Feng ⋅ 今天 ⋅ 0

博客迁移到 https://www.jianshu.com/u/aa501451a235

博客迁移到 https://www.jianshu.com/u/aa501451a235 本博客不再更新

为为02 ⋅ 今天 ⋅ 0

win10怎么彻底关闭自动更新

win10自带的更新每天都很多,每一次下载都要占用大量网络,而且安装要等得时间也蛮久的。 工具/原料 Win10 方法/步骤 单击左下角开始菜单点击设置图标进入设置界面 在设置窗口中输入“服务”...

阿K1225 ⋅ 今天 ⋅ 0

Elasticsearch 6.3.0 SQL功能使用案例分享

The best elasticsearch highlevel java rest api-----bboss Elasticsearch 6.3.0 官方新推出的SQL检索插件非常不错,本文一个实际案例来介绍其使用方法。 1.代码中的sql检索 @Testpu...

bboss ⋅ 今天 ⋅ 0

informix数据库在linux中的安装以及用java/c/c++访问

一、安装前准备 安装JDK(略) 到IBM官网上下载informix软件:iif.12.10.FC9DE.linux-x86_64.tar放在某个大家都可以访问的目录比如:/mypkg,并解压到该目录下。 我也放到了百度云和天翼云上...

wangxuwei ⋅ 今天 ⋅ 0

PHP语言系统ZBLOG或许无法重现月光博客的闪耀历史[图]

最近在写博客,希望通过自己努力打造一个优秀的教育类主题博客,名动江湖,但是问题来了,现在写博客还有前途吗?面对强大的自媒体站点围剿,还有信心和可能型吗? 至于程序部分,我选择了P...

原创小博客 ⋅ 今天 ⋅ 0

IntelliJ IDEA 2018.1新特性

工欲善其事必先利其器,如果有一款IDE可以让你更高效地专注于开发以及源码阅读,为什么不试一试? 本文转载自:netty技术内幕 3月27日,jetbrains正式发布期待已久的IntelliJ IDEA 2018.1,再...

Romane ⋅ 今天 ⋅ 0

浅谈设计模式之工厂模式

工厂模式(Factory Pattern)是 Java 中最常用的设计模式之一。这种类型的设计模式属于创建型模式,它提供了一种创建对象的最佳方式。 在工厂模式中,我们在创建对象时不会对客户端暴露创建逻...

佛系程序猿灬 ⋅ 今天 ⋅ 0

Dockerfile基础命令总结

FROM 指定使用的基础base image FROM scratch # 制作base image ,不使用任何基础imageFROM centos # 使用base imageFROM ubuntu:14.04 尽量使用官方的base image,为了安全 LABEL 描述作...

ExtreU ⋅ 昨天 ⋅ 0

存储,对比私有云和公有云的不同

导读 说起公共存储,很难不与后网络公司时代的选择性外包联系起来,但尽管如此,它还是具备着简单和固有的可用性。公共存储的名字听起来也缺乏专有性,很像是把东西直接堆放在那里而不会得到...

问题终结者 ⋅ 昨天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部