美文网首页
UIView绘制圆角矩形外边框

UIView绘制圆角矩形外边框

作者: LeepengX | 来源:发表于2017-08-09 13:08 被阅读0次

内外cornerRadius可以控制

baseLayer是我们原始的图层,现在想截取圆角矩形出来,中间挖空成一个圆角矩形。
CAShapeLayer* cropLayer = [[CAShapeLayer alloc] init];
[baseLayer addSublayer:cropLayer];
// 创建一个绘制路径
CGMutablePathRef mPath =CGPathCreateMutable();
// 空心矩形的rect(即要挖空的内部区域)
CGRect cropRect = CGRectMake(10, 10, 60, 40);

// 绘制rect
CGPathAddRoundedRect(mPath, nil, baseLayer.bounds, 5, 5);
CGPathAddRoundedRect(mPath, nil, cropRect, 5, 5);
// 设置填充规则(重点)
[cropLayer setFillRule:kCAFillRuleEvenOdd];
// 关联绘制的path
[cropLayer setPath:mPath];
// 设置填充的颜色
[cropLayer setFillColor:[[UIColor greenColor] CGColor]];

相关文章

  • UIView绘制圆角矩形外边框

    内外cornerRadius可以控制 baseLayer是我们原始的图层,现在想截取圆角矩形出来,中间挖空成一个圆...

  • HTML5 Canvas笔记——绘制方形钟

    利用矩形的绘制,颜色与透明度,编程绘制方形钟 要求: (1)钟面的矩形边框应当是圆角矩形, (2)边框线要采用除默...

  • 边框 背景

    1 边框 能够创建圆角边框,向矩形添加阴影,使用图片来绘制边框 - 并且不需使用设计软件 对于 border-im...

  • css之border

    css边框属性 通过css3,能够创建圆角边框,向矩形添加阴影,使用图片来绘制边框 border-radius b...

  • 8-2简单绘图~

    8-2 我不愿意成为你退而求其次的人 绘制一个相交直线,交界处设置为圆角;绘制一个圆角矩形边框;绘制一个填充矩形;...

  • 绘制圆角边框、文字 生成图片

    思路1、画布 width、height,2、外圆角矩形 width、height,使用边框颜色color3、若边框...

  • CSS边框圆角--跟着李南江学编程

    1.什么是边框圆角? 就是把矩形边框变成圆角边框,就叫做边框圆角。 2.设置边框圆角的格式 2.1 border-...

  • 好程序员web前端培训分享CSS3 边框

    好程序员web前端培训分享CSS3 边框,通过 CSS3,您能够创建圆角边框,向矩形添加阴影,使用图片来绘制边框 ...

  • CSS3 边框

    通过 CSS3,您能够创建圆角边框,向矩形添加阴影,使用图片来绘制边框 - 并且不需使用设计软件,比如 Photo...

  • CSS3边框

    通过 CSS3,您能够创建圆角边框,向矩形添加阴影,使用图片来绘制边框 - 并且不需使用设计软件,比如 Photo...

网友评论

      本文标题:UIView绘制圆角矩形外边框

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