美文网首页
设置圆角

设置圆角

作者: coderJerry01 | 来源:发表于2017-03-07 10:28 被阅读23次

先看效果图:

09D32F80-5C5E-4BBF-A8E1-598296786246.png 789D4E31-253D-441B-A317-B522FFF0069D.png D502FD8D-1826-49B5-8E04-E926D74C169E.png

直接上代码,不啰嗦!

UIView *view = [[UIView alloc]       initWithFrame:CGRectMake(0, 0, 300, 200)];
view.center = self.view.center;
view.backgroundColor = [UIColor clearColor];
[self.view addSubview:view];
UIBezierPath *maskPath = [UIBezierPath bezierPathWithRoundedRect:view.bounds byRoundingCorners:UIRectCornerAllCorners    cornerRadii:CGSizeMake(20, 20)];
CAShapeLayer *maskLayer = [[CAShapeLayer alloc] init];
maskLayer.frame = view.bounds;
maskLayer.path = maskPath.CGPath;
view.layer.mask = maskLayer;
maskLayer.fillColor = [[UIColor colorWithRed:31/255.0 green:136/255.0  blue:232/255.0  alpha:1.0] CGColor];
[view.layer addSublayer:maskLayer];

所设选择置的圆角的位置

typedef NS_OPTIONS(NSUInteger, UIRectCorner) {
    UIRectCornerTopLeft     = 1 << 0,
    UIRectCornerTopRight    = 1 << 1,
    UIRectCornerBottomLeft  = 1 << 2,
    UIRectCornerBottomRight = 1 << 3,
    UIRectCornerAllCorners  = ~0UL
};

有的时候不得不直接绘制,因为需求偏偏不让你四个角都设置,当然你也可以直接让UI切图直接贴上去,如果是UI和你较劲就不切那可以这样做了! 当然四个角都设置圆角的也可以直接用
你的view.layer.cornerRadius = xx;
你的view.layer.masksToBounds = yes;

相关文章

  • Image

    直接圆角图片 设置圆角图片度数 设置圆角图片带灰色圆角边框 设置圆角图片带灰色圆角边框带阴影

  • iOS 设置UI控件圆角

    一: 设置UIView上方圆角或者下方圆角 //设置UITableView section 圆角 设置好以后就这样了

  • iOS Masonry布局(四) - 视图设置圆角

    视图设置任意圆角 Masonry布局视图设置圆角 若使用Masonry布局的视图设置后发现,设置的圆角不起作用。这...

  • iOS Masonry - 视图设置圆角

    视图设置任意圆角 Masonry布局视图设置圆角 若使用Masonry布局的视图设置后发现,设置的圆角不起作用。这...

  • 按钮圆角

    //设置为圆角 [<#name#>.layer setMasksToBounds:YES]; //设置圆角弧度 [...

  • 玩转CALayer视觉效果

    圆角: cornerRadius 设置圆角的半径 边框: borderWidth 和borderColor 设置边...

  • 2019-01-31

    设置柱子的圆角。itemStyle 设置上右下左的圆角弧度

  • iOS设置圆角的四种方法

    原文iOS设置圆角的四种方法iOS设置圆角的方法及指定圆角的位置 一、设置CALayer的cornerRadius...

  • 边框效果-css-v1.0.0

    半透边框 通过设置颜色的透明度实现。 框内圆角 方式1:为元素设置圆角,外层设置轮廓outline。圆角与直角之间...

  • iOS图片圆角设置汇总

    点击下载 Demo 一、CornerRadius 设置圆角 如果仅仅是view需要设置圆角,是不要设置maskTo...

网友评论

      本文标题:设置圆角

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