AJ学IOS(32)UI之Quartz2D矩阵操作和图片剪切
2015-11-29 00:42
671 查看
AJ分享,必须精品
通过矩阵操作,把画出来的东西进行形变
注意点:设置矩阵操作必须要在添加图形之前,如果设置在添加图形之后的话,此时它已经画完了,无效。
效果:
代码:
view之所以能够显示视图,是因为它的上面有layer,将来图形也是渲染到layer上面。
也就是说:
旋转的时候,是整个layer都旋转了。
如图:
大家可以自己多试试,画两个图片,然后让他旋转,就可以得到他的圆心在哪里了,这样的小东东我就不废话了。
该方法接收三个参数(图形上下文,x方向的缩放比例,y方向上的缩放比例)
效果:
代码:
根据代码,我们画的是正圆和正方形,但是缩放后成为图效果。
该方法接收三个参数(图形上下文,x方向的偏移量,y方向上的偏移量)
效果:
我要让他变成圆的,代码这样写,ok了就。
给图片加水印就不说了,其实就是写文字写图片,开源框架也一堆堆的,AJ就不卖弄了。
矩阵操作
矩阵操作:(旋转,缩放,平移)通过矩阵操作,把画出来的东西进行形变
旋转操作
方法:CGContextRotateCTM(<#CGContextRef c#>, <#CGFloat angle#>)该接受两个参数(图形上下文,弧度)注意点:设置矩阵操作必须要在添加图形之前,如果设置在添加图形之后的话,此时它已经画完了,无效。
效果:
代码:
[code]- (void)drawRect:(CGRect)rect { //画四边形 //获取图形上下文 CGContextRef ctx=UIGraphicsGetCurrentContext(); //矩阵操作 //注意点:设置矩阵操作必须要在添加绘图信息之前 //旋转22.5度 CGContextRotateCTM(ctx, M_PI_4*0.5); //绘图 CGContextAddRect(ctx, CGRectMake(150, 100, 100, 100)); //渲染 CGContextStrokePath(ctx); }
view之所以能够显示视图,是因为它的上面有layer,将来图形也是渲染到layer上面。
也就是说:
旋转的时候,是整个layer都旋转了。
如图:
大家可以自己多试试,画两个图片,然后让他旋转,就可以得到他的圆心在哪里了,这样的小东东我就不废话了。
缩放
方法:CGContextScaleCTM(<#CGContextRef c#>, <#CGFloat sx#>, <#CGFloat sy#>)该方法接收三个参数(图形上下文,x方向的缩放比例,y方向上的缩放比例)
效果:
代码:
[code]- (void)drawRect:(CGRect)rect { //获取图形上下文 CGContextRef ctx=UIGraphicsGetCurrentContext(); //矩阵操作 //注意点:设置矩阵操作必须要在添加绘图信息之前 //缩放,x方向缩放0.4倍,y方向缩放2.0倍 CGContextScaleCTM(ctx, 0.4, 2.0); //绘图 //画四边形 CGContextAddRect(ctx, CGRectMake(150, 100, 100, 100)); //画一个圆 CGContextAddEllipseInRect(ctx, CGRectMake(20, 120, 50, 50)); //渲染 CGContextStrokePath(ctx); }
根据代码,我们画的是正圆和正方形,但是缩放后成为图效果。
平移
方法: CGContextTranslateCTM(<#CGContextRef c#>, <#CGFloat tx#>, <#CGFloat ty#>)该方法接收三个参数(图形上下文,x方向的偏移量,y方向上的偏移量)
效果:
[code]- (void)drawRect:(CGRect)rect { //获取图形上下文 CGContextRef ctx=UIGraphicsGetCurrentContext(); //矩阵操作 //注意点:设置矩阵操作必须要在添加绘图信息之前 //平移,x方向移动10,y方向移动150 CGContextTranslateCTM(ctx, 10, 150); //绘图 //画四边形 CGContextAddRect(ctx, CGRectMake(150, 100, 100, 100)); //画一个圆 CGContextAddEllipseInRect(ctx, CGRectMake(20, 120, 50, 50)); //渲染 CGContextStrokePath(ctx); }
图片剪切
首先还是我们最爱的猫猫我要让他变成圆的,代码这样写,ok了就。
[code]- (void)drawRect:(CGRect)rect { //画圆,以便以后指定可以显示图片的范围 //获取图形上下文 CGContextRef ctx=UIGraphicsGetCurrentContext(); CGContextAddEllipseInRect(ctx, CGRectMake(100, 100, 100, 100)); //指定上下文中可以显示内容的范围就是圆的范围 CGContextClip(ctx); UIImage *image2=[UIImage imageNamed:@"cat"]; [image2 drawAtPoint:CGPointMake(100, 100)]; }
给图片加水印就不说了,其实就是写文字写图片,开源框架也一堆堆的,AJ就不卖弄了。
相关文章推荐
- AJ学IOS(31)UI之Quartz2D图形上下文栈
- AJ学IOS(30)UI之Quartz2D画图片画文字
- AJ学IOS(29)UI之Quartz2D自定义下载控件_画各种图形
- AJ学IOS(28)UI之Quartz2D简单介绍
- AJ学IOS(27)UI之iOSUIKit字符属性NSAttributedString概述
- AJ学IOS(26)UI之iOS抽屉效果小Demo
- AJ学IOS(25)UI之触摸事件
- AJ学IOS(24)UI之注册案例
- AJ学IOS(23)UI之控制器管理
- AJ学IOS(20)UI之UIPickerView_点菜系统
- AJ学IOS(19)UI之QQ好友列表
- AJ学IOS(18)UI之QQ聊天布局_键盘通知实现自动弹出隐藏_自动回复
- AJ学IOS(17)UI之纯代码自定义Cell实现新浪微博UI
- AJ学IOS(16)UI之XIB自定义Cell实现团购UI
- AJ学IOS(15)UI之曾经大热的打砖块小游戏
- AJ学IOS(14)UI之UITableView扩充_表格的修改_(增删移动)
- AJ学IOS(13)UI之UITableView学习(下)汽车名牌带右侧索引
- AJ学IOS(12)UI之UITableView学习(上)LOL英雄联盟练习
- AJ学IOS(11)UI之图片自动轮播
- AJ学IOS(10)UI之_NSTimer_ios计时器