学习IOS开发UI篇--Quartz2D基本绘图

　　Quartz2D绘图的代码步骤

1.获得图形上下文
CGContextRef ctx =
UIGraphicsGetCurrentContext();

2.拼接路径（下面代码是搞一条线段）
CGContextMoveToPoint(ctx,
10, 10);
CGContextAddLineToPoint(ctx, 100,
100);

3.绘制路径
CGContextStrokePath(ctx); //
CGContextFillPath(ctx);

　　常用拼接路径函数

1.新建一个起点
void CGContextMoveToPoint(CGContextRef c, CGFloat x, CGFloat
y)

2.添加新的线段到某个点
void CGContextAddLineToPoint(CGContextRef c, CGFloat
x, CGFloat y)

3.添加一个矩形
void CGContextAddRect(CGContextRef c, CGRect
rect)

4.添加一个椭圆
void CGContextAddEllipseInRect(CGContextRef context,
CGRect rect)

5.添加一个圆弧
void CGContextAddArc(CGContextRef c, CGFloat x,
CGFloat y,
  CGFloat radius, CGFloat startAngle, CGFloat endAngle, int
clockwise)

　　常用绘制路径函数

1.Mode参数决定绘制的模式
void
CGContextDrawPath(CGContextRef c, CGPathDrawingMode
mode)

2.绘制空心路径
void CGContextStrokePath(CGContextRef
c)

3.绘制实心路径
void CGContextFillPath(CGContextRef
c)

提示：一般以CGContextDraw、CGContextStroke、CGContextFill开头的函数，都是用来绘制路径的

　　图形上下文栈的操作

1.将当前的上下文copy一份,保存到栈顶(那个栈叫做”图形上下文栈”)
void CGContextSaveGState(CGContextRef
c)

2.替换掉当前的上下文
void CGContextRestoreGState(CGContextRef c)

使用CGContextSclateCTM等方法,一定要在赋值属性前调用

使用CGContextClip时候,一定要在绘制前调用

时间： 2024-08-03 02:16:34

学习IOS开发UI篇--Quartz2D基本绘图的相关文章

iOS开发UI篇—Quartz2D使用（绘图路径）

iOS开发UI篇-Quartz2D使用(绘图路径) 一.绘图路径 A.简单说明 在画线的时候,方法的内部默认创建一个path.它把路径都放到了path里面去. 1.创建路径  cgmutablepathref 调用该方法相当于创建了一个路径,这个路径用来保存绘图信息. 2.把绘图信息添加到路径里边. 以前的方法是点的位置添加到ctx(图形上下文信息)中,ctx 默认会在内部创建一个path用来保存绘图信息. 在图形上下文中有一块存储空间专门用来存储绘图信息,其实这块空间就是CGMutablePa

iOS开发UI篇—Quartz2D简单使用（三）

iOS开发UI篇-Quartz2D简单使用(三) 一.通过slider控制圆的缩放 1.实现过程 新建一个项目,新建一个继承自UIview的类,并和storyboard中自定义的view进行关联. 界面搭建,如图: 代码示例: YYViewController.m文件 1 // 2 // YYViewController.m 3 // 04-对圆进行缩放 4 // 5 // Created by apple on 14-6-11. 6 // Copyright (c) 2014年 itcase.

iOS开发UI篇—Quartz2D使用（图形上下文栈）

iOS开发UI篇-Quartz2D使用(图形上下文栈) 一.qurza2d是怎么将绘图信息和绘图的属性绘制到图形上下文中去的? 说明: 新建一个项目,自定义一个view类和storyboard关联后,重写该类中的drowrect方法. 画线的三个步骤: (1)获取上下文 (2)绘图 (3)渲染 要求:画两条单独的线 代码和效果图: 1 - (void)drawRect:(CGRect)rect 2 { 3 //获取上下文 4 CGContextRef ctx=UIGraphicsGetCurre

iOS开发UI篇—Quartz2D使用（矩阵操作）

iOS开发UI篇-Quartz2D使用(矩阵操作) 一.关于矩阵操作 1.画一个四边形 通过设置两个端点(长和宽)来完成一个四边形的绘制. 代码: 1 - (void)drawRect:(CGRect)rect 2 { 3 //画四边形 4 //获取图形上下文 5 CGContextRef ctx=UIGraphicsGetCurrentContext(); 6 //绘图 7 CGContextAddRect(ctx, CGRectMake(20, 50, 100, 100)); 8 //渲染

iOS开发UI篇—Quartz2D简单使用（一）

iOS开发UI篇—Quartz2D简单使用(一) 一.画直线 代码: 1 // 2 // YYlineview.m 3 // 03-画直线 4 // 5 // Created by apple on 14-6-9. 6 // Copyright (c) 2014年 itcase. All rights reserved. 7 // 8 9 #import "YYlineview.h" 10 11 @implementation YYlineview 12 13 14 // 当自定义vi

iOS开发UI篇—Quartz2D简单介绍

iOS开发UI篇—Quartz2D简单介绍 一.什么是Quartz2D Quartz 2D是?个二维绘图引擎,同时支持iOS和Mac系统 Quartz 2D能完成的工作: 绘制图形 : 线条\三角形\矩形\圆\弧等 绘制文字 绘制\生成图片(图像) 读取\生成PDF 截图\裁剪图片 自定义UI控件 二.Quartz2D在iOS开发中的价值 为了便于搭建美观的UI界面,iOS提供了UIKit框架,??有各种各样的UI控件 UILabel:显?文字UIImageView:显示图片UIButton:同

iOS开发UI篇—Quartz2D简单使用

iOS开发UI篇-Quartz2D简单使用 一.画直线 代码: 1 // 2 // YYlineview.m 3 // 03-画直线 4 // 5 // Created by apple on 14-6-9. 6 // Copyright (c) 2014年 itcase. All rights reserved. 7 // 8 9 #import "YYlineview.h" 10 11 @implementation YYlineview 12 13 14 // 当自定义view第

iOS开发UI篇—Quartz2D使用（图片剪切）

iOS开发UI篇-Quartz2D使用(图片剪切) 一.使用Quartz2D完成图片剪切 1.把图片显示在自定义的view中 先把图片绘制到view上.按照原始大小,把图片绘制到一个点上. 代码: 1 - (void)drawRect:(CGRect)rect 2 { 3 UIImage *image2=[UIImage imageNamed:@"me"]; 4 [image2 drawAtPoint:CGPointMake(100, 100)]; 5 } 显示: 2.剪切图片让图片圆

学习IOS开发UI篇--UI知识点总结(四) UITabelView/UITableViewCell

UITabelView:常用属性 @property (nonatomic)          CGFloat    rowHeight;             // will return the default value if unset @property (nonatomic)          CGFloat     sectionHeaderHeight;   // will return the default value if unset @property (nonatom