Quartz2D使用(矩阵操作)

原创 2015年11月20日 11:48:05
Quartz2D使用(矩阵操作)
一、关于矩阵操作

1.画一个四边形

通过设置两个端点(长和宽)来完成一个四边形的绘制。

代码:

- (void)drawRect:(CGRect)rect

2 {

    3     //画四边形

    4     //获取图形上下文

    5     CGContextRef ctx=UIGraphicsGetCurrentContext();

    6     //绘图

    7     CGContextAddRect(ctx, CGRectMake(2050100100));

    8     //渲染

    9     CGContextStrokePath(ctx);

}

说明:通过这种方式画矩形有弱点:画出来的矩形永远都是正的。如下图:

图片

2.画一个歪的四边形

如何画一个歪的矩形?(通过矩阵操作来完成,和形变操作相似)

可以通过矩阵操作,把画出来的东西进行形变(旋转,缩放,平移)

方法:CGContextRotateCTM(<#CGContextRef c#>, <#CGFloat angle#>)该接受两个参数(图形上下文,弧度)

注意点:设置矩阵操作必须要在添加图形之前,如果设置在添加图形之后的话,此时它已经画完了,无效。

代码:


1 - (void)drawRect:(CGRect)rect

2 {

    3     //画四边形

    4     //获取图形上下文

    5     CGContextRef ctx=UIGraphicsGetCurrentContext();

    6     //矩阵操作

    7     //注意点:设置矩阵操作必须要在添加绘图信息之前

    8     //旋转45

    9     CGContextRotateCTM(ctx, M_PI_4);

    10

    11     //绘图

    12     CGContextAddRect(ctx, CGRectMake(150100100100));

    13     //渲染

    14     CGContextStrokePath(ctx);

}
图片

二、关于旋转

1.旋转演示

view之所以能够显示视图,是因为它的上面有layer,将来图形也是渲染到layer上面。

且,旋转的时候是整个layer都旋转了,可以再画一个圆进行验证。

代码1(未旋转):

1 - (void)drawRect:(CGRect)rect

2 {

    3     //获取图形上下文

    4     CGContextRef ctx=UIGraphicsGetCurrentContext();

    5     //矩阵操作

    6     //注意点:设置矩阵操作必须要在添加绘图信息之前

    7     //旋转45

    8     //    CGContextRotateCTM(ctx, M_PI_4);

    9

    10     //绘图

    11     //画四边形

    12     CGContextAddRect(ctx, CGRectMake(150100100100));

    13     //画一个圆

    14     CGContextAddEllipseInRect(ctx, CGRectMake(2002005050));

    15     //渲染

    16     CGContextStrokePath(ctx);

}
图片

代码2(旋转):

1 - (void)drawRect:(CGRect)rect

2 {

    3     //获取图形上下文

    4     CGContextRef ctx=UIGraphicsGetCurrentContext();

    5     //矩阵操作

    6     //注意点:设置矩阵操作必须要在添加绘图信息之前

    7     //旋转45

    8     CGContextRotateCTM(ctx, M_PI_4);

    9

    10     //绘图

    11     //画四边形

    12     CGContextAddRect(ctx, CGRectMake(150100100100));

    13     //画一个圆

    14     CGContextAddEllipseInRect(ctx, CGRectMake(2002005050));

    15     //渲染

    16     CGContextStrokePath(ctx);

    17

}

图片

2.关于旋转的补充说明

提示:旋转的时候,是整个layer都旋转了。
 图片
 
三、缩放

方法:CGContextScaleCTM(<#CGContextRef c#>, <#CGFloat sx#>, <#CGFloat sy#>)

该方法接收三个参数(图形上下文,x方向的缩放比例,y方向上的缩放比例

代码示例:

1 - (void)drawRect:(CGRect)rect

2 {

    3     //获取图形上下文

    4     CGContextRef ctx=UIGraphicsGetCurrentContext();

    5     //矩阵操作

    6     //注意点:设置矩阵操作必须要在添加绘图信息之前

    7     //缩放,x方向缩放0.5倍,y方向缩放1.5

    8     CGContextScaleCTM(ctx, 0.51.5);

    9

    10     //绘图

    11     //画四边形

    12     CGContextAddRect(ctx, CGRectMake(150100100100));

    13     //画一个圆

    14     CGContextAddEllipseInRect(ctx, CGRectMake(2002005050));

    15     //渲染

    16     CGContextStrokePath(ctx);

}
图片

四、平移

方法: CGContextTranslateCTM(<#CGContextRef c#>, <#CGFloat tx#>, <#CGFloat ty#>)

该方法接收三个参数(图形上下文,x方向的偏移量,y方向上的偏移量)

代码示例:

- (void)drawRect:(CGRect)rect

2 {

    3     //获取图形上下文

    4     CGContextRef ctx=UIGraphicsGetCurrentContext();

    5     //矩阵操作

    6     //注意点:设置矩阵操作必须要在添加绘图信息之前

    7     //平移,x方向移动50y方向移动100

    8     CGContextTranslateCTM(ctx, 50100);

    9

    10     //绘图

    11     //画四边形

    12     CGContextAddRect(ctx, CGRectMake(150100100100));

    13     //画一个圆

    14     CGContextAddEllipseInRect(ctx, CGRectMake(2002005050));

    15     //渲染

    16     CGContextStrokePath(ctx);

}

图片

提示:坐标原点为view的左上角。

matlab:矩阵/数组常用操作

一、 length             返回矩阵最长维的的长度    ndims       返回维数          numel      返回矩阵元素个数 size       ...
  • xqmoo8
  • xqmoo8
  • 2013年12月27日 09:32
  • 12145

mahout基于矩阵分解的协同过滤实例 ALS——WR

问题提出:对于协同过滤,我们就是要预测用户所喜欢的但是又没有发现的物品,下面给出一个明确的评分矩阵,设为A,但是A有一部分没有值,表明用户没有对此物品评分,于是我们需要预测出没有值的评分部分。解决方法...
  • zhonglongshen
  • zhonglongshen
  • 2015年05月16日 09:30
  • 1392

无向图的邻接矩阵基本操作

无向图的邻接矩阵基本操作
  • phiall
  • phiall
  • 2016年07月20日 21:21
  • 1474

iOS开发UI篇—Quartz2D使用(矩阵操作)

iOS开发UI篇—Quartz2D使用(矩阵操作) 一、关于矩阵操作 1.画一个四边形 通过设置两个端点(长和宽)来完成一个四边形的绘制。 代码: 1 - (void)draw...
  • ffblog
  • ffblog
  • 2015年02月03日 17:42
  • 163

iOS开发UI高级—22Quartz2D使用(矩阵操作)

iOS开发UI篇—Quartz2D使用(矩阵操作) 一、关于矩阵操作 1.画一个四边形 通过设置两个端点(长和宽)来完成一个四边形的绘制。 代码: 1 - (void)drawRect:(CGR...
  • gaojq_ios
  • gaojq_ios
  • 2015年06月07日 16:28
  • 260

iOS陆哥开发笔记(十八) (Quartz2D矩阵操作)

一、关于矩阵操作 1.画一个四边形 通过设置两个端点(长和宽)来完成一个四边形的绘制。 代码:  - (void)drawRect:(CGRect)rect  {          ...
  • Mr_Lucien
  • Mr_Lucien
  • 2016年04月14日 17:57
  • 247

猫猫学IOS(三十二)UI之Quartz2D矩阵操作和图片剪切

猫猫分享,必须精品原创文章,欢迎转载。转载请注明:翟乃玉的博客 地址:http://blog.csdn.net/u013357243?viewmode=contents矩阵操作矩阵操作:(旋转,缩...
  • u013357243
  • u013357243
  • 2015年05月05日 13:08
  • 1642

iOS【Quartz2D矩阵操作和图片剪切】

AJ分享,必须精品   矩阵操作 矩阵操作:(旋转,缩放,平移) 通过矩阵操作,把画出来的东西进行形变 旋转操作 方法:CGContextRotateCTM(, )该接受两个参数(图形上下文,弧度)...
  • luolianxi
  • luolianxi
  • 2015年11月29日 00:42
  • 190

Quartz2d 画饼状图 图形上下文栈 矩阵操作 裁剪圆角图片

画饼状图 - (void)drawRect:(CGRect)rect { // Drawing code // 需求:根据sections的数据,绘制多个扇形 ...
  • liyunxiangrxm
  • liyunxiangrxm
  • 2016年05月10日 09:58
  • 970

iOS小明开发笔记(十五) (Quartz2D矩阵操作)

一、关于矩阵操作 1.画一个四边形 通过设置两个端点(长和宽)来完成一个四边形的绘制。 代码:  - (void)drawRect:(CGRect)rect ...
  • Tiramisu_LM
  • Tiramisu_LM
  • 2016年02月23日 13:51
  • 180
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Quartz2D使用(矩阵操作)
举报原因:
原因补充:

(最多只允许输入30个字)