皮蛋豆腐酱油
皮蛋豆腐酱油

图形绘制

一.知识点

  1. Quartz2d 绘制直线，三角形 矩形 圆形 扇形
  2. Quartz2d 图表应用：柱状图 饼状图 折线图
  3. drawRect方法的触发，重绘机制
  4. 案例：下载进度条
  5. CoreGraphics核心框架之矩阵操作
  6. CoreGraphics核心框架之裁剪 水印 图层拷贝 上下文栈
  7. 案例：股市K线图
图形绘制_第1张图片

二.图形绘制

Quartz2d 绘制图形

//
//  Quartz.h

#import 
#define COLOR1 [UIColor colorWithRed:1.0  green:0.5 blue:0.31 alpha:1.0]
#define COLOR2 [UIColor colorWithRed:0.54  green:0.81 blue:0.96 alpha:1.0]
@interface Quartz : UIView

@end

//
//  Quartz.m


#import "Quartz.h"

@implementation Quartz

//1.必调  setNeedDisplay
- (void)drawRect:(CGRect)rect {
    //[self drawMyLine];    //直线
    //[self drawMyRect];    //矩形
    //[self drawMyPath1];   //非闭合三角形
    //[self drawMyPath2];   //闭合三角形
    //[self drawMyArc];     //任意弧形
    //[self drawMyArc1];    //波浪形
    //[self drawMyCircle];  //圆形
    //[self drawMyCircle1];   //弧形
    //[self drawMyProperty1];    //线条两端
    //[self drawMyProperty2]; //转折处属性设置
    //[self drawMyProperty3];   //虚线
    [self drawMyProperty4];     //条形码
}
//直线
-(void)drawMyLine {
    //1 获取绘图画板
    //2 画 属性
    //3 渲染
    CGContextRef context = UIGraphicsGetCurrentContext();
    //设置颜色
    [COLOR2 setStroke];
    CGContextSetLineWidth(context , 10.0);//当前线条宽度
    CGContextMoveToPoint(context, 100, 100);//绘制一个点
    CGContextAddLineToPoint(context, 300, 300);//另外一个点
    CGContextStrokePath(context);//渲染路径 
    
}

//矩形
-(void)drawMyRect {
    CGContextRef context = UIGraphicsGetCurrentContext();
    [COLOR1 setFill];//内部填充颜色
    [COLOR2 setStroke];//边框颜色 CGContextStrokePath(context)
    CGContextSetLineWidth(context , 10.0);//当前线条宽度
    CGContextAddRect(context, CGRectMake(100, 100, 200, 100));
//    CGContextStrokePath(context);//渲染路径 边框
//    CGContextFillPath(context);//填充
    CGContextDrawPath(context, kCGPathFillStroke);//边框+填充
    
}

//非闭合三角形（边框中有一个边没有颜色）
-(void)drawMyPath1 {
    CGContextRef context = UIGraphicsGetCurrentContext();
    [COLOR1 setFill];//内部填充颜色
    [COLOR2 setStroke];//边框颜色 CGContextStrokePath(context)
    CGContextSetLineWidth(context, 5.0);
    CGMutablePathRef pathRef = CGPathCreateMutable();//创建一个多路径
    CGPathMoveToPoint(pathRef , nil, 150, 150);//在路径上绘制一个起点
    CGPathAddLineToPoint(pathRef, nil, 300, 300);
    CGPathAddLineToPoint(pathRef, nil, 0, 300);
    CGContextAddPath(context, pathRef);
    CGContextDrawPath(context, kCGPathFillStroke);
}

//闭合 三角形
-(void)drawMyPath2 {
    CGContextRef context = UIGraphicsGetCurrentContext();
    [COLOR1 setFill];//内部填充颜色
    [COLOR2 setStroke];//边框颜色 CGContextStrokePath(context)
    CGContextSetLineWidth(context, 5.0);
    CGMutablePathRef pathRef = CGPathCreateMutable();//创建一个多路径
    CGPathMoveToPoint(pathRef , nil, 150, 150);//在路径上绘制一个起点
    CGPathAddLineToPoint(pathRef, nil, 300, 300);
    CGPathAddLineToPoint(pathRef, nil, 0, 300);
    CGPathAddLineToPoint(pathRef, nil, 150, 150);//与非闭合三角形的区别
    CGContextAddPath(context, pathRef);
    CGContextDrawPath(context, kCGPathFillStroke);
}

//任意弧形
-(void)drawMyArc {
    CGContextRef context = UIGraphicsGetCurrentContext();
    [COLOR1 setFill];//内部填充颜色
    [COLOR2 setStroke];//边框颜色 CGContextStrokePath(context)
    CGContextSetLineWidth(context, 5.0);
    CGContextMoveToPoint(context, 100, 200);//弧形起始点
    //绘制弧形，最后的300,200是弧形终点，中间点200,100
    CGContextAddCurveToPoint(context, 200, 100, 200, 100, 300, 200);
    CGContextDrawPath(context, kCGPathFillStroke);
}

//波浪形,属于任意弧形
-(void)drawMyArc1 {
    CGContextRef context = UIGraphicsGetCurrentContext();
    [COLOR1 setFill];//内部填充颜色
    [COLOR2 setStroke];//边框颜色 CGContextStrokePath(context)
    CGContextSetLineWidth(context, 5.0);
    CGContextMoveToPoint(context, 100, 200);//弧形起始点
    //绘制弧形，最后的300，200是弧形终点
    CGContextAddCurveToPoint(context, 200, 100, 200, 300, 300, 200);
    CGContextDrawPath(context, kCGPathFillStroke);
}

//圆形
-(void)drawMyCircle {
    CGContextRef context = UIGraphicsGetCurrentContext();
    [COLOR1 setFill];//内部填充颜色
    [COLOR2 setStroke];//边框颜色 CGContextStrokePath(context)
    //200,200圆心 半径150  0,M_PI*2->0到180度 最后一个参数：1顺时针0逆时针
    CGContextAddArc(context, 200, 200, 150, 0, M_PI*2, 1 );
    CGContextDrawPath(context, kCGPathFillStroke);
}

//弧形
-(void)drawMyCircle1 {
    CGContextRef context = UIGraphicsGetCurrentContext();
    [COLOR1 setFill];//内部填充颜色
    [COLOR2 setStroke];//边框颜色 CGContextStrokePath(context)
    CGContextSetLineWidth(context, 5.0);
    //200,200圆心 半径150  0,M_PI*2->0到360度 最后一个参数：1顺时针0逆时针
    CGContextAddArc(context, 200, 200, 150, 0, M_PI, 1 );
    CGContextClosePath(context);//闭合 
    CGContextDrawPath(context, kCGPathFillStroke);
}

//常见属性：1.颜色  2.线条粗细  3.线条两端  4.转折处连接  5.虚线
//线条两端（直线为例）
-(void)drawMyProperty1 {
    CGContextRef context = UIGraphicsGetCurrentContext();
    //设置颜色
    [COLOR2 setStroke];
    CGContextSetLineWidth(context , 10.0);//当前线条宽度
    //kCGLineCapSquare端点是平的线,90度
    //kCGLineCapRound端点是有弧度的圆形
    CGContextSetLineCap(context, kCGLineCapRound );
    CGContextMoveToPoint(context, 100, 100);//绘制一个点
    CGContextAddLineToPoint(context, 300, 300);//另外一个点
    CGContextStrokePath(context);//渲染路径
}

//转折处属性设置（三角形为例,转折处由尖锐的形状设为弧形）
-(void)drawMyProperty2 {
    CGContextRef context = UIGraphicsGetCurrentContext();
    [COLOR1 setFill];//内部填充颜色
    [COLOR2 setStroke];//边框颜色 CGContextStrokePath(context)
    CGContextSetLineWidth(context, 5.0);
    CGContextSetLineJoin(context, kCGLineCapRound);
    CGMutablePathRef pathRef = CGPathCreateMutable();//创建一个多路径
    CGPathMoveToPoint(pathRef , nil, 150, 150);//在路径上绘制一个起点
    CGPathAddLineToPoint(pathRef, nil, 300, 300);
    CGPathAddLineToPoint(pathRef, nil, 0, 300);
    CGPathAddLineToPoint(pathRef, nil, 150, 150);
    CGContextAddPath(context, pathRef);
    CGContextDrawPath(context, kCGPathFillStroke);
}

