美文网首页
iOS 绘制三角形

iOS 绘制三角形

作者: 求学者1314 | 来源:发表于2017-10-09 17:58 被阅读0次

先上效果图


绘制三角形的代码如下:

1、创建画三角形所需要的类LjDrawRect,具体如下

//.h文件的代码

#import@interface LjDrawRect : UIView

- (instancetype)initStartPoint:(CGPoint)startPoint middlePoint:(CGPoint)middlePoint endPoint:(CGPoint)endPoint color:(UIColor*)color;

@end

//.m文件的代码

#import "LjDrawRect.h"

@interface LjDrawRect ()

{

CGPoint _startPoint;

CGPoint _middlePoint;

CGPoint _endPoint;

UIColor  *_color;

}

@end

@implementation LjDrawRect

#pragma mark -

#pragma mark - method

- (instancetype)initStartPoint:(CGPoint)startPoint middlePoint:(CGPoint)middlePoint endPoint:(CGPoint)endPoint color:(UIColor*)color {

self = [super init];

if  (self) {

_startPoint = startPoint;

_middlePoint = middlePoint;

_endPoint = endPoint;

_color = color;

self.backgroundColor = [UIColor clearColor];

}

return self;

}

- (void)drawRect:(CGRect)rect {

CGContextRef context = UIGraphicsGetCurrentContext();

CGContextBeginPath(context);//标记

CGContextMoveToPoint(context, _startPoint.x, _startPoint.y);

CGContextAddLineToPoint(context,_middlePoint.x, _middlePoint.y);

CGContextAddLineToPoint(context,_endPoint.x, _endPoint.y);

CGContextClosePath(context);//路径结束标志,不写默认封闭

[_color setFill]; //设置填充色

[_color setStroke];//边框也设置为_color,否则为默认的黑色

CGContextDrawPath(context, kCGPathFillStroke);//绘制路径path

}

@end

2、再调用下面的方法即可

- (void)ljTestView {

CGPoint piont1;

piont1.x = 170;

piont1.y = 100;

CGPoint piont2;

piont2.x = 50;

piont2.y = 200;

CGPoint piont3;

piont3.x = 220;

piont3.y = 200;

LjDrawRect *_ljView = [[LjDrawRect alloc] initStartPoint:piont1 middlePoint:piont2 endPoint:piont3 color:[UIColor redColor]];

_ljView.frame = CGRectMake(0, 64, kDEVICEWIDTH, kDEVICEHEIGHT - 64);

_ljView.backgroundColor = [UIColor yellowColor];

[self.view addSubview:_ljView];

}

相关文章

  • Objective-C ios图形各种线条绘制

    IOS 图形绘制 绘制直线 矩形绘制 三角形绘制 任意弧形绘制 圆形绘制 绘制的属性 虚线的绘制 UIView d...

  • 绘制三角形,矩形,圆形

    绘制三角形 绘制矩形 绘制圆形

  • OpenGL ES iOS 入门实例

    OpenGL ES iOS 入门第一个实例: 绘制三角形 一, 将ViewController设置为继承自GLKV...

  • OpenGL ES for Android 绘制矩形和正方形

    前面的文章介绍了如何 绘制三角形,在OpenGL ES中没有直接绘制矩形的方式,通过绘制2个三角形的方式绘制矩形。...

  • canvas画三角形

    绘制一个三角形例如,绘制三角形的代码如下: 输出看上去如下:

  • 43. 线段绘制

    本文解释线段绘制,并通过线段绘制出三角形 线段与线段构成的三角形如下:

  • canvas画矩形圆形直线三角形

    开发笔记之-canvas画矩形圆形直线三角形 1.页面如下: 2.绘制长方形 3.绘制圆 4.绘制三角形 5.绘制...

  • canvas绘制仪表盘

    效果图 html添加canvas js获取canvas 定义方法绘制圆环 绘制刻度线 绘制文字 绘制圆 绘制三角形...

  • css绘制三角形和对号

    CSS绘制三角形 div css 效果 CSS绘制对号 div css 效果

  • OpenGL渲染

    1. 渲染过程中产生的问题 我们绘制的一个由很多三角形组成的实体对象,第一个绘制的三角形可能会被后面绘制的三角形覆...

网友评论

      本文标题:iOS 绘制三角形

      本文链接:https://www.haomeiwen.com/subject/ydtxjttx.html