UI视图的圆角设置

客官°小女子只卖身不卖艺 2023-07-24 02:12 6阅读 0赞

使用`cornerRadius`进行圆角设置

UILabel *labelLayer = [[UILabel alloc] initWithFrame:CGRectMake(20, 20, 220, 80)];
    [self.view addSubview:labelLayer];
    labelLayer.backgroundColor = UIColor.greenColor;
    labelLayer.text = @"layer设置圆角";
    labelLayer.textColor = UIColor.blackColor;
    labelLayer.textAlignment = NSTextAlignmentCenter;
    // 设置圆角
    labelLayer.layer.cornerRadius = 20;
    labelLayer.layer.masksToBounds = YES;

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BvdGF0bzUxMg_size_16_color_FFFFFF_t_70]

在`iOS11`中设置圆角时，同样可以使用`cornerRadius`进行设置，但是又可以使用属性`maskedCorners`设置指定位置的圆角。

UILabel *labelLayer2 = [[UILabel alloc] initWithFrame:CGRectMake(20, 120, 220, 80)];
    [self.view addSubview:labelLayer2];
    labelLayer2.backgroundColor = UIColor.yellowColor;
    labelLayer2.text = @"iOS11 layer设置圆角";
    labelLayer2.textColor = UIColor.blackColor;
    labelLayer2.textAlignment = NSTextAlignmentCenter;
    // 设置圆角
    labelLayer2.layer.cornerRadius = 20;
    labelLayer2.layer.masksToBounds = YES;
    if (@available(iOS 11.0, *)) { 
            labelLayer2.layer.maskedCorners = (kCALayerMinXMinYCorner | kCALayerMaxXMinYCorner);
    }

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BvdGF0bzUxMg_size_16_color_FFFFFF_t_70 1]  
使用贝塞尔曲线`UIBezierPath`在指定位置设置圆角

UILabel *labelBezier = [[UILabel alloc] initWithFrame:CGRectMake(20, 220, 220, 120)];
    [self.view addSubview:labelBezier];
    labelBezier.backgroundColor = UIColor.orangeColor;
    labelBezier.text = @"UIBezierPath设置圆角";
    labelBezier.textColor = UIColor.blackColor;
    labelBezier.textAlignment = NSTextAlignmentCenter;
    // 指定位置设置圆角
    CGFloat radius = 20;
    UIRectCorner corner = (UIRectCornerTopRight | UIRectCornerBottomRight);
    UIBezierPath *cornerPath = [UIBezierPath bezierPathWithRoundedRect:labelBezier.bounds byRoundingCorners:corner cornerRadii:CGSizeMake(radius, radius)];
    CAShapeLayer *cornerShape = [[CAShapeLayer alloc] init];
    cornerShape.frame = labelBezier.bounds;
    cornerShape.path = cornerPath.CGPath;
    labelBezier.layer.mask = cornerShape;

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BvdGF0bzUxMg_size_16_color_FFFFFF_t_70 2]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BvdGF0bzUxMg_size_16_color_FFFFFF_t_70]: /images/20230528/8894c3d3459d40788b93490858984b38.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BvdGF0bzUxMg_size_16_color_FFFFFF_t_70 1]: /images/20230528/4b10c49d92bf484b9e866f624b074ad4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BvdGF0bzUxMg_size_16_color_FFFFFF_t_70 2]: /images/20230528/13f7c82e427f456083efeaaba3f526d1.png