关情纸尾-----Quartz2D基本线条绘制

1.DrawRect方法作用?什么时候调用?
  DrawRect作用:专用在这个方法当中绘图的.只有在这个方法当中才能取得跟View相关联的上下文.
  DrawRect是系统自己调用的, 它是当View显示的时候自动调用.

2.画线(基本步骤描述)
  2.1获取跟View相关联的上下文
  CGContextRef ctx = UIGraphicsGetCurrentContext();

  2.2绘制路径
  UIBezierPath *path = [UIBezierPath bezierPath];

  2.2.1设置起点
  [path moveToPoint:CGPointMake(10, 125)];

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

  2.3把路径添加到上下文
  CGContextAddPath(ctx,path.CGPath);

  2.4把上下文的内容渲染到View上面.
  CGContextStrokePath(ctx);

3. 想要再添加一根线怎么办?
  第一种方法:重新设置起点,添加一根线到某个点,一个UIBezierPath路径上面可以有多条线.
  第二种方法:直接在原来的基础上添加线.把上一条的终点当做下一条线的起点.添加一根线到某个点
  直接在下面addLineToPoint:

4.怎么样设置线的宽度,颜色,样式?
  设置这些样式,我们称为是修改图形上下文的状态.
  设置线宽:CGContextSetLineWidth(ctx, 20);
  设置线段的连接样式: CGContextSetLineJoin(ctx, kCGLineJoinRound);
  添加顶角样式:CGContextSetLineCap(ctx, kCGLineCapRound);
  设置线的颜色: [[UIColor redColor] setStroke];

5.如何画曲线?
  画曲线方法比较特殊需要一个控制点来决定曲线的弯曲程度.画曲线方法为:
  先设置一个曲线的起点
  [path moveToPoint:CGPointMake(10, 125)];
  再添加到个点到曲线的终点.同时还须要一个controlPoint(控件点决定曲线弯曲的方法程序)
  [path addQuadCurveToPoint:CGPointMake(240, 125) controlPoint:CGPointMake(125, 10)];

6.如何画矩形,圆角矩形?
  画矩形直接利用UIBezierPath给我们封装好的路径方法
  (x,y)点决定了矩形左上角的点在哪个位置
  (width,height)是矩形的宽度高度
  bezierPathWithOvalInRect:CGRectMake(x, y, width, height)

  圆角矩形的画法多了一个参数,cornerRadius
  cornerRadius它是矩形的圆角半径.
  通过圆角矩形可以画一个圆.当矩形是正方形的时候,把圆角半径设为宽度的一半,就是一个圆.
  bezierPathWithRoundedRect:CGRectMake(10, 100, 50, 50) cornerRadius:10

7.如果画椭圆,圆?
  画椭圆的方法为:
  前两个参数分别代码圆的圆心,后面两个参数分别代表圆的宽度,与高度.
  宽高都相等时,画的是一个正圆, 不相等时画的是一个椭圆
  bezierPathWithOvalInRect:CGRectMake(10, 100, 50, 50)

8.如何利用UIKit封装的上下文进行画图?
  直接来个:[path stroke]就可以了.
  它底层的实现,就是获取上下文,拼接路径,把路径添加到上下文,渲染到View

9.如何画圆弧?
  首先要确定圆才能确定圆弧,圆孤它就圆上的一个角度嘛

  Center:圆心
  radius:圆的半径
  startAngle:起始角度
  endAngle:终点角度
  clockwise:Yes顺时针,No逆时针

  注意:startAngle角度的位置是从圆的最右侧为0度.

  UIBezierPath *path = [UIBezierPath bezierPathWithArcCenter:CGPointMake(125, 125)
  radius:100 
  startAngle:0 
  endAngle:M_PI * 2 
  clockwise:YES];

10.如果画扇形.
  画扇形的方法为:先画一个圆孤再添加一个一根线到圆心,然后关闭路径.
  关闭路径就会自动从路径的终点到路径的起点封闭起下
  用填充的话,它会默认做一个封闭路径,从路径的终点到起点. 
  关闭路径,
  [path closePath];
  [path fill];

时间: 2024-10-10 14:57:34

关情纸尾-----Quartz2D基本线条绘制的相关文章

关情纸尾-----Quartz2D简介

1.什么是Quartz2D? 他是一个二维的绘图引擎,同时支持iOS和Mac系统 2.Quartz2D能完成的工作? 画基本线条,绘制文字,图片,截图,自定义UIView. 3.Quartz2D在开发中的价值? 当我们的控件样式极其复杂时,可以把控件内部的结构给画出画,就是自定义控件. 4.什么是图形上下文,上下文的类型有哪些? 图形上下文是用来保存用户绘制的内容状态,并决定绘制到哪个地方的. 用户把绘制好的内容先保存到图形上下文, 然后根据选择的图形上下文的不同,绘制的内容显示到地方也不相同,

关情纸尾-----Quartz2D绘制下载进度条,饼图

