UIBezierPath+CAShapeLayer绘制微信聊天图片效果

CGRect rect = CGRectMake(100, 100, 150, 250);
    
    UIImageView *imageView = [[UIImageView alloc] initWithFrame:rect];
    imageView.image = [UIImage imageNamed:@"brand_launch"];
    
    [self.view addSubview:imageView];
    
    CAShapeLayer *layer = [CAShapeLayer layer];
    
    UIBezierPath *path = [UIBezierPath bezierPath];
    //起点
    [path moveToPoint:CGPointMake(0, 15)];
    //路径点
    [path addLineToPoint:CGPointMake(15, 15)];
    //第一个圆角点 x=尖角宽+圆角半径 y=圆角半径
    [path addArcWithCenter:CGPointMake(15+5, 5) radius:5 startAngle:M_PI endAngle:1.5*M_PI clockwise:YES];
    //第二个圆角点 x=view宽-圆角半径 y=圆角半径
    [path addArcWithCenter:CGPointMake(150-5, 5) radius:5 startAngle:1.5*M_PI endAngle:2*M_PI clockwise:YES];
    //第三个圆角点 x=view宽-圆角半径 y=view高-圆角半径
    [path addArcWithCenter:CGPointMake(150-5, 250-5) radius:5 startAngle:0 endAngle:M_PI_2 clockwise:YES];
    //第四个圆角点 x=尖角宽+圆角半径 y=view高-圆角半径
    [path addArcWithCenter:CGPointMake(15+5, 250-5) radius:5 startAngle:M_PI_2 endAngle:M_PI clockwise:YES];
    [path addLineToPoint:CGPointMake(15, 30)];
    [path closePath];//闭合路径
    
    layer.path = path.CGPath;
    
    imageView.layer.mask = layer;

复制代码
"思路: 如果想应用在多种图片格式上? "

我可能会考虑把这个圆角放到一个UIView上,
然后通过重写ViewLayoutSubviews方法来实时取到正确的view的宽高, 来实现绘制 

各人按需求封装一下吧

复制代码
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值