//虚线
-(void)drawMyProperty3 {
    CGContextRef context = UIGraphicsGetCurrentContext();
    [COLOR1 setFill];
    [COLOR2 setStroke];
    CGContextSetLineWidth(context, 10.0);
    //虚线长度 3个代表三段
    CGFloat length[] = {10,20,10};
    //3:length的size 第二个参数：绘图过程中第一个点起始位置
    CGContextSetLineDash(context, 0, length, 3);
    CGContextMoveToPoint(context, 100, 0);
    CGContextAddLineToPoint(context, 100, 700);
    CGContextStrokePath(context);
    
}

//条形码
-(void)drawMyProperty4 {
    CGContextRef context = UIGraphicsGetCurrentContext();
    [COLOR1 setFill];
    [COLOR2 setStroke];
    CGContextSetLineWidth(context, 10.0);
    
    CGFloat length[] = {1,2,1,3,1,4,2,1};
    CGContextSetLineDash(context, 0, length, 8);
    CGContextMoveToPoint(context, 100, 0);
    CGContextAddLineToPoint(context, 100, 700);
    CGContextStrokePath(context);
    
}
@end

//
//  ViewController.m

#import "ViewController.h"
#import "Quartz.h"
@interface ViewController () {
    Quartz *quartz2d;
}

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    quartz2d = [[Quartz alloc]initWithFrame:self.view.bounds];
    [self.view addSubview:quartz2d];
    [quartz2d setNeedsDisplay];
}


- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}


@end
图形绘制_第2张图片
虚线效果图.jpeg
图形绘制_第3张图片
条形码效果图.jpeg

三.图表绘制

图形绘制_第4张图片 
//
//  Quartz2D.h

#import 
#define COLOR1 [UIColor colorWithRed:0.30 green:0.73 blue:0.49 alpha:1.0]
#define COLOR2 [UIColor colorWithRed:1.0 green:1.0 blue:1.0 alpha:1.0]
#define COLOR3 [UIColor colorWithRed:0.65 green:0.43 blue:0.87 alpha:1.0]
#define COLOR4 [UIColor colorWithRed:0.28 green:0.77 blue:0.30 alpha:1.0]
#define COLOR5 [UIColor colorWithRed:0.97 green:0.55 blue:0.62 alpha:1.0]

@interface Quartz2D : UIView
-(void)drawXY:(CGContextRef )context;
@end

//
//  Quartz2D.m
#import "Quartz2D.h"

@implementation Quartz2D


- (void)drawRect:(CGRect)rect {
    // Drawing code
    [self drawMyLine];
}

//折线图 1.坐标 2.内容
-(void)drawMyLine {
    CGContextRef context = UIGraphicsGetCurrentContext();
    //2.内容:直线
    [COLOR1 setStroke];
    CGContextSetLineWidth(context, 10.0);
    //1.坐标
    //图形的上下文栈 1.save 入栈 2.Restore 出栈
    CGContextSaveGState(context);
    [COLOR2 setStroke];
    CGContextSetLineWidth(context, 1.0);
    [self drawXY:context];
    CGContextRestoreGState(context);
    
    //直线
    CGContextMoveToPoint(context, 70, 260);
    CGContextAddLineToPoint(context, 100, 50);
    CGContextAddLineToPoint(context, 200, 240);
    CGContextAddLineToPoint(context, 250, 170);
    CGContextAddLineToPoint(context, 350, 210);
    CGContextStrokePath(context);
}

-(void)drawXY:(CGContextRef )context {
    CGContextMoveToPoint(context, 50, 350);
    CGContextAddLineToPoint(context, 410, 350);
    CGContextAddLineToPoint(context, 400, 345);//箭头
    CGContextMoveToPoint(context, 410, 350);
    CGContextAddLineToPoint(context, 400, 355);//箭头
    
    CGContextMoveToPoint(context, 50, 350);
    CGContextAddLineToPoint(context, 50, 20);
    CGContextAddLineToPoint(context, 45, 30);//箭头
    CGContextMoveToPoint(context, 50, 20);
    CGContextAddLineToPoint(context, 55, 30);//箭头
    
    CGContextStrokePath(context);
    
}

//柱状图：width+line设置直线，加粗
-(void)drawMyBarChart1 {
    CGContextRef context = UIGraphicsGetCurrentContext();
    //2.内容:直线
    [COLOR1 setStroke];
    CGContextSetLineWidth(context, 25.0);
    //1.坐标
    //图形的上下文栈 1.save 入栈 2.Restore 出栈
    CGContextSaveGState(context);
    [COLOR2 setStroke];
    CGContextSetLineWidth(context, 1.0);
    [self drawXY:context];
    CGContextRestoreGState(context);
    
    CGContextMoveToPoint(context, 90, 320);
    CGContextAddLineToPoint(context, 90, 50);
    
    CGContextMoveToPoint(context, 160, 320);
    CGContextAddLineToPoint(context, 160, 50);
    
    CGContextMoveToPoint(context, 230, 320);
    CGContextAddLineToPoint(context, 230, 240);
    
    CGContextMoveToPoint(context, 300, 320);
    CGContextAddLineToPoint(context, 300, 170);
    
    CGContextMoveToPoint(context, 370, 320);
    CGContextAddLineToPoint(context, 370, 210);
    
    CGContextStrokePath(context);
}

//空心柱状图：设置矩形
-(void)drawMyBarChart2 {
    CGContextRef context = UIGraphicsGetCurrentContext();
    //2.内容:直线
    [COLOR1 setStroke];
    CGContextSetLineWidth(context, 3.0);
    //1.坐标
    //图形的上下文栈 1.save 入栈 2.Restore 出栈
    CGContextSaveGState(context);
    [COLOR2 setStroke];
    CGContextSetLineWidth(context, 1.0);
    [self drawXY:context];
    CGContextRestoreGState(context);
    
    CGContextAddRect(context, CGRectMake(80, 250, 40, 70));
    CGContextAddRect(context, CGRectMake(150, 250, 40, 70));
    CGContextAddRect(context, CGRectMake(220, 80, 40, 240));
    CGContextAddRect(context, CGRectMake(290, 140, 40, 180));
    CGContextAddRect(context, CGRectMake(360, 40, 40, 280));
    
    CGContextDrawPath(context, kCGPathStroke);
}

//饼状图
-(void)drawMyPie {
    CGContextRef context = UIGraphicsGetCurrentContext();
    
    CGContextSaveGState(context);
    [COLOR2 setStroke];
    CGContextSetLineWidth(context, 1.0);
    CGContextMoveToPoint(context, 200, 200);//圆心
    CGContextAddArc(context, 200, 200, 150, 0, M_PI*2, 0);//绘制圆
    CGContextDrawPath(context, kCGPathStroke);
    CGContextRestoreGState(context);
    //饼状图part1
    CGContextSaveGState(context);
    [COLOR2 setFill];
    CGContextSetLineWidth(context, 1.0);
    CGContextMoveToPoint(context, 200, 200);
    CGContextAddArc(context, 200, 200, 150, 0, M_PI*2*0.6, 0);
    CGContextDrawPath(context, kCGPathFill);
    CGContextRestoreGState(context);
    
    //饼状图part2
    CGContextSaveGState(context);
    [COLOR3 setFill];
    CGContextSetLineWidth(context, 1.0);
    CGContextMoveToPoint(context, 200, 200);
    CGContextAddArc(context, 200, 200, 150, M_PI*2*0.6, M_PI*2*0.8, 0);
    CGContextDrawPath(context, kCGPathFill);
    CGContextRestoreGState(context);
    
    //饼状图part3
    CGContextSaveGState(context);
    [COLOR4 setFill];
    CGContextSetLineWidth(context, 1.0);
    CGContextMoveToPoint(context, 200, 200);
    CGContextAddArc(context, 200, 200, 150, M_PI*2*0.8, M_PI*2*0.95, 0);
    CGContextDrawPath(context, kCGPathFill);
    CGContextRestoreGState(context);
    
    //饼状图part4
    CGContextSaveGState(context);
    [COLOR5 setFill];
    CGContextSetLineWidth(context, 1.0);
    CGContextMoveToPoint(context, 200, 200);
    CGContextAddArc(context, 200, 200, 150, M_PI*2*0.95, M_PI*2, 0);
    CGContextDrawPath(context, kCGPathFill);
    CGContextRestoreGState(context);
    
    //比例
    CGContextSaveGState(context);
    [COLOR3 setStroke];
    CGContextSetLineWidth(context, 1.0);
    CGContextMoveToPoint(context, 200, 320);
    CGContextAddLineToPoint(context, 260, 370);
    CGContextAddLineToPoint(context, 330, 370);
    CGContextDrawPath(context, kCGPathStroke);
    CGContextRestoreGState(context);
    
    //百分比：1.文字渲染（还没讲） 2.UILabel
    UILabel *lab = [[UILabel alloc]initWithFrame:CGRectMake(330, 357, 50, 20)];
    lab.text = @"60.0%";
    lab.textColor = COLOR3;
    [self addSubview:lab];//注意不要增加到self.view上
}
@end

