3d天中图库好运彩 >iOS开发

iOS自定义带两个圆角的UILabel

2019-03-04 11:14 编辑: Gboy 分类:iOS开发 来源:雪山飞狐_91ae

这里要实现的是带有两个圆角的自定义的UIlabel


  • 两个圆角的UIlabel.png
  • 主要思路是利用贝塞尔曲线绘制masklayer的轨迹。
    下面直接看代码:

#import "CustomizeLabel.h"@interface CustomizeLabel()@property (nonatomic, strong)CAShapeLayer *maskLayer;@property (nonatomic, strong)UIBezierPath *borderPath;@[email protected] CustomizeLabel- (instancetype)initWithFrame:(CGRect)frame{    
    self = [super initWithFrame:frame];    if(self){
        
        _maskLayer = [CAShapeLayer layer];
        [self.layer setMask:_maskLayer];        
        self.borderPath = [UIBezierPath bezierPath];
    }    return self;
}

- (void)layoutSubviews{
    
    [super layoutSubviews];    
    // 遮罩层frame
    self.maskLayer.frame = self.bounds;    
    // 设置path起点
    [self.borderPath moveToPoint:CGPointMake(0, 10)];    // 左上角的圆角
    [self.borderPath addQuadCurveToPoint:CGPointMake(10, 0) controlPoint:CGPointMake(0, 0)];    //直线,到右上角
    [self.borderPath addLineToPoint:CGPointMake(self.bounds.size.width, 0)];    //直线,到右下角
    [self.borderPath addLineToPoint:CGPointMake(self.bounds.size.width, self.bounds.size.height-10)];    //右下角的圆角
    [self.borderPath addQuadCurveToPoint:CGPointMake(self.bounds.size.width-10, self.bounds.size.height) controlPoint:CGPointMake(self.bounds.size.width, self.bounds.size.height)];    //底部的小三角形
    [self.borderPath addLineToPoint:CGPointMake(self.bounds.size.width/2.0 +5, self.bounds.size.height)];
    [self.borderPath addLineToPoint:CGPointMake(self.bounds.size.width/2.0, self.bounds.size.height - 5)];
    [self.borderPath addLineToPoint:CGPointMake(self.bounds.size.width/2.0 -5, self.bounds.size.height)];    //直线到左下角
    [self.borderPath addLineToPoint:CGPointMake(0, self.bounds.size.height)];    //直线,回到起点
    [self.borderPath addLineToPoint:CGPointMake(0, 10)];        
    // 将这个path赋值给maskLayer的path
    self.maskLayer.path = self.borderPath.CGPath;
}@end
  • 使用:

    CustomizeLabel *label = [[CustomizeLabel alloc] initWithFrame:CGRectMake(100, 100, 200, 100)];
    label.text = @"现在我们来测试一下这个自定义的按钮";
    label.backgroundColor = [UIColor lightGrayColor];
    [self.view addSubview:label];


作者:雪山飞狐_91ae
链接:https://www.jianshu.com/p/04abe5a5d02f


搜索CocoaChina微信公众号:CocoaChina
微信扫一扫
订阅每日移动开发及APP推广热点资讯
公众号:
CocoaChina
我要投稿   收藏文章
上一篇:coobjc — 阿里刚开源的 iOS 协程开发框架
下一篇:iOS开发之定位
我来说两句
发表评论
您还没有登录!请登录注册
所有评论(0

综合评论

相关帖子

sina weixin mail 回到顶部
632| 274| 336| 89| 786| 93| 414| 582| 917| 43|