画图养成日记

原创 2016年05月31日 15:42:39
ContextRef --参考上下文
UIGraphics --用户图形界面
--画线方法1

CGContextRef ctx = UIGraphicsGetCurrentContext();//得到当前上下文的用户图形界面

CGContextMoveToPoint(ctx, 2020);//设置起点

CGContextAddLineToPoint(ctx, 200300);//设置终点

CGContextStrokePath(ctx);//渲染 strokepath 描边路径


--画线方法2---Quartz2D

CGContextRef ctx =UIGraphicsGetCurrentContext();

//创建一条直线绘图的路径 (但凡通过Quartz2D中带有creat/copy/retain方法创建出来的对象都必须要释放)

CGMutablePathRef path =CGPathCreateMutable();

//把绘图信息添加到路径里

CGPathMoveToPoint(path, NULL, 20, 20);

CGPathAddLineToPoint(path, NULL,200,300);

//把路径添加到上下文中把绘制直线的绘图信息保存到图形上下文中

CGContextAddPath(ctx, path);


CGContextStrokePath(cox);

CGPathRelease(path);//CFRelease(path);


总结:

在画线的时候,方法的内部默认创建一个path。它把路径都放到了path里面去。
1.创建路径  CGPathCreateMutable 调用该方法相当于创建了一个路径,这个路径用来保存绘图信息。
2.把绘图信息添加到路径里边。
以前的方法是点的位置添加到ctx(图形上下文信息)中,ctx 默认会在内部创建一个path用来保存绘图信息。
在图形上下文中有一块存储空间专门用来存储绘图信息,其实这块空间就是CGMutablePathRef。
3.把路径添加到上下文中。


用path的好处(要在上下文中绘制多个图形,这种情况下建议使用path)

Ellipse--椭圆

//得到当前上下文的用户图形界面

 CGContextRef ctx =UIGraphicsGetCurrentContext();

    

//画一条直线

//创建一条直线绘图的路径 (但凡通过Quartz2D中带有creat/copy/retain方法创建出来的对象都必须要释放)

CGMutablePathRef path =CGPathCreateMutable();

//把绘图信息添加到路径里

CGPathMoveToPoint(path, NULL, 20, 20);

CGPathAddLineToPoint(path, NULL,200,300);

//把路径添加到上下文中把绘制直线的绘图信息保存到图形上下文中

CGContextAddPath(ctx, path);

    

//画一个图

//创建一条绘制圆的路径 (但凡通过Quartz2D中带有creat/copy/retain方法创建出来的对象都必须要释放)

CGMutablePathRef path1 =CGPathCreateMutable();

//把圆的绘图信息添加到路径里

CGPathAddEllipseInRect(path1, NULL,CGRectMake(50,50,100,100));

//把路径添加到上下文中

CGContextAddPath(ctx, path1);


CGContextStrokePath(ctx);

CGPathRelease(path);

CGPathRelease(path1);


notice:

但凡通过quarzt2d中带有creat/copy/retain方法创建出来的值都必须手动的释放
有两种方法可以释放前面创建的路径:
(1)CGPathRelease(path);
(2)CFRelease(path);
说明:CFRelease属于更底层的cocafoundation框架


彩蛋

画四边形的一些方法:
第一种方式:通过连接固定的点绘制四边形
第二种方式:指定起点和宽高绘制四边形
第三种方式:把第二种方式中的两步合并成一步。
种:画根线,设置线条的宽度(通过这种方式可以画斜的四边形)
种方式(oc的方法):绘制实心的四边形,注意没有空心的方法


Coding:

    

CGContextRef ctx =UIGraphicsGetCurrentContext();

    

//第一种通过连接固定的点绘制四边形

//    CGContextMoveToPoint(ctx, 1, 20);

//    CGContextAddLineToPoint(ctx, 200, 20);

//    CGContextAddLineToPoint(ctx, 200, 50);

//    CGContextAddLineToPoint(ctx, 1, 50);

    

//第二种

//CGContextAddRect(ctx, CGRectMake(20, 20, 200, 100));

    

//第三种

//CGContextStrokeRect(ctx, CGRectMake(20, 20, 200, 100));

//CGContextFillRect(ctx, CGRectMake(20, 20, 200, 100));//画实心的

    

//第四种画根线设置线条的宽度(通过这种方式可以画斜的四边形---注意,线条只能画成是空心的)

CGContextMoveToPoint(ctx, 20,20);

CGContextAddLineToPoint(ctx, 100,200);