//
//  ViewController.m


#import "ViewController.h"
#import "Quartz2D.h"
@interface ViewController () {
    Quartz2D *quartz2dView;
}

@end


@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    quartz2dView = [[Quartz2D alloc]initWithFrame:self.view.bounds];
    [self.view addSubview:quartz2dView];
    [quartz2dView setNeedsDisplay];
}


- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}


@end
图形绘制_第5张图片
饼状图效果图.jpeg

四.drawRect认识

  1. UIView drawRect方法
  2. 让用户对于当前view重新绘制
  3. 调用：不在init方法调用，在设置当前frame或改变大小时被触发，在主动调用setNeedsDisplay时也会被触发

五.下载进度条的实现

//
//  Quartz.h

#import 
#define COLOR1 [UIColor colorWithRed:0.30 green:0.73 blue:0.49 alpha:1.0]
#define COLOR2 [UIColor colorWithRed:0.65 green:0.43 blue:0.87 alpha:1.0]
@interface Quartz : UIView
@property(nonatomic,assign)int percent;
@end

//
//  Quartz.m

#import "Quartz.h"

@implementation Quartz
-(instancetype)initWithFrame:(CGRect)frame {
    self = [super initWithFrame:frame];
    if (self) {
        self.percent = 0;
    }
    return self;
}

- (void)drawRect:(CGRect)rect {
    if (self.percent != 0) {
        CGContextRef context = UIGraphicsGetCurrentContext();
        [COLOR1 setStroke];
        CGContextSetLineCap(context, kCGLineCapRound);
        CGContextSetLineWidth(context, 15.0);
        CGContextMoveToPoint(context, 25, 208);
        CGContextAddLineToPoint(context, 25+(self.percent/100.0)*(414-50), 208);//414是iPhone6s plus屏幕的宽度
        CGContextStrokePath(context);
    }
}


@end

//
//  ViewController.m

#import "ViewController.h"
#import "Quartz.h"
@interface ViewController () {
    Quartz *quartzView;
    int i;//描述当前百分比
    UILabel *lab;
}

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    self.view.backgroundColor = [UIColor blackColor];
    
    UIView *view = [[UIView alloc]initWithFrame:CGRectMake(20, 200, 414-40, 15)];
    view.backgroundColor = COLOR2;
    view.layer.cornerRadius = 7.0;
    [self.view addSubview:view];
    
    lab = [[UILabel alloc]initWithFrame:CGRectMake(414-120, 170, 100, 20)];
    lab.text = @"0.0%";
    lab.textColor = [UIColor whiteColor];
    lab.textAlignment = NSTextAlignmentRight;
    [self.view addSubview:lab];
    
    quartzView = [[Quartz alloc]initWithFrame:self.view.bounds];
    quartzView.backgroundColor = [UIColor clearColor];
    [self.view addSubview:quartzView];
    
    i = 0;
    NSTimer *timer = [NSTimer scheduledTimerWithTimeInterval:0.5 target:self selector:@selector(loadRefresh) userInfo:nil repeats:true];
    
}

-(void)loadRefresh {
    if (i<100) {
        i++;
    }else {
        i = 100;
    }
    quartzView.percent = i;
    [quartzView setNeedsDisplay];
    lab.text = [NSString stringWithFormat:@"%d%@",i,@"%"];
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}


@end
图形绘制_第6张图片
下载进度条效果图.jpeg

六.图形上下文栈

  1. 图形上下文栈概念
  2. 图片绘制
  3. 图片裁剪
  4. 文字log绘制
  5. 图片log
  6. 图片几何变换
  7. 屏幕截屏
//
//  ViewController.m

#import "ViewController.h"
#import "Quartz.h"
@interface ViewController () {
    Quartz *quartzView;
    
}

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    quartzView = [[Quartz alloc]initWithFrame:self.view.bounds];
    [self.view addSubview:quartzView];
    [quartzView setNeedsDisplay];
}


- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}


@end

//
//  Quartz.h


#import 
#define COLOR1 [UIColor colorWithRed:0.30 green:0.73 blue:0.49 alpha:1.0]
#define COLOR2 [UIColor colorWithRed:0.65 green:0.43 blue:0.87 alpha:1.0]
@interface Quartz : UIView

@end

//
//  Quartz.m


#import "Quartz.h"

@implementation Quartz


- (void)drawRect:(CGRect)rect {
//    [self drawMyLine];
//    [self drawMyImage];
//    [self drawMyImageClip];
//    [self drawMyTitle];
//    [self drawMyImage2];
//    [self drawMyImage3];

}
//图层上下文栈
-(void)drawMyLine {
    CGContextRef context = UIGraphicsGetCurrentContext();
    //在图层上下文栈之间，设置的属性只对该栈内起作用
    CGContextSaveGState(context);//入栈
    [COLOR1 setStroke];
    CGContextSetLineWidth(context, 10.0);
    CGContextMoveToPoint(context, 100, 20);
    CGContextAddLineToPoint(context, 100, 400);
    CGContextStrokePath(context);
    CGContextRestoreGState(context);//出栈
    
    CGContextSaveGState(context);//入栈
    [COLOR2 setStroke];
    CGContextSetLineWidth(context, 2.0);
    CGContextMoveToPoint(context, 200, 20);
    CGContextAddLineToPoint(context, 200, 400);
    CGContextStrokePath(context);
    CGContextRestoreGState(context);//出栈
    
    CGContextSaveGState(context);//入栈
    [COLOR1 setStroke];
    CGContextSetLineWidth(context, 6.0);
    CGContextMoveToPoint(context, 300, 20);
    CGContextAddLineToPoint(context, 100, 400);
    CGContextStrokePath(context);
    CGContextRestoreGState(context);//出栈
}
//图片绘制
-(void)drawMyImage {
    UIImage *image = [UIImage imageNamed:@"3.jpg"];
//    [image drawAtPoint:CGPointMake(100, 100)];//把图片(左上角)绘制到某一个点
//    [image drawInRect:CGRectMake(100, 100, 300, 600)];//把图片填充到某一区域
    
    [image drawAsPatternInRect:CGRectMake(100, 100, 300, 600)];//快速拷贝到充满整个区域
}

//图片裁剪:裁剪成圆形
-(void)drawMyImageClip {
    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextSaveGState(context);
    CGContextAddEllipseInRect(context, CGRectMake(150, 150, 60, 60));//创建一个60*60内部是圆形的矩形
    CGContextClip(context);//裁剪
    CGContextFillPath(context);
    UIImage *image = [UIImage imageNamed:@"3.jpg"];
    [image drawAtPoint:CGPointMake(150, 150)];
    CGContextRestoreGState(context);
}

//文字log绘制
-(void)drawMyTitle {
    NSString *str = @"balabala";
    UIImage *image = [UIImage imageNamed:@"3.jpg"];
    [image drawAtPoint:CGPointMake(100, 100)];
    NSMutableParagraphStyle *paragraphStyle = [[NSMutableParagraphStyle defaultParagraphStyle]mutableCopy];
    paragraphStyle.lineBreakMode = NSLineBreakByClipping;//截断方式
    //3个属性：文字大小 文字截断方式 颜色
    NSDictionary *dic = @{NSFontAttributeName:[UIFont systemFontOfSize:10.0],NSParagraphStyleAttributeName:paragraphStyle,NSForegroundColorAttributeName:[UIColor greenColor]};
    [str drawInRect:CGRectMake(100, 100, 100, 10) withAttributes:dic];
}

//图片log绘制:呈现的效果是图片的左上角有一张小的图片
-(void)drawMyImage2 {
    UIImage *image = [UIImage imageNamed:@"3.jpg"];
    [image drawAtPoint:CGPointMake(100, 100)];
    [image drawAsPatternInRect:CGRectMake(100, 100, 30, 20)];
}

