0829-0609modal&画图

0829-0609modal   modal采用MJ的

modal代码方式 （present dissmiss）的作用： 一来一回  方便简单

创建empty application

1、window.rootViewController = ffviewController

2、ffviewController - clickBtn方法 ->ffviewController-presentViewController:two方法   ffviewController.presentViewController=two

如果用navigationConroller initWithRootViewController:two一下  那么还可以用tow来dissmiss(或者用navigationController来dissmiss)

ffviewController.superView(也就是UIWindow).view = ffviewController.presentViewController.view (two.view);  //ffviewController暂时不用了  直接给window.view赋值

3、two dismissViewController 方法执行完毕后   two就会被销毁  

 -----------

modal- storyboard

1、创建singleview application

新建FFOneViewController继承UIViewController ffone

2、stroryboard-viewController 指定 ffone -上面拖一个button

3、拖一个 NavigationController nav1 删除nav1上面的控制器   ，   再拖一个ViewController vc1  ，  右击nav1 连线其rootViewController到vc1

4、button -》按住ctrl  连线到nav1上  选择modal  

5、vc1上拖一个UIBarbuttonItem barbtnItem1 写文字为：取消

6、新建一个FFThreeViewController three ，指定storyboard中的vc1的class为FFThreeViewController    (设置一个NSString *name属性)

7、按住barbtnItem1连线到three.h里   action为btnClick