CGContextSetLineWidth(ctx, 50);

CGContextStrokePath(ctx);

    

//第五种

//UIRectFill(CGRectMake(20, 20, 200, 100));


http://www.cnblogs.com/wendingding/p/3782679.html //参考此链接



0  CGContextRef context = UIGraphicsGetCurrentContext(); 设置上下文
1 CGContextMoveToPoint 开始画线
2 CGContextAddLineToPoint 画直线


4 CGContextAddEllipseInRect 画一椭圆
4 CGContextSetLineCap 设置线条终点形状
4 CGContextSetLineDash 画虚线
4 CGContextAddRect 画一方框
4 CGContextStrokeRect 指定矩形
4 CGContextStrokeRectWithWidth 指定矩形线宽度
4 CGContextStrokeLineSegments 一些直线


5 CGContextAddArc 画已曲线 前俩店为中心 中间俩店为起始弧度 最后一数据为0则顺时针画 1则逆时针
5 CGContextAddArcToPoint(context,0,0, 2, 9, 40);//先画俩条线从point 到 弟1点 , 从弟1点到弟2点的线  切割里面的圆
6 CGContextSetShadowWithColor 设置阴影
7 CGContextSetRGBFillColor 这只填充颜色
7 CGContextSetRGBStrokeColor 画笔颜色设置
7 CGContextSetFillColorSpace 颜色空间填充
7 CGConextSetStrokeColorSpace 颜色空间画笔设置
8 CGContextFillRect 补充当前填充颜色的rect
8 CGContextSetAlaha 透明度


9 CGContextTranslateCTM 改变画布位置
10 CGContextSetLineWidth 设置线的宽度
11 CGContextAddRects 画多个线
12 CGContextAddQuadCurveToPoint 画曲线
13  CGContextStrokePath 开始绘制图片
13 CGContextDrawPath 设置绘制模式
14 CGContextClosePath 封闭当前线路
15 CGContextTranslateCTM(context, 0, rect.size.height);    CGContextScaleCTM(context, 1.0, -1.0);反转画布
16 CGContextSetInterpolationQuality 背景内置颜色质量等级
16 CGImageCreateWithImageInRect 从原图片中取小图


17 字符串的写入可用  nsstring本身的画图方法 - (CGSize)drawInRect:(CGRect)rect withFont:(UIFont *)font lineBreakMode:(UILineBreakMode)lineBreakMode alignment:(UITextAlignment)alignment;来写进去即可


18对图片放大缩小的功能就是慢了点 
    UIGraphicsBeginImageContext(newSize);
    UIImage* newImage = UIGraphicsGetImageFromCurrentImageContext();
  UIGraphicsEndImageContext();


19 CGColorGetComponents() 返回颜色的各个直 以及透明度 可用只读const float 来接收  是个数组


20 画图片 CGImageRef image=CGImageRetain(img.CGImage);
     CGContextDrawImage(context, CGRectMake(10.0, height -              
     100.0, 90.0, 90.0), image);


21 实现逐变颜色填充方法 CGContextClip(context);
    CGColorSpaceRef rgb = CGColorSpaceCreateDeviceRGB();
    CGFloat colors[] =
    {
        204.0 / 255.0, 224.0 / 255.0, 244.0 / 255.0, 1.00,
        29.0 / 255.0, 156.0 / 255.0, 215.0 / 255.0, 1.00,
        0.0 / 255.0,  50.0 / 255.0, 126.0 / 255.0, 1.00,
    };
    CGGradientRef gradient = CGGradientCreateWithColorComponents       
   (rgb, colors, NULL, sizeof(colors)/(sizeof(colors[0])*4));
    CGColorSpaceRelease(rgb);    
    CGContextDrawLinearGradient(context, gradient,CGPointMake    
   (0.0,0.0) ,CGPointMake(0.0,self.frame.size.height),                    
     kCGGradientDrawsBeforeStartLocation);
    
22 注:  画完图后,必须 
    先用CGContextStrokePath来描线,即形状 
    后用CGContextFillPath来填充形状内的颜色. 




填充一个路径的时候,路径里面的子路径都是独立填充的。
假如是重叠的路径,决定一个点是否被填充,有两种规则
1,nonzero winding number rule:非零绕数规则,假如一个点被从左到右跨过,计数器+1,从右到左跨过,计数器-1,最后,如果结果是0,那么不填充,如果是非零,那么填充。
2,even-odd rule: 奇偶规则,假如一个点被跨过,那么+1,最后是奇数,那么要被填充,偶数则不填充,和方向没有关系。


 
 Function