//图片几何变换:不是将图片整个旋转，而是将图片里每一个像素点进行旋转
//后数据 算法优化 -> 特效相机  会用到 很重要
-(void)drawMyImage3 {
    UIImage *image = [UIImage imageNamed:@"3.jpg"];
    size_t width = 100;
    size_t height = 63;
    //每个像素：R+G+B+alpha 每个元素占一个字节，所以*4
    //RGB(对一种颜色进行编码的方法,红、绿、蓝) alpha
    size_t bytePerRow = width*4;
    CGImageAlphaInfo alphaInfo = kCGImageAlphaPremultipliedFirst;
    //参数4：每个元素数据位数，1字节=8bits
    CGContextRef bitmapContext = CGBitmapContextCreate(NULL, width, height , 8, bytePerRow, CGColorSpaceCreateDeviceRGB(),kCGBitmapByteOrderDefault| alphaInfo);
    //渲染
    CGContextDrawImage(bitmapContext, CGRectMake(0, 0, width, height), image.CGImage);
    UInt8 *data = (UInt8 *)CGBitmapContextGetData(bitmapContext);
    //vImage_Buffer是图像的缓存
    vImage_Buffer src = {data,height,width,bytePerRow};//源
    vImage_Buffer dest = {data,height,width,bytePerRow};//目标
    Pixel_8888 bgColor = {0,0,0,0};
    //&符号是取地址符号，准确的获取到存储数据的位置。
    vImageRotate_ARGB8888(&src, &dest, NULL, M_PI, bgColor, kvImageBackgroundColorFill);
    
    CGImageRef rotateImageRef = CGBitmapContextCreateImage(bitmapContext);
    UIImage *imageNew = [UIImage imageWithCGImage:rotateImageRef scale:0.5  orientation:image.imageOrientation];//scale:缩放 imageOrientation:图片原始方向
    [imageNew drawAtPoint:CGPointMake(100, 100)];
    
}
@end

屏幕截屏
这个功能需要添加权限，因为需要访问相册
Privacy - Photo Library Usage Description
Privacy - Photo Library Additions Usage Description
一定要添加文字，不可以为空

权限.jpeg 
/*  这是一个UIView的分类，截屏功能是对当前的view进行操作， 如果我们把实现代码
写在UIView的分类中，就直接可以通过self.view调用方法名来获取截屏后的图片*/
//  UIView+ScreenView.h


#import 

@interface UIView (ScreenView)
-(UIImage*)imageScreenShot;
@end


//
//  UIView+ScreenView.m

#import "UIView+ScreenView.h"

@implementation UIView (ScreenView)
-(UIImage*)imageScreenShot {
    UIGraphicsBeginImageContext(self.frame.size);
    [self.layer renderInContext:UIGraphicsGetCurrentContext()];
    UIImage *imageNew = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    return imageNew;
}
@end

//
//  ViewController.m


#import "ViewController.h"
#import "UIView+ScreenView.h"
@interface ViewController () {
     
}

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    UIImage *image = [self.view imageScreenShot];
    //保存到本地相册
    UIImageWriteToSavedPhotosAlbum(image, nil, nil, nil);
}


- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}


@end

七.股市K线的实现

图形绘制_第7张图片

红色代表涨了，绿色代表跌了
白色线：MA5，最近5天收盘价的平均值
黄色线：MA10或MA20


图形绘制_第8张图片
名词解释

data.txt 1.当天的时间 2.开盘价 3.收盘价 4.当天最高价 5.当天最低价 6.成交量

150821 10.95 9.59 11.37 9.52 3040949
150828 9.30 8.78 9.30 7.65 3307582
150902 8.74 9.10 9.25 8.26 1975752
150911 9.00 9.08 9.35 8.27 2154360
150918 9.08 8.44 9.08 7.98 1670966
150925 8.38 8.32 8.99 8.27 1326006
150930 8.27 8.21 8.39 8.12 278988
151009 8.49 8.49 8.56 8.36 575752
151016 8.54 9.06 9.10 8.52 1843725
151023 9.18 9.64 9.79 8.70 2815237
151030 9.82 9.45 9.87 9.12 2154922
151106 9.25 9.74 9.94 9.03 2084890
151113 9.70 9.35 10.05 9.33 1827356
151120 9.11 9.65 10.07 9.11 1937990
151127 9.64 9.14 9.84 9.09 1444027
151204 9.20 12.55 13.00 9.07 6999919
151211 12.50 11.43 12.78 11.15 7759820
151218 11.59 12.39 13.48 11.34 5905508
151225 12.22 12.79 14.90 12.21 8191994
151231 12.76 11.53 12.84 11.52 3759800
160108 11.50 10.02 11.55 9.33 4023011
160115 9.80 9.78 10.37 9.01 4403801
160122 9.60 9.44 10.45 9.16 3170055
160129 9.46 8.61 9.60 8.01 2335738
160205 8.55 9.00 9.29 8.45 1996550
160219 8.69 9.00 9.44 8.64 1433428
160226 9.15 8.51 9.43 8.34 1741154
160304 8.66 9.64 10.16 8.53 4128644
160311 9.90 8.88 9.90 8.80 1314886
160318 9.00 9.36 9.44 8.86 1375466
160325 9.50 9.50 9.70 9.23 1596092
160401 9.55 9.25 9.55 8.98 1104512
160408 9.25 9.17 9.47 9.08 841764
160415 9.21 9.44 9.50 9.11 1089570
160422 9.44 9.09 9.44 8.86 763694
160429 9.09 9.03 9.13 8.86 495156
160506 9.05 9.53 9.77 8.99 1554858
160513 9.43 9.84 10.70 9.21 2716045
160520 9.85 10.02 10.31 9.58 1693427
160527 9.97 9.63 10.06 9.40 797109
160603 9.65 10.16 10.24 9.56 1150485
160608 10.30 9.91 10.32 9.87 506659
160617 9.83 9.57 9.83 9.41 886345
160624 9.59 9.31 9.70 9.15 697778
160701 9.27 9.77 9.85 9.24 980400
160708 9.73 9.75 10.11 9.48 1569575
160715 9.73 10.04 10.31 9.62 1385489
160722 9.98 9.74 10.03 9.66 781721
160729 9.73 10.40 10.85 9.68 1548811
160805 10.35 10.98 11.56 10.02 1693267
160812 10.93 11.74 11.74 10.54 2180460
160819 12.11 13.70 14.43 11.94 7758308
160826 13.60 11.90 14.14 11.81 4959598
160902 11.94 11.66 12.78 11.53 3379144
160909 11.71 11.46 11.90 11.45 1543169
160914 11.20 11.13 11.36 11.05 767659
160923 11.20 11.82 12.45 11.11 2440352

//
//  StockClass.h

#import 

@interface StockClass : NSObject
@property(nonatomic,copy) NSString *time;//股票交易时间
@property(nonatomic,assign) float beginPrice;
@property(nonatomic,assign) float endPrice;
@property(nonatomic,assign) float maxPrice;
@property(nonatomic,assign) float minPrice;
@property(nonatomic,assign) int tradeVolume;//成交额 

@end

//
//  QuartzChart.h

#import 
#import "StockClass.h"
@interface QuartzChart : UIView
-(instancetype)initWithFrame:(CGRect)frame stockData:(NSMutableArray *) mstockData;
@end

//
//  QuartzChart.m

#import "QuartzChart.h"

#define COLOR1 [UIColor colorWithRed:220/255.0 green:20/255.0 blue:60/255.0 alpha:1.0]
#define COLOR2 [UIColor colorWithRed:34/255.0 green:139/255.0 blue:34/255.0 alpha:1.0]
#define BEGIN_Y 300
@interface QuartzChart() {
    NSMutableArray *stockData;
}

@end
@implementation QuartzChart
-(instancetype)initWithFrame:(CGRect)frame stockData:(NSMutableArray *) mstockData {
    self = [super initWithFrame:frame];
    if (self) {
        stockData = mstockData;
    }
    return self;
}

- (void)drawRect:(CGRect)rect {
    [self drawMyRect];
    [self drawMyLine];
}
//柱状图
-(void)drawMyRect {
    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextSetLineWidth(context, 1.0);
    for (int i = 17; i endPrice) {
            //下跌
            CGContextAddRect(context, [self getCurrentRect:i-17 beginPrice:beginPrice endPrice:endPrice]);
            CGContextDrawPath(context, kCGPathFillStroke);
        }else{
            //上涨
            CGContextSaveGState(context);
            [COLOR1 setStroke];
            [COLOR1 setFill];
            CGContextAddRect(context, [self getCurrentRect:i-17 beginPrice:beginPrice endPrice:endPrice] );
            CGContextDrawPath(context, kCGPathFillStroke);
            CGContextRestoreGState(context);
        }
    }
}

-(CGRect)getCurrentRect:(int)i beginPrice:(float)beginPrice endPrice:(float)endPrice {
    CGFloat x = i*414.0/40;
    CGFloat y = 0;
    CGFloat w = 414.0/40-4;
    CGFloat h = fabsf(beginPrice - endPrice);//绝对值
    if (beginPrice>endPrice) {
        y=300-beginPrice;
    }else {
        y = 300-endPrice;
    }
    return CGRectMake(x, y, w, h);
}