8、btnClick里   [self dissmissViewControllerAnimated:YES comletion***

 

window.rootViewController = ffviewController;  里面有一个view，view上有一个button

------------

9、modal数据传递   重写ffone  -prepareForSegue

- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender
{// 1.取出目标控制器
     UINavigationController *nav = segue.destinationViewController;
    FFThreeViewController *three = ( FFThreeViewController *)nav.topViewController; // 获取导航控制器栈顶的控制器
    
    // 2.给目标控制器传递数据
    three.name = @"lnj";
}

 

 注意这里的nav.rootViewController没有  打印一下segue.destinatinViewController到底是什么???

只能通过nav.topViewController 拿到three

10、three的viewDidLoad里面打印 self.name; （lnj）

 

控制器关系紧密用UINavigationController 不紧密用modal

modal出来的窗口 后面的窗口不可以被点击

navigationController 和 UITabBarController是用来管理自控制器的

-------------------------

绘图quartz2D  

记住CGGraphic CGContext就可以了   layer上下文默认从 -drawRect方法里获取到    而图片上下文需要自己开启

用github上下载开源框架  十分方便的就可以画图了 

 

绘图步骤

1、获取上下文 CGContextRef ctx = UIGraphicsGetCurrentContext();

2、保存2次上下文 CGContextSaveGState(ctx);   CGContextSaveGState(ctx);

3、绘图  展示渲染

4、取出一个上下文 CGContextRestoreGState(ctx);

5、绘图 展示渲染 （或者上面保存2次 这里可以不用渲染）

6、再取出一个上下文 CGContextRestoreGState(ctx);

7、绘图 展示渲染

 

//
//  NJView.m
//  05-图形上下文栈


#import "NJView.h"

@implementation NJView

- (void)drawRect:(CGRect)rect
{
    
    
    // 获取上下文
    CGContextRef ctx = UIGraphicsGetCurrentContext();

    // 保存一份最纯洁的图形上下文
    // 调用一次该方法就会拷贝一个上下文到栈中
    CGContextSaveGState(ctx);
    CGContextSaveGState(ctx);

    
    // 第一条线
    // 利用图形上下文保存绘图信息
    CGContextMoveToPoint(ctx, 150, 20);
    CGContextAddLineToPoint(ctx, 20, 100);
    
    // 设置第一条线的状态
    CGContextSetLineWidth(ctx, 10);
    CGContextSetLineCap(ctx, kCGLineCapRound);
    [[UIColor redColor] set];
    
    // 渲染
    CGContextStrokePath(ctx);
    
    //----------
    
    // 还原开始保存的那份最纯洁的图形上下文
    CGContextRestoreGState(ctx);
    
    // 第二条线
    CGContextMoveToPoint(ctx, 80, 30);
    CGContextAddLineToPoint(ctx, 80, 150);
    /*
    // 清空状态
    CGContextSetLineWidth(ctx, 5);
    CGContextSetLineCap(ctx, kCGLineCapButt);
    [[UIColor greenColor] set];
    */
   CGContextStrokePath(ctx);
    
    //----------
    // 还原开始保存的那份最纯洁的图形上下文
    CGContextRestoreGState(ctx);
    
    // 第3条线
    CGContextMoveToPoint(ctx, 200, 30);
    CGContextAddLineToPoint(ctx, 80, 150);
    


    // 渲染
    CGContextStrokePath(ctx);
    
}


@end

 

 

1、新建FFOneView       

2、storyboard里拖一个view 指定class为 FFOneView

3、重写drawRect方法     

{

圆形、四边形、曲线、直线、椭圆绘制代码：

 

//
//  NJCircleView.m
//  03-绘制基本图形


#import "NJCircleView.h"

@implementation NJCircleView

- (void)drawRect:(CGRect)rect
{

    // 1.获取上下文
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    // 画圆
    CGContextAddArc(ctx, 100, 100, 50, 0, 2 * M_PI, 0);

    // 3.渲染 (注意, 画线只能通过空心来画)
    CGContextFillPath(ctx);
}

- (void)test3
{

    // 1.获取上下文
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    // 2.画饼状图
    // 画线
    CGContextMoveToPoint(ctx, 100, 100);
    CGContextAddLineToPoint(ctx, 100, 150);
    // 画圆弧
    CGContextAddArc(ctx, 100, 100, 50, M_PI_2, M_PI, 0);
    //    CGContextAddArc(ctx, 100, 100, 50, -M_PI, M_PI_2, 1);
    
    // 关闭路径
    CGContextClosePath(ctx);
    
    
    // 3.渲染 (注意, 画线只能通过空心来画)
    CGContextFillPath(ctx);
    //    CGContextStrokePath(ctx);
}

- (void)test2
{
    // 画圆弧
    // 1.获取上下文
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    // 2.画圆弧
    // x/y 圆心
    // radius 半径
    // startAngle 开始的弧度
    // endAngle 结束的弧度
    // clockwise 画圆弧的方向 (0 顺时针, 1 逆时针)
    //    CGContextAddArc(ctx, 100, 100, 50, -M_PI_2, M_PI_2, 0);
    CGContextAddArc(ctx, 100, 100, 50, M_PI_2, M_PI, 0);
    CGContextClosePath(ctx);
    
    // 3.渲染
    //     CGContextStrokePath(ctx);
    CGContextFillPath(ctx);
}
- (void)test
{
    // 画圆
    // 1.获取上下文
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    // 2.画圆
    CGContextAddEllipseInRect(ctx, CGRectMake(50, 100, 50, 50));
    
    [[UIColor greenColor] set];
    
    // 3.渲染
    //    CGContextStrokePath(ctx);
    CGContextFillPath(ctx);
}

@end

 

//
//  NJLineView.m
//  03-绘制基本图形


#import "NJLineView.h"

@implementation NJLineView


// 当自定义view第一次显示出来的时候就会调用drawRect方法
- (void)drawRect:(CGRect)rect
{
    // 1.取得和当前视图相关联的图形上下文(因为图形上下文决定绘制的输出目标)/
    
    // 如果是在drawRect方法中调用UIGraphicsGetCurrentContext方法获取出来的就是Layer的上下文
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    
    // 2.绘图(绘制直线), 保存绘图信息
    // 设置起点
    CGContextMoveToPoint(ctx, 10, 100);
    // 设置终点
    CGContextAddLineToPoint(ctx, 100, 100);

    // 设置绘图状态
    // 设置线条颜色 红色
    CGContextSetRGBStrokeColor(ctx, 1.0, 0, 0, 1.0);
    // 设置线条宽度
    CGContextSetLineWidth(ctx, 10);
    // 设置线条的起点和终点的样式
    CGContextSetLineCap(ctx, kCGLineCapRound);
    // 设置线条的转角的样式
    CGContextSetLineJoin(ctx, kCGLineJoinRound);
    // 绘制一条空心的线
    CGContextStrokePath(ctx);
    
    /*------------------华丽的分割线---------------------*/
    
    // 重新设置第二条线的起点
    CGContextMoveToPoint(ctx, 150, 200);
    // 设置第二条直线的终点(自动把上一条直线的终点当做起点)
    CGContextAddLineToPoint(ctx, 100, 50);
    // 设置第二条线的颜色 绿色
//    [[UIColor greenColor] set];
    CGContextSetRGBStrokeColor(ctx, 0, 1.0, 0, 1.0);
    
    // 绘制图形(渲染图形到view上)
    // 绘制一条空心的线
    CGContextStrokePath(ctx);

}


@end

 

//
//  NJRectView.m
//  03-绘制基本图形

#import "NJRectView.h"

@implementation NJRectView

- (void)drawRect:(CGRect)rect
{
    // Drawing code
    // 绘制四边形
    // 1.获取上下文
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    // 2.绘制四边形
    CGContextAddRect(ctx, CGRectMake(10, 10, 150, 100));
    
    // 如果要设置绘图的状态必须在渲染之前
//    CGContextSetRGBStrokeColor(ctx, 1.0, 0, 0, 1.0);
    // 绘制什么类型的图形(空心或者实心).就要通过什么类型的方法设置状态
//    CGContextSetRGBFillColor(ctx, 1.0, 0, 0, 1.0);
    
    // 调用OC的方法设置绘图的颜色
//    [[UIColor purpleColor] setFill];
//    [[UIColor blueColor] setStroke];
    // 调用OC的方法设置绘图颜色(同时设置了实心和空心)
//    [[UIColor greenColor] set];
    [[UIColor colorWithRed:1.0 green:0 blue:0 alpha:1.0] set];
    
    // 3.渲染图形到layer上
    CGContextStrokePath(ctx);
//    CGContextFillPath(ctx);
  
}

void test1()
{
    // 1.获取图形上下文
    CGContextRef ctx =  UIGraphicsGetCurrentContext();
    
    // 2. 绘制三角形
    // 设置起点
    CGContextMoveToPoint(ctx, 100, 10);
    // 设置第二个点
    CGContextAddLineToPoint(ctx, 50, 100);
    // 设置第三个点
    CGContextAddLineToPoint(ctx, 150, 100);
    // 设置终点
    //    CGContextAddLineToPoint(ctx, 100, 10);
    // 关闭起点和终点
    CGContextClosePath(ctx);
    // 3.渲染图形到layer上
    CGContextStrokePath(ctx);
}

@end

 

//
//  NJTextImage.m
//  03-绘制基本图形

#import "NJTextImage.h"

@implementation NJTextImage


- (void)drawRect:(CGRect)rect
{
    // Drawing code
    
//    [self test];
//    1.加载图片到内存中
    UIImage *image = [UIImage imageNamed:@"bg"];
    
    
    
    // 利用OC方法将图片绘制到layer上
    // 将图片绘制到指定的位置
//    [image drawAtPoint:CGPointMake(0, 0)];
    
    // 利用drawInRect方法绘制图片到layer, 是通过拉伸原有图片
//    [image drawInRect:CGRectMake(0, 0, 200, 200)];
    
    // 利用drawAsPatternInRec方法绘制图片到layer, 是通过平铺原有图片
    [image drawAsPatternInRect:CGRectMake(0, 0, 320, 480)];
    

}

- (void)test
{
    // 画文字
    NSString *str = @"天气好热地方和计算机的开了房间了开始的解放路口时间疯狂的老师;快疯了;SD卡;焚枯食淡;李开复;顺丰快递说了;开发;拉伸放假快乐的设计风格看了就打算离开房间的数量会计分录开始觉得";
    
    // 1.获取上下文
    //    CGContextRef ctx = UIGraphicsGetCurrentContext();
    // 2.绘图
    // 不推荐使用C语言的方法绘制文字, 因为quraz2d中的坐标系和UIkit中的坐标系不一致, 绘制出来的文字是颠倒的, 而且通过C语言的方法绘制文字相当麻烦
    //    CGContextSelectFont(<#CGContextRef c#>, <#const char *name#>, <#CGFloat size#>, <#CGTextEncoding textEncoding#>)
    //    CGContextShowText(ctx, <#const char *string#>, <#size_t length#>)
    
    // 绘制矩形
    // 1.获取上下文
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    // 2.绘图
    CGContextAddRect(ctx, CGRectMake(50, 50, 100, 100));
    // 3.渲染
    CGContextStrokePath(ctx);
    
    
    NSMutableDictionary *md = [NSMutableDictionary dictionary];
    // 设置文字颜色
    md[NSForegroundColorAttributeName] =[UIColor redColor];
    // 设置文字背景颜色
    md[NSBackgroundColorAttributeName] = [UIColor greenColor];
    // 设置文字大小
    md[NSFontAttributeName] = [UIFont systemFontOfSize:20];
    
//    将文字绘制到指点的位置
//    [str drawAtPoint:CGPointMake(10, 10) withAttributes:md];
    
//    将文字绘制到指定的范围内, 如果一行装不下会自动换行, 当文字超出范围后就不显示
    [str drawInRect:CGRectMake(50, 50, 100, 100) withAttributes:nil];
    
    
}

@end

文字绘制系统方法

    NSString *str = @"天气好热地";
NSMutableDictionary *md = [NSMutableDictionary dictionary];
    // 设置文字颜色
    md[NSForegroundColorAttributeName] =[UIColor redColor];
    // 设置文字背景颜色
    md[NSBackgroundColorAttributeName] = [UIColor greenColor];
    // 设置文字大小
    md[NSFontAttributeName] = [UIFont systemFontOfSize:20];
    
//    将文字绘制到指点的位置
//    [str drawAtPoint:CGPointMake(10, 10) withAttributes:md];
    
//    将文字绘制到指定的范围内, 如果一行装不下会自动换行, 当文字超出范围后就不显示
    [str drawInRect:CGRectMake(50, 50, 100, 100) withAttributes:nil];

 

图片绘制系统方法

UIImage *image = [UIImage imageNamed:@"me"];
    
// 按照原始大小绘制 图片对象系统方法来绘制
 [image  drawAtPoint:CGPointMake(100, 100)];

 

//
//  NJHuman.m
//  04-小黄人

#import "NJHumanView.h"

#define NJTopX rect.size.width * 0.5
#define NJTopY 150
#define NJTopRadius 80


@implementation NJHumanView

- (void)drawRect:(CGRect)rect
{
    // 1.获取上下文
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    
    // 画身体
    [self drawBody:rect context:ctx];
    
    // 画眼镜
    [self drawEyes:rect context:ctx];
    
    // 画嘴
    [self drawMouth:rect context:ctx];
    
}

- (void)drawMouth:(CGRect)rect context:(CGContextRef)ctx
{
    
    // 控制点
    CGFloat controllerX = NJTopX;
    CGFloat controllerY = rect.size.height * 0.5 + 50;
    // 当前点
    CGFloat maginX = 20;
    CGFloat maginY = 10;
    CGFloat currentX =  controllerX - maginX;
    CGFloat currentY =  controllerY - maginY;
    CGContextMoveToPoint(ctx, currentX, currentY);

    // 结束点
    CGFloat endX = controllerX + maginX;
    CGFloat endY = currentY;
    
    // cpx/cpy 是控制点的位置
    // x/y 是结束点的位置
    CGContextAddQuadCurveToPoint(ctx, controllerX, controllerY, endX, endY);
    
    // 重新设置嘴的宽度
    CGContextSetLineWidth(ctx, 1);
    // 重新设置颜色
    [[UIColor blackColor] set];
    
    CGContextStrokePath(ctx);
}

- (void)drawEyes:(CGRect)rect context:(CGContextRef)ctx
{
    // 画眼镜
    CGFloat startX = NJTopX - NJTopRadius;
    CGFloat startY = NJTopY;
    // 设置起点
    CGContextMoveToPoint(ctx, startX, startY);
    
    // 设置终点
    CGFloat endX = NJTopX + NJTopRadius;
    CGFloat endY = startY;
    CGContextAddLineToPoint(ctx, endX, endY);
    
    // 设置线条宽度
    CGContextSetLineWidth(ctx, 18);
    
    
    // 重新设置颜色
    [[UIColor blackColor] set];
    CGContextStrokePath(ctx);
    
    // 画眼睛
    //    CGContextAddEllipseInRect(ctx, CGRectMake(<#CGFloat x#>, <#CGFloat y#>, <#CGFloat width#>, <#CGFloat height#>))
    // 画大眼睛
    CGFloat leftRadius = 30;
    CGFloat leftX = NJTopX - leftRadius;
    CGFloat leftY = NJTopY;
    CGContextAddArc(ctx, leftX, leftY, leftRadius, 0, 2 * M_PI, 0);
    CGContextFillPath(ctx);
    
    // 画二眼睛
    CGFloat leftSmallRadius = 20;
    CGFloat leftSmallX = leftX;
    CGFloat leftSmallY = leftY;
    CGContextAddArc(ctx, leftSmallX, leftSmallY, leftSmallRadius, 0, 2 * M_PI, 0);
    [[UIColor whiteColor] set];
    CGContextFillPath(ctx);
}

- (void)drawBody:(CGRect)rect context:(CGContextRef)ctx
{

    // 2.绘制图形
    // 画上半圆弧
    CGFloat topX = NJTopX;
    CGFloat topY = NJTopY;
    CGFloat topRadius = NJTopRadius;
    CGContextAddArc(ctx, topX, topY, topRadius, -M_PI, 0, 0);
    
    // 画身体直线
    CGFloat middX = topX + topRadius;
    CGFloat middY = topY + 150;
    CGContextAddLineToPoint(ctx, middX, middY);
    
    
    // 画下半圆弧
    CGFloat bottomRadius = topRadius;
    CGFloat bottomX = topX;
    CGFloat bottomY = middY;
    CGContextAddArc(ctx, bottomX, bottomY, bottomRadius, 0, M_PI, 0);
    
    // 关闭路径
    CGContextClosePath(ctx);
    
    
    // 3.渲染图形
    [[UIColor colorWithRed:252/255.0 green:218/255.0 blue:0 alpha:1.0] set];
    CGContextFillPath(ctx);
}


@end

 

//
//  NJView.m
//  06-矩阵操作

#import "NJView.h"

@implementation NJView

- (void)drawRect:(CGRect)rect
{
    // 画四边形
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    
    // 保存上下文
    CGContextSaveGState(ctx);
    
    // 注意:设置矩阵操作必须在添加绘图信息之前
    CGContextRotateCTM(ctx, M_PI_4);
//    CGContextScaleCTM(ctx, 0.5, 0.5);
//    CGContextTranslateCTM(ctx, 0, 150);
    
    CGContextAddRect(ctx, CGRectMake(200, 100, 100, 100));
    
    
    CGContextRestoreGState(ctx);
    
    CGContextAddEllipseInRect(ctx, CGRectMake(20, 20, 100, 100));
    
    CGContextStrokePath(ctx);
    
}


@end

 

//  NJView.m
//  07-图片剪切

#import "NJView.h"

@implementation NJView

- (void)drawRect:(CGRect)rect
{
    
    // 画圆, 以便于以后指定可以显示内容范围
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    
    CGContextAddEllipseInRect(ctx, CGRectMake(100, 100, 50, 50));
    
    // 指定上下文中可以显示内容的范围
    CGContextClip(ctx);
    
    CGContextStrokePath(ctx);
    
    UIImage *image = [UIImage imageNamed:@"me"];
    
    // 按照原始大小绘制
    [image  drawAtPoint:CGPointMake(100, 100)];
    
}


@end

 

 

}

 

 

【   以下了解即可

 

 

 

 

 

其他：

绘制圆形、弧度、直线、四边形  用 [[UIColor blueColor] set];//推荐这样 颜色

同时支持ios和mac系统  自定义UIView  图形山下文  CGContextRef类型数据

CGContextRef 已经有typedef CGContextRef *   CGContextRef

 

 md setObject: forKey 等价于上面

  点击一个进入头文件   可以看到很多属性

  这个可以做背景图片

博客文章说明绘图的几个方法：

 】

 

--------

其他不重要的：