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

目录
相关文章
|
3月前
|
前端开发
|
9月前
|
移动开发 HTML5
使用三次贝塞尔曲线绘制弧形菜单
使用三次贝塞尔曲线绘制弧形菜单
|
前端开发
canvas绘制五角星
canvas绘制五角星
147 0
|
C# 图形学
C#之深入理解GDI+绘制圆弧及圆角矩形等比缩放的绘制
GDI+中对于圆弧的绘制,是以给定的长方形(Rectangle`结构)为边界绘制的椭圆的一部分形成的圆弧。绘制的圆弧的中心为长方形内切椭圆的圆心(如果是正方形,则正方形的...
424 0
C#之深入理解GDI+绘制圆弧及圆角矩形等比缩放的绘制
shape颜色渐变、圆角、半圆角、边框、填充
shape颜色渐变、圆角、半圆角、边框、填充
393 0
shape颜色渐变、圆角、半圆角、边框、填充
SwiftUI—用Rectangle绘制矩形
SwiftUI—用Rectangle绘制矩形
515 0
SwiftUI—用Rectangle绘制矩形
SwiftUI—使用径向渐变制作从原点向外扩散的渐变颜色
SwiftUI—使用径向渐变制作从原点向外扩散的渐变颜色
385 0
SwiftUI—使用径向渐变制作从原点向外扩散的渐变颜色
|
前端开发 API
Canvas绘制圆点线段
Canvas绘制圆点线段
Canvas绘制圆点线段
|
前端开发 数据可视化
canvas绘制折线路径动画
canvas绘制折线路径动画
canvas绘制折线路径动画

热门文章

最新文章