Core Animation - 如何来绘制三个圆角一个直角的矩形

简介: Core Animation - 如何来绘制三个圆角一个直角的矩形

跟绘制火柴人方法类似,但这里我们不需要一条条的线来绘制,有更快捷的方法:

//指定矩形大小
  CGRect rect=CGRectMake(50, 300, 100, 100);
  //设置圆角半径
    CGSize size=CGSizeMake(20, 20);
    //拿出需要设置改动的角
    UIRectCorner corners=UIRectCornerTopRight | UIRectCornerBottomRight |UIRectCornerBottomLeft;
     //这里是上面两步的综合,具体的操作执行
    UIBezierPath *rectPath=[UIBezierPath bezierPathWithRoundedRect:rect byRoundingCorners:corners cornerRadii:size];
    //图形子类来渲染
    CAShapeLayer *rectLayer=[CAShapeLayer layer];
    //线条颜色
    rectLayer.strokeColor=[UIColor greenColor].CGColor;
    //填充颜色
    rectLayer.fillColor=[UIColor orangeColor].CGColor;
    //线条宽度
    rectLayer.lineWidth=5;
    //起始结束点的样式
    rectLayer.lineJoin=kCALineJoinRound;
    //线条拐角的样式
    rectLayer.lineCap=kCALineCapRound;
    rectLayer.path=rectPath.CGPath;
    [self.view.layer addSublayer:rectLayer];

代码参见火柴人代码下面的代码:https://github.com/codeliu6572/FirePeople

目录
相关文章
|
7月前
|
前端开发
canvas绘制圆环
canvas绘制圆环
|
7月前
|
Python
绘制矩形
【5月更文挑战第11天】绘制矩形。
50 1
|
6月前
Qt绘图(线条、椭圆、矩形、图片滚动)
Qt绘图(线条、椭圆、矩形、图片滚动)
426 3
|
5月前
|
前端开发
canvas系列教程02——圆、弧线、圆角矩形、曲线(气泡、心形、N叶草)、扇形
canvas系列教程02——圆、弧线、圆角矩形、曲线(气泡、心形、N叶草)、扇形
54 0
|
5月前
|
前端开发 JavaScript
canvas系列教程01——直线、三角形、多边形、矩形、调色板
canvas系列教程01——直线、三角形、多边形、矩形、调色板
133 0
C# GDI+绘图(二)进阶---Pen/Brush以及坐标轴平移和旋转等
上一篇C# GDI+绘图(一)GDI+介绍及基础,我们介绍了,GDI+的基础,这篇我们对其进阶内容进行学习,分别为Pen/Brush以及坐标轴操作
|
C# 图形学
C#之深入理解GDI+绘制圆弧及圆角矩形等比缩放的绘制
GDI+中对于圆弧的绘制,是以给定的长方形(Rectangle`结构)为边界绘制的椭圆的一部分形成的圆弧。绘制的圆弧的中心为长方形内切椭圆的圆心(如果是正方形,则正方形的...
637 0
C#之深入理解GDI+绘制圆弧及圆角矩形等比缩放的绘制
|
前端开发 JavaScript 数据可视化
用Canvas实现简单画图(线、三角形、矩形、圆)
👋因为在B站看到一个小demo是基于canvas写的,非常喜欢,然后上掘金大数据又给我推了 《Canvas 从入门到劝朋友放弃(图解版)》,就像上手一下canvas,本来不想写笔记的,因为《Canvas 从入门到劝朋友放弃(图解版)》自己看了一下挺全的,但本着输入要有输出,所以就有了这篇文章
251 0
C#编程-132:DrawRectangle绘制矩形
C#编程-132:DrawRectangle绘制矩形
198 0
C#编程-132:DrawRectangle绘制矩形