绘制下载进度条 1.搭建界面. 2.拖动滑竿的时候让他里面的能够跟着我的拖动,数字在改变. 数字改变时有一个注意点, 就是要显示%,它是一个特殊的符号,要用两个%%代表一个% 3.拖动滑竿的时候就是在上面画弧. 从最上面,按顺时针画,所以,它的起始角度是-90度.结束角度也是-90度 也是从起始角度开始画, 起始角度-90度, 看你下载进度是多少 假如说你下载进度是100,就是1 * 360度 也就是说这个进度占你360度多少分之一 CGContextRef ctx = UIGraphicsGe

关情纸尾-----Quartz2D绘制圆形下载进度条,饼图

绘制下载进度条 1.搭建界面. 2.拖动滑竿的时候让他里面的能够跟着我的拖动,数字在改变. 数字改变时有一个注意点, 就是要显示%,它是一个特殊的符号,要用两个%%代表一个% 3.拖动滑竿的时候就是在上面画弧. 从最上面,按顺时针画,所以,它的起始角度是-90度.结束角度也是-90度 也是从起始角度开始画, 起始角度-90度, 看你下载进度是多少 假如说你下载进度是100,就是1 * 360度 也就是说这个进度占你360度多少分之一 CGContextRef ctx = UIGraphicsGe

关情纸尾-----Quartz2D定时器CADisplayLink下雪效果

定时器CADisplayLink下雪效果 1.定时器雪花整体思路: 先在控制器View面绘制一个雪花. 在View加载完毕后,添加一个定时器. 在定时器方法当中调用得绘方法. 在绘图方法当不段的去修改雪花的Y值. 当雪花的Y值超过屏幕的高度时,让雪花的Y值重新设为0.从最顶部开始. 2.添加定时器实现方案 第一种采用NSTime 第二种采用CADisplayLink 最终采用CADisplayLink方案. 2.1为什么采用CADisplayLink方案不用NSTime? 首先要了解setNee

关情纸尾-----Quartz2D模仿系统的UIImageView

模仿系统的UIImageView 整体思路: 我们想要模仿系统的UIImageView,我们必须得要知道系统的UIView怎么用. 第一种用法 系统的用法是创建一个UIImageView对象,设置frame,给它传递一个UIImage,再把它添加到一个View上面就可以了. 可以切换图片. 第二种用法就是在创建的时候直接传递一个UIImage对象,使用initWithImage的方法进行创建一个UImageView的方式 用这种做法创建出来的UIImageView它的尺寸大小和原始图片的尺寸大小

关情纸尾-----Quartz2D-图片添加水印

给图片水印的目的: 告诉别人图片的来源. 防止别人盗用图片.打广告. 添加水印它最终是生成了一个新的图片. 生成图片要用到了图片上下文.不需要再去自定义View, 之前一直在自定义View,是因为要拿跟View相关联的上下文. 跟View相关联的上下文是系统自动帮我们创建的,所以不需要我们自己手动创建, 但是图片上下文需要我们自己去手动创建.还需要我们自己手动去关闭. 实现水印效果的思路: 开启一个和原始图片一样的图片上下文. 把原始图片先绘制到图片上下文. 再把要添加的水印(文字,logo)等

关情纸尾-----UIKit绘图演练

一般使用UIKit给我们提供的绘图来绘制一些文字,图片这些东西. UIKit给我们提供画图的方法底层也是分为四步.所以也必须在drawRect方法当中去写. 1.如何画文字? 先创建好要画的文字 使用UIKit提供的方法进行绘制. 方法说明: drawAtPoint:要画到哪个位置 withAttributes:文本的样式. [str drawAtPoint:CGPointZero withAttributes:nil]; 2.如何添加绘制文字属性? 通过绘制方法的最后一个属性withAttri

关情纸尾-----面向对象的三大特性

面向对象的三大特性 .封装 .继承 .多态 一.封装 1.set方法 (1)作用:提供一个方法给外界设置成员变量,可以在方法里面对参数进行过滤 (2)命名规范: 方法都是以set开头,而且后面要跟上成员变量名,成员变量名的首字母必须是大写 (3)形参名称不要和成员变量同名 (4)返回值一定是void (5)一定要接收一个参数,而且参数类型和成员变量类型一致 2.get方法 (1)作用:返回内部的成员变量 (2)命名规范:方法的名称一般就跟成员变量同名 (3)一定有返回值,并且返回值类型和成员变量

关情纸尾-----内存管理

一.引用计数器 1.整数,4个字节,表示对象被利用的次数 2.创建一个新对象时,新对象的引用计数器默认为1 3.当某个对象的引用计数器为10时,所占内存被系统回收 4.引用计数器的操作 return  +1 release  -1 retainCount 获得当前引用计数器值 5.对象的销毁 ①引用计数器 0 ②系统自动发送dealloc给对象 ③重写dealloc方法 ④一旦重写了dealloc,就必须调用[super dealloc],放在最后面调用 ⑤一旦对象被回收了,它占用的内存就不再可