Description 
 CGContextEOFillPath
 使用奇偶规则填充当前路径
 CGContextFillPath
 使用非零绕数规则填充当前路径
 CGContextFillRect
 填充指定的矩形
 CGContextFillRects
 填充指定的一些矩形
 CGContextFillEllipseInRect
 填充指定矩形中的椭圆
 CGContextDrawPath
 两个参数决定填充规则,kCGPathFill表示用非零绕数规则,kCGPathEOFill表示用奇偶规则,kCGPathFillStroke表示填充,kCGPathEOFillStroke表示描线,不是填充










设置当一个颜色覆盖上另外一个颜色,两个颜色怎么混合
默认方式是
result = (alpha * foreground) + (1 - alpha) * background


CGContextSetBlendMode :设置blend mode.
CGContextSaveGState :保存blend mode.
CGContextRestoreGState:在没有保存之前,用这个函数还原blend mode.
CGContextSetBlendMode 混合俩种颜色

每日一记,养成记录的习惯

每个事物都有她在时间维度上的轨迹,当我们在适当的节点上留下一些痕迹,时间的轨迹就变得有形。养成作些记录的习惯,是有必要而且非常有意义的。         记录的方式有很多,几乎有日历功能的地方就有记...
  • triplestudio
  • triplestudio
  • 2015年12月20日 22:04
  • 1111

【腾讯Bugly干货分享】iOS黑客技术大揭秘

本文来自于腾讯bugly开发者社区,非经作者同意,请勿转载,原文地址:http://dev.qq.com/topic/5791da152168f2690e72daa4“8小时内拼工作,8小时外拼成长”...
  • Tencent_Bugly
  • Tencent_Bugly
  • 2016年07月28日 19:06
  • 2202

caffe 保存log绘曲线

在训练过程中画出accuracy 和loss曲线能够更直观的观察网络训练的状态,以便更好的优化网络的训练。本文主要介绍在基于caffe框架训练网络时,如何利用caffe自带的一些实用的工具包来绘制曲线...
  • u011597010
  • u011597010
  • 2017年02月19日 16:35
  • 2476

MFC学习日记四:Mfc消息机制与画图

创建一个画刷用CBrush类: CBrush brush(RGB(255,0,0)); //创建一个红色的画刷 CClientDC dc(this); dc.FillRect(CRect(m_p...
  • dongge_111
  • dongge_111
  • 2012年02月19日 14:24
  • 838

MFC学习日记三:Mfc消息机制与画图

4: 程序中画线首先要有两个点,那就是先要捕获两个点;windows是基于消息的编程,鼠标左键按下去获取一个点(WM_LBUTTONDOWN获取消息)拖动鼠标鼠标左键弹起来获取另外一个点(WM_LB...
  • dongge_111
  • dongge_111
  • 2012年02月18日 22:47
  • 894

一只程序猿的养成日记 第一章 第八节 栈帧结构补充

上次发的栈帧结构,莫名图片被挡掉了 重新写一次 如果有错误请各位大神指出,谢谢 第一步 初始化  建立mian函数的栈帧结构。 ...
  • weixin_40921941
  • weixin_40921941
  • 2017年12月11日 14:03
  • 16

SQL新手养成日记

基本的数据库 databases 软件名称 management studio 数据的查询 编辑 添加 ER图  dbo.EDM table和table之间有关系 叫做关系型数据库管理系...
  • mmzm002
  • mmzm002
  • 2017年06月26日 23:14
  • 64

PCB新手养成日记

电气工程师 新手养成日记 06212017 网站上面没有标注单位一般都是MM 养成一个习惯:以后拿到元件的原理图之后尽量不要想当然的自己画一个,而是要根据厂家给的参考手册。 布线顺序 芯片线--电源线...
  • mmzm002
  • mmzm002
  • 2017年06月21日 08:29
  • 108

ERP新手养成日记

------------------------------------------- 自己手动开始整理的时候,忽然发现没什么好写的? 大概是我还不大会?! ERP 中译“企业资源计划” 主要应用于两...
  • mmzm002
  • mmzm002
  • 2017年06月23日 15:50
  • 195

一个小白的程序猿养成日记02

C语言操作符简单小结Part 1 算术操作符 + - * / % (1) + c = a+b; // a=2 ,b=3 ,c...
  • Cherubim1
  • Cherubim1
  • 2017年11月17日 14:55
  • 32
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:画图养成日记
举报原因:
原因补充:

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