//上下引线
-(void)drawMyLine {
    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextSetLineWidth(context, 1.0);
    for (int i = 17; i endPrice) {
            //下跌
            CGPoint maxBeginPoint = [self getMaxBeginPoint:i-17 maxPrice:maxPrice];
            CGContextMoveToPoint(context, maxBeginPoint.x, maxBeginPoint.y);
            CGPoint maxEndPoint = CGPointMake(maxBeginPoint.x, BEGIN_Y-endPrice);
            CGContextAddLineToPoint(context, maxEndPoint.x, maxEndPoint.y);
            
            CGPoint minBeginPoint = [self getMinBeginPoint:i-17 lowPrice:beginPrice];
            CGContextMoveToPoint(context, minBeginPoint.x, minBeginPoint.y);
            CGPoint minEndPoint = CGPointMake(minBeginPoint.x, BEGIN_Y-minPrice);
            CGContextAddLineToPoint(context, minEndPoint.x, minEndPoint.y);
            
            CGContextDrawPath(context, kCGPathFillStroke);
            
        }else {
            //上涨
            CGContextSaveGState(context);
            [COLOR1 setStroke];
            [COLOR1 setFill];
            
            CGPoint maxBeginPoint = [self getMaxBeginPoint:i-17 maxPrice:maxPrice];
            CGContextMoveToPoint(context, maxBeginPoint.x, maxBeginPoint.y);
            CGPoint maxEndPoint = CGPointMake(maxBeginPoint.x, BEGIN_Y-beginPrice);;
            CGContextAddLineToPoint(context, maxEndPoint.x, maxEndPoint.y);
            
            CGPoint minBeginPoint = [self getMinBeginPoint:i-17 lowPrice:endPrice];
            CGContextMoveToPoint(context, minBeginPoint.x, minBeginPoint.y);
            CGPoint minEndPoint = CGPointMake(minBeginPoint.x, BEGIN_Y-minPrice);
            CGContextAddLineToPoint(context, minEndPoint.x, minEndPoint.y);
            
            CGContextDrawPath(context, kCGPathFillStroke);
            CGContextRestoreGState(context);
        }
    }
}

-(CGPoint)getMaxBeginPoint:(int)i maxPrice:(float)maxPrice {
    CGFloat w = 414.0/40-4 ;
    CGFloat x = i*414.0/40+w/2;
    CGFloat y = BEGIN_Y - maxPrice;
    return CGPointMake(x, y);
}

-(CGPoint)getMinBeginPoint:(int)i lowPrice:(float)lowPrice {
    CGFloat w = 414.0/40-4 ;
    CGFloat x = i*414.0/40+w/2;
    CGFloat y = BEGIN_Y - lowPrice;
    return CGPointMake(x, y);
}


@end

//
//  ViewController.m
//  1.数据处理 2.K线图绘制
//  1.1数据加载 1.2数据解析 1.3数据归一化处理
#import "ViewController.h"
#import "StockClass.h"
#import "QuartzChart.h"
@interface ViewController ()

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    NSMutableArray *array1 = [self loadStockData];
    NSMutableArray *array2 = [self parseStockData:array1];
    NSMutableArray *newStock = [self normalizingData:array2];
    
    QuartzChart *quartz = [[QuartzChart alloc]initWithFrame: self.view.frame stockData:newStock];
    [self.view addSubview:quartz];
    [quartz setNeedsDisplay];
}
//数据加载
-(NSMutableArray *)loadStockData {
    NSString *filePath = [[NSBundle mainBundle]pathForResource:@"data" ofType:@"txt"];
    NSData *data = [NSData dataWithContentsOfFile:filePath];
    NSString *stockListStr = [[NSString alloc]initWithData:data encoding:NSUTF8StringEncoding];
    //将每行数据放入数组
    NSMutableArray *array = [[NSMutableArray alloc] initWithArray:[stockListStr componentsSeparatedByString:@"\n"]];
    return array;
}

//数据解析
-(NSMutableArray *)parseStockData:(NSMutableArray *)stockData {
    [stockData removeLastObject];
    NSMutableArray *stockArray = [[NSMutableArray alloc]init];
    for (int i = 0; i minPrice) {
            minPriceAll = minPrice;
        }
        if (maxTradeAll < trade) {
            maxTradeAll = trade;
        }
        if (minTradeAll > trade) {
            minTradeAll = trade;
        }
    }
    NSMutableArray *newStock = [[NSMutableArray alloc]init];
    for (StockClass *item in stockData) {
        item.beginPrice = (item.beginPrice - minPriceAll)*300/(maxPriceAll - minPriceAll);//先转换为0到1之间，再转换为0到300之间
        item.endPrice = (item.endPrice - minPriceAll)*300/(maxPriceAll - minPriceAll);
        item.maxPrice = (item.maxPrice - minPriceAll)*300/(maxPriceAll - minPriceAll);
        item.minPrice = (item.minPrice - minPriceAll)*300/(maxPriceAll - minPriceAll);
        item.tradeVolume = (item.tradeVolume - minTradeAll)*300/(maxTradeAll - minTradeAll);
        [newStock addObject:item];
    }
    return newStock;
}
- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}


@end
图形绘制_第9张图片
K线图效果图.jpeg

你可能感兴趣的:(图形绘制)

  • WPF绘图(基础图形：直线、矩形和椭圆) 未来无限 C#WPF程序设计wpf绘图直线矩形椭圆
    目录一、概述二、基本图形绘制2.1直线2.2矩形2.3椭圆一、概述与传统的.NET开发使用GDI+进行绘图不同，WPF拥有自己的一套图形API，绘图为矢量图。绘图可以在任何一种布局控件中完成，wpf会根据容器计算相应坐标。最常用的是Canvas和Grid。基本图形包括以下几个，都是Shaper类的派生类。1、Line，直线段，可以设置Stroke2、Rectangle，有Stroke也有Fill3
  • Python：100行完成属于你的第一个贪吃蛇 ling1s python开发语言
    目录综述制作前的分析任务分析对象分析编程思路分析代码块引用定义变量函数函数一：change（x，y）函数二：inside_map()函数三：inside_snake()函数四：deffruit_appear()函数五：gameLoop()蛇吃东西的机制死亡判定画图相关主函数完整程序总结综述turtle库是Python的一个图形绘制库，它可以通过简单的命令来控制一个小海龟在窗口上绘制图形。这个库的设
  • C# 图形图像技术（通过Graphics绘制图像） 萨达大 c#开发语言
    文章目录创建Graphics对象画笔与画刷画笔画刷SolidBrush类HatchBrush类LinerGradientBrush类基本图形绘制矩形椭圆圆弧扇形创建Graphics对象privatevoidForm1_Load(objectsender,Eventargse){Graphicsghs=this.CreateGraphics();}画笔与画刷画笔构造函数publicPen(Color
  • python常用库学习-Matplotlib使用 问道飞鱼 Python相关内容python学习matplotlib
    文章目录安装Matplotlib导入库基本示例1.绘制简单的线图2.散点图3.柱状图4.直方图5.子图更多高级功能1.自定义样式2.文本和注释3.保存图形示例：使用Matplotlib绘制多个图表示例1:绘制多个线图示例2:绘制散点图和直方图参考文献Matplotlib是Python中一个非常流行的绘图库，它提供了大量的图形绘制功能，可以创建各种静态、动态和交互式的图表。下面是一些使用Matplo
  • Python语言程序设计入门-0.2 孟德尔的小豌豆007
    0.2.1课程内容概述课程内容设计-符合认知规律、快速入门、全体系内容-三部分：第一部分：快速入门（2）2个实例，基本语法元素第二部分：基础语法（5）五个方面基础语法全体系，10个实例第三部分：编程思维（2）方法学0.2.2渐进式体验1.快速入门week1.观察一段代码，学会编写和运行-感受风格-了解逻辑-理解每个词week2.python基本图形绘制，学会绘图进一步观察一段代码-感受风格-了解逻
  • 鸿蒙（API 12 Beta6版）图形【使用Drawing实现图形绘制与显示 (C/C++)】方舟2D图形服务 移动开发技术栈 鸿蒙开发c语言c++harmonyosopenharmony移动开发鸿蒙鸿蒙系统
    场景介绍NativeDrawing模块提供了一系列的接口用于基本图形和字体的绘制。Drawing绘制的内容无法直接在屏幕上显示，需要借用XComponent以及NativeWindow的能力支持，将绘制的内容通过NativeWindow送显。接口说明Drawing常用接口如下表所示。接口名描述OH_Drawing_BitmapCreate(void)创建一个位图对象。OH_Drawing_Bitm
  • cv2 画多边形不填充_opencv 画图 虎哥说衣不二 cv2画多边形不填充
    learningopencv第6章第1题解决方案前言opencv提供了丰富的函数用以图形绘制，包括矩形，线条，椭圆和多边形等，本篇文章对opencv的基本绘图函数做了一些介绍和说明。椭圆绘制绘制椭圆的函数说明和参数说明如下：voidellipse(InputOutputArrayimg,Pointcenter,Sizeaxes,doubleangle,doublestartAngle,double
  • 练习2：Python基本图形绘制（第2周） 一个毛毛虫 python开发语言
    练习2：Python基本图形绘制（第2周）实例1:Python蟒蛇绘制这是"实例"题，与课上讲解实例相同，请作答检验学习效果。‪‬‪‬‪‬‪‬‪‬‮‬‫‬‫‬‪‬‪‬‪‬‪‬‪‬‮‬‭‬‪‬‪‬‪‬‪‬‪‬‪‬‮‬‪‬‫‬‪‬‪‬‪‬‪‬‪‬‮‬‪‬‫‬‪‬‪‬‪‬‪‬‪‬‮‬‫‬‭‬‪‬‪‬‪‬‪‬‪‬‮‬‪‬‪‬‪‬‪‬‪‬‪‬‪‬‮‬‭‬‫‬‪‬‪‬‪‬‪‬‪‬‮‬‪‬‮‬‪‬‪‬‪‬‪‬‪
  • QGIS编译（跨平台编译）之四十九：cairo编译（Windows、Linux、MacOS环境下编译） 翰墨之道 QGIS编译windowslinuxmacoscairocairo+qtQGIS编译
    文章目录一、cairo介绍二、cairo下载三、Linux下编译四、MacOS下编译五、Windows下编译一、cairo介绍Cairo是一种开源的图形库，提供了用于多种输出设备的统一图形绘制API。它设计用来生成高质量的输出，并在各种输出媒介上提供一致的视觉效果，包括屏幕、打印机、PDF文件等。Cairo支持向量图形，这意味着它可以输出无损缩放的图形，非常适合需要高分辨率输出的应用场景。主要特性
  • 初步探索Pyglet库：打造轻量级多媒体与游戏开发利器 Hann Yang Pythonpythonpyglet
    目录pyglet库功能特点安装和导入安装导入基本代码框架导入模块创建窗口创建控件定义事件运行应用程序界面运行结果完整代码标签控件常用事件窗口事件鼠标事件键盘事件文本事件其它场景网页标签音乐播放图片显示祝大家新年快乐，龙行龘龘！pyglet库是一个跨平台的Python多媒体库，提供了一个简单易用的接口来创建窗口、加载图像和视频、播放音频、处理用户输入事件以及进行2D图形绘制。特别适合用于游戏开发、视
  • [C#]winform制作圆形进度条好用的圆环圆形进度条控件和使用方法 FL1623863129 C#c#开发语言
    【创建圆形进度条流程】在C#WinForms应用程序中创建一个圆形进度条（通常用作仪表盘的显示）可以通过多种方式实现。下面是一个简单的例子，演示如何使用System.Drawing命名空间中的图形绘制功能来绘制一个基本的圆形进度条。首先，在你的WinForms项目中添加一个Panel控件作为进度条的容器。然后，可以通过重写Panel的OnPaint事件来处理绘图逻辑。以下是一个简单的圆形进度条控件
  • 图形学-光栅化 鸡米工程师 计算机图形学算法
    1.什么是光栅化将几何图形绘制到屏幕上的过程叫做光栅化，我们对屏幕的定义如下屏幕是像素的数组分辨率是屏幕像素数组的尺寸屏幕是光栅成像设备。**光栅化（Rasterization）**指的是将物体绘制到屏幕上。**像素（Pixel）**是具有统一颜色的小方块，是由不同颜色组合而成的（例如RGB）。1.1屏幕空间(像素坐标)我们认为屏幕左下角为原点，向右为x轴，向上为y轴。建立平面直角坐标系。屏幕空间
  • Origin更改语言的方法 菜只因C 数学建模论文手教程信息可视化Origin数学建模美赛大数据人工智能画图
    看了很多文章，有点开Help然后选ChangeLanguage的，还有win+R打开运行，输入regedit的，但是都不管用，这里额外列出一种方法1Origin简介Origin是一款强大的科学数据分析和图形绘制软件，由OriginLabCorporation开发。该软件旨在帮助科学家、工程师、研究人员和数据分析专业人员处理、可视化和分析复杂的科学和工程数据。1.数据分析功能：Origin提供了广泛
  • OpenSceneGraph源码分析：osg模块 JiNan.YouQuan.Soft OSG其他
    osg库是OpenSceneGraph最为重要的一个模块，提供了内存管理、场景管理、图形绘制、状态管理等功能。Ref.fromOpenSceneGraphQuickStartGuide======================================TheosglibraryistheheartofOpenSceneGraph.Itdefinesthecorenodesthatmakeu
  • C++ 设计模式之策略模式 奋进的大脑袋 c++设计模式策略模式
    策略模式允许你定义一系列算法，将每个算法封装起来，并使它们可以互换。以下是一个简单的C++策略模式的示例，假设我们有一个图形绘制类，可以选择不同的绘制策略：#include//抽象策略类classDrawingStrategy{public:virtualvoiddraw()=0;virtual~DrawingStrategy(){}};//具体策略类AclassDrawCircle:public
  • WPF中使用Path绘制图形基础 大浪淘沙胡 WPF图形绘制
    1、图形绘制命令大写命令表示绝对坐标，小写表示相对坐标。（1）、起点命令M（2）、终点命令Z：表示封闭图形，让图形首尾相连；（3）、直线L（Line）（4）、水平直线H(Horizontalline)（5）、垂直直线V(Verticalline)（6）、三次方程贝赛尔曲线C(cubicBeziercurve)（7）、二次方程贝赛尔曲线Q(quadraticBeziercurve)（8）、平滑三次方
  • WPF 图形绘制 无熵~ #WPF系统学习wpfmicrosoftc#
    WPF图形绘制方式:ShapePathBrushDrawVisual一、Shape绘制图形WPF提供了许多易于使用的Shape对象。所有形状对象都是从Shape类继承的。可用的Shape对象包括Ellipse、Line、Path、Polygon、Polyline和Rectangle。Shape对象共享以下通用属性。Stroke：说明如何绘制形状的轮廓。StrokeThickness：说明形状轮廓的
  • WPF 中Canvas图形绘制之DrawingContext绘图（二） fengyuan #WPF绘图wpfc#
    图形的绘制有多种，本文采用DrawingContext。1、定义接口publicinterfaceiDrawingVisualSignal{//////基点///PointptBase{get;set;}}2、定义图元类，实现图元内部图形的绘制publicclassDV_TrackLine:FrameworkElement,iDrawingVisualSignal{#region接口属性publi
  • OpenGL-- 纹理加载 照顾一下
    前言这一篇文章的主要内容是用OpenGL去加载纹理，也就是将图片加载到屏幕上。之前几篇文章已经讲解了OpenGL图形绘制的基本图元：点、线、三角形等七种。其实图片加载的过程与基本图元一样，只有一个步骤不同，那就是取色。基本图元绘制时我们给定了颜色值，而加载纹理时是从纹理中取每个像素点的颜色值。要真说区别，那就是颜色值的来源不一样。然而这篇文章也仅作为纹理加载的入门，该文章用了固定着色器：纹理替换着
  • Windows SDK（三）GDI图形绘制基础 ぃ扶摇ぅ windows
    GDI介绍GDI:图形设备接口：Windows的子系统，负责在视讯显示器和打印机上显示图形。GDI常见名词解释：直线曲线填入区域：直线或曲线构成的封闭区域，可以用画刷进行填充位图：点阵图像文字映像模式：不同尺寸绘图的形式图元：以二级制形式存储的GDI集合绘图区域：允许绘制任意形状的绘图区域路径：GDI内部存储直线或曲线的集合剪裁：剪出不同区域调色盘：输出设备允许使用颜色的范围打印HDC：设备上下文
  • 第22课 在视频会议中加入共享白板 西部秋虫 C++ffmpegopencvffmpegopencv
    共享白板是视频会议中的常见功能，利用共享白板，参加会议的用户可以将己端绘制的图形分享给其他用户，这种功能可以作为桌面共享的有益补充存在，后期也可以用拓展成共享文档或共享画板。一、共享白板实现的效果共享白板二、共享白板实现的原理以画自由线为例，要将己端绘制的图形在对端同样绘制出来，就需要将己端所绘制图形的坐标等相关信息发送给对端，对端根据获取到的坐标依次将图形绘制出来即可。通常将鼠标左键按下时鼠标所
  • python绘图指南—Bokeh库从基础到高级打造交互式数据可视【第51篇—python：Bokeh库】 一见已难忘的申公豹 python信息可视化数据分析Bokeh可视化图形
    文章目录Bokeh库深度解析：从基础到高级，打造交互式数据可视化安装Bokeh库Bokeh绘图基础基础图形绘制完善图形实例演示案例：股票走势图Bokeh库高级功能探索1.工具栏和交互性2.高级图形元素3.数据链接和动态更新Bokeh库与其他库的整合1.与Pandas整合2.与Matplotlib整合3.在Web应用中使用BokehBokeh库的主题和样式定制1.主题定制2.样式定制3.自定义工具提
  • opencv c++ （4）：图型绘制 idealmu opencvc++人工智能
    1.图形绘制以下是几个绘制图形的api，细节不多说。值得注意的是指定线宽时候-1代表填充。#include#include#includeusingnamespacestd;usingnamespacecv;intmain(){Matcanvas=Mat::zeros(Size(512,512),CV_8UC3);//绘制//1.线line(canvas,Point(10,10),Point(40
  • 10. BI - 决策树的使用及可视化 茶桁 茶桁的AI秘籍#BI决策树算法机器学习
    本文为「茶桁的AI秘籍-BI篇第10篇」文章目录可视化探索决策树原理决策树算法决策树可视化泰坦尼克海难数据Hi，你好。我是茶桁。上一节课，咱们了解了图形的具体绘制方法，接下来咱们还要看看除了图形绘制之外，还有哪些要做的可视化分析。还有一些是跟模型相关的可视化，在运算过程中我们可能会有一些模型。来，我们先上一个例子来体验一下，包括它中间的一些数据可视化。这是一个泰坦尼克海难的一个数据示例，我们都知道
  • 09. BI - 数据可视化，如何进行基本图形绘制 茶桁 茶桁的AI秘籍#BI信息可视化BI
    本文为「茶桁的AI秘籍-BI篇第09篇」文章目录EDA作用可视化视图Python进行可视化subplotHi，你好。我是茶桁。今天想给大家讲的是关于数据的可视化。在工作中很多时候我们不光要计算结果，还要把结果呈现出来，最好是一种图形化的方式。因为这样领导会更容易去理解。此外在工作中我们也希望自己对数据更有感觉，因为数据量有的时候会非常大，对于几十万上百万的数据的不可能一行一行看，所以可视化就是一个
  • EasyX图形库学习（一） 走在努力路上的自己 学习c语言c++笔记开发语言
    目录一、easyX图形库基本介绍1、easyX的原理2、easyX的安装3、easyX的颜色（RGB颜色模型）颜色模型相关函数:4、easyX的坐标二、相关函数介绍:绘图设备相关函数：图形颜色及样式设置相关函数:图形绘制相关函数:文字输出相关函数：图像处理相关函数：消息处理相关函数：其他函数：三、easyx的基本使用2.1窗口创建函数initgraph2.2、背景颜色设置setbkcolor使用R
  • 图形绘制-仪表盘（3） 周不易 QTC++qtc++
    本章节我们介绍如何绘制仪表盘内的车速、单位（Km/h）、标题等信息。效果如下：关于通过继承重写QWidget的绘制事件paintEvent()，来绘制仪表盘的基础操作，请看《图形绘制-仪表盘（1）-CSDN博客》《图形绘制-仪表盘（2）-CSDN博客》在paintEvent()中继续写以下代码：//设置字体painter.setPen(Qt::white);QFontfontun("黑体",14,
  • 图形绘制-仪表盘（1） 周不易 QTC++qtc++
    在仪表盘专题中我们介绍如何通过继承重写QWidget的绘制事件paintEvent()，来绘制仪表盘。本章节介绍如何绘制仪表盘的轮廓。下一章节《图形绘制-仪表盘（2）-CSDN博客》介绍如何绘制刻度对应的数字及指针。创建代码文件及头文件dashboard.h头文件代码如下：#ifndefDASHBOARD_H#defineDASHBOARD_H#include#includeclassDashbo
  • 图形绘制-仪表盘（2） 周不易 QTC++qt开发语言
    本章节我们介绍如何如何绘制刻度对应的数字及指针。效果如下：关于通过继承重写QWidget的绘制事件paintEvent()，来绘制仪表盘的基础操作，请看上一章节《图形绘制-仪表盘（1）-CSDN博客》介绍。在paintEvent()中继续写以下代码：//保存和还原QPainter对象的状态恢复到之前保存的状态，确保不影响其他绘图操作painter.restore();painter.save();
  • 图形绘制-仪表盘（4） 周不易 QTC++qtc++
    本章节我们介绍如何绘制实时变化的车速及指针对应的位置。效果如下：关于通过继承重写QWidget的绘制事件paintEvent()，来绘制仪表盘的基础操作，请看《图形绘制-仪表盘（1）-CSDN博客》《图形绘制-仪表盘（2）-CSDN博客》《图形绘制-仪表盘（3）-CSDN博客》完整代码，请从https://download.csdn.net/download/zhouhui1982/8879441
  • mongodb3.03开启认证 21jhf mongodb
    下载了最新mongodb3.03版本，当使用--auth 参数命令行开启mongodb用户认证时遇到很多问题，现总结如下： （百度上搜到的基本都是老版本的，看到db.addUser的就是，请忽略） Windows下我做了一个bat文件，用来启动mongodb，命令行如下： mongod --dbpath db\data --port 27017 --directoryperdb --logp
  • 【Spark103】Task not serializable bit1129 Serializable
    Task not serializable是Spark开发过程最令人头疼的问题之一，这里记录下出现这个问题的两个实例，一个是自己遇到的，另一个是stackoverflow上看到。等有时间了再仔细探究出现Task not serialiazable的各种原因以及出现问题后如何快速定位问题的所在，至少目前阶段碰到此类问题，没有什么章法 1.   package spark.exampl
  • 你所熟知的 LRU(最近最少使用) dalan_123 java
    关于LRU这个名词在很多地方或听说，或使用，接下来看下lru缓存回收的实现 1、大体的想法     a、查询出最近最晚使用的项     b、给最近的使用的项做标记 通过使用链表就可以完成这两个操作，关于最近最少使用的项只需要返回链表的尾部；标记最近使用的项，只需要将该项移除并放置到头部，那么难点就出现 你如何能够快速在链表定位对应的该项？ 这时候多
  • Javascript 跨域 周凡杨 JavaScriptjsonp跨域cross-domain
                                       
  • linux下安装apache服务器 g21121 apache
    安装apache 下载windows版本apache，下载地址：http://httpd.apache.org/download.cgi   1.windows下安装apache Windows下安装apache比较简单，注意选择路径和端口即可，这里就不再赘述了。 2.linux下安装apache： 下载之后上传到linux的相关目录，这里指定为/home/apach
  • FineReport的JS编辑框和URL地址栏语法简介 老A不折腾 finereportweb报表报表软件语法总结
      JS编辑框： 1.FineReport的js。 作为一款BS产品，browser端的JavaScript是必不可少的。 FineReport中的js是已经调用了finereport.js的。 大家知道，预览报表时，报表servlet会将cpt模板转为html，在这个html的head头部中会引入FineReport的js，这个finereport.js中包含了许多内置的fun
  • 根据STATUS信息对MySQL进行优化 墙头上一根草 status
    mysql  查看当前正在执行的操作，即正在执行的sql语句的方法为:      show processlist 命令   mysql> show global status;可以列出MySQL服务器运行各种状态值，我个人较喜欢的用法是show status like '查询值%';一、慢查询mysql> show variab
  • 我的spring学习笔记7-Spring的Bean配置文件给Bean定义别名 aijuans Spring 3
    本文介绍如何给Spring的Bean配置文件的Bean定义别名？ 原始的 <bean id="business" class="onlyfun.caterpillar.device.Business"> <property name="writer"> <ref b
  • 高性能mysql 之 性能剖析 annan211 性能mysqlmysql 性能剖析剖析
    1 定义性能优化 mysql服务器性能，此处定义为 响应时间。 在解释性能优化之前，先来消除一个误解，很多人认为，性能优化就是降低cpu的利用率或者减少对资源的使用。 这是一个陷阱。 资源时用来消耗并用来工作的，所以有时候消耗更多的资源能够加快查询速度，保持cpu忙绿，这是必要的。很多时候发现 编译进了新版本的InnoDB之后，cpu利用率上升的很厉害，这并不
  • 主外键和索引唯一性约束 百合不是茶 索引唯一性约束主外键约束联机删除
    目标;第一步;创建两张表 用户表和文章表         第二步;发表文章       1,建表; ---用户表 BlogUsers --userID唯一的 --userName --pwd --sex create
  • 线程的调度 bijian1013 java多线程thread线程的调度java多线程
    1.       Java提供一个线程调度程序来监控程序中启动后进入可运行状态的所有线程。线程调度程序按照线程的优先级决定应调度哪些线程来执行。   2.       多数线程的调度是抢占式的（即我想中断程序运行就中断，不需要和将被中断的程序协商） a) 
  • 查看日志常用命令 bijian1013 linux命令unix
    一.日志查找方法，可以用通配符查某台主机上的所有服务器grep "关键字" /wls/applogs/custom-*/error.log   二.查看日志常用命令1.grep '关键字' error.log：在error.log中搜索'关键字'2.grep -C10 '关键字' error.log：显示关键字前后10行记录3.grep '关键字' error.l
  • 【持久化框架MyBatis3一】MyBatis版HelloWorld bit1129 helloworld
    MyBatis这个系列的文章，主要参考《Java Persistence with MyBatis 3》。   样例数据 本文以MySQL数据库为例，建立一个STUDENTS表，插入两条数据，然后进行单表的增删改查     CREATE TABLE STUDENTS ( stud_id int(11) NOT NULL AUTO_INCREMENT,
  • 【Hadoop十五】Hadoop Counter bit1129 hadoop
       1. 只有Map任务的Map Reduce Job File System Counters FILE: Number of bytes read=3629530 FILE: Number of bytes written=98312 FILE: Number of read operations=0 FILE: Number of lar
  • 解决Tomcat数据连接池无法释放 ronin47 tomcat 连接池　优化
    近段时间，公司的检测中心报表系统(SMC)的开发人员时不时找到我，说用户老是出现无法登录的情况。前些日子因为手头上 有Jboss集群的测试工作，发现用户不能登录时，都是在Tomcat中将这个项目Reload一下就好了，不过只是治标而已，因为大概几个小时之后又会 再次出现无法登录的情况。 今天上午，开发人员小毛又找到我，要我协助将这个问题根治一下，拖太久用户难保不投诉。 简单分析了一
  • java-75-二叉树两结点的最低共同父结点 bylijinnan java
    import java.util.LinkedList; import java.util.List; import ljn.help.*; public class BTreeLowestParentOfTwoNodes { public static void main(String[] args) { /* * node data is stored in
  • 行业垂直搜索引擎网页抓取项目 carlwu LuceneNutchHeritrixSolr
    公司有一个搜索引擎项目，希望各路高人有空来帮忙指导，谢谢！ 这是详细需求： （1） 通过提供的网站地址(大概100-200个网站)，网页抓取程序能不断抓取网页和其它类型的文件（如Excel、PDF、Word、ppt及zip类型），并且程序能够根据事先提供的规则，过滤掉不相干的下载内容。 （2） 程序能够搜索这些抓取的内容，并能对这些抓取文件按照油田名进行分类，然后放到服务器不同的目录中。
  • [通讯与服务]在总带宽资源没有大幅增加之前,不适宜大幅度降低资费 comsci 资源
          降低通讯服务资费，就意味着有更多的用户进入，就意味着通讯服务提供商要接待和服务更多的用户，在总体运维成本没有由于技术升级而大幅下降的情况下，这种降低资费的行为将导致每个用户的平均带宽不断下降，而享受到的服务质量也在下降，这对用户和服务商都是不利的。。。。。。。。     &nbs
  • Java时区转换及时间格式 Cwind java
    本文介绍Java API 中 Date, Calendar, TimeZone和DateFormat的使用，以及不同时区时间相互转化的方法和原理。   问题描述： 向处于不同时区的服务器发请求时需要考虑时区转换的问题。譬如，服务器位于东八区（北京时间，GMT+8:00），而身处东四区的用户想要查询当天的销售记录。则需把东四区的“今天”这个时间范围转换为服务器所在时区的时间范围。
  • readonly,只读，不可用 dashuaifu jsjspdisablereadOnlyreadOnly
    readOnly 和 readonly 不同，在做js开发时一定要注意函数大小写和jsp黄线的警告！！！我就经历过这么一件事： 使用readOnly在某些浏览器或同一浏览器不同版本有的可以实现“只读”功能，有的就不行，而且函数readOnly有黄线警告！！！就这样被折磨了不短时间！！！（期间使用过disable函数，但是发现disable函数之后后台接收不到前台的的数据！！！）  
  • LABjs、RequireJS、SeaJS 介绍 dcj3sjt126com jsWeb
    LABjs 的核心是 LAB（Loading and Blocking）：Loading 指异步并行加载，Blocking 是指同步等待执行。LABjs 通过优雅的语法（script 和 wait）实现了这两大特性，核心价值是性能优化。LABjs 是一个文件加载器。RequireJS 和 SeaJS 则是模块加载器，倡导的是一种模块化开发理念，核心价值是让 JavaScript 的模块化开发变得更
  • [应用结构]入口脚本 dcj3sjt126com PHPyii2
    入口脚本 入口脚本是应用启动流程中的第一环，一个应用（不管是网页应用还是控制台应用）只有一个入口脚本。终端用户的请求通过入口脚本实例化应用并将将请求转发到应用。 Web 应用的入口脚本必须放在终端用户能够访问的目录下，通常命名为 index.php，也可以使用 Web 服务器能定位到的其他名称。 控制台应用的入口脚本一般在应用根目录下命名为 yii（后缀为.php），该文
  • haoop shell命令 eksliang hadoophadoop shell
    cat chgrp chmod chown copyFromLocal copyToLocal cp du dus expunge get getmerge ls lsr mkdir movefromLocal mv put rm rmr setrep stat tail test text
  • MultiStateView不同的状态下显示不同的界面 gundumw100 android
    只要将指定的view放在该控件里面，可以该view在不同的状态下显示不同的界面，这对ListView很有用，比如加载界面，空白界面，错误界面。而且这些见面由你指定布局，非常灵活。 PS：ListView虽然可以设置一个EmptyView，但使用起来不方便，不灵活，有点累赘。 <com.kennyc.view.MultiStateView xmlns:android=&qu
  • jQuery实现页面内锚点平滑跳转 ini JavaScripthtmljqueryhtml5css
    平时我们做导航滚动到内容都是通过锚点来做，刷的一下就直接跳到内容了，没有一丝的滚动效果，而且 url 链接最后会有“小尾巴”，就像#keleyi，今天我就介绍一款 jquery 做的滚动的特效，既可以设置滚动速度，又可以在 url 链接上没有“小尾巴”。   效果体验：http://keleyi.com/keleyi/phtml/jqtexiao/37.htmHTML文件代码： &
  • kafka offset迁移 kane_xie kafka
    在早前的kafka版本中（0.8.0），offset是被存储在zookeeper中的。   到当前版本（0.8.2）为止，kafka同时支持offset存储在zookeeper和offset manager（broker）中。   从官方的说明来看，未来offset的zookeeper存储将会被弃用。因此现有的基于kafka的项目如果今后计划保持更新的话，可以考虑在合适
  • android > 搭建 cordova 环境 mft8899 android
      1 , 安装 node.js        http://nodejs.org      node -v   查看版本   2, 安装 npm   可以先从  https://github.com/isaacs/npm/tags  下载 源码 解压到
  • java封装的比较器，比较是否全相同，获取不同字段名字 qifeifei
     非常实用的java比较器，贴上代码： import java.util.HashSet; import java.util.List; import java.util.Set; import net.sf.json.JSONArray; import net.sf.json.JSONObject; import net.sf.json.JsonConfig; i
  • 记录一些函数用法 .Aky. 位运算PHP数据库函数IP
    高手们照旧忽略。 想弄个全天朝IP段数据库，找了个今天最新更新的国内所有运营商IP段，copy到文件，用文件函数，字符串函数把玩下。分割出startIp和endIp这样格式写入.txt文件，直接用phpmyadmin导入.csv文件的形式导入。（生命在于折腾，也许你们觉得我傻X，直接下载人家弄好的导入不就可以，做自己的菜鸟，让别人去说吧） 当然用到了ip2long()函数把字符串转为整型数
  • sublime text 3 rust wudixiaotie Sublime Text
    1.sublime text 3 => install package => Rust 2.cd ~/.config/sublime-text-3/Packages 3.mkdir rust 4.git clone https://github.com/sp0/rust-style 5.cd rust-style 6.cargo build --release 7.ctrl
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他