Button倒角,单边角,多边角

本文介绍了一种在iOS开发中为UIButton实现特定圆角效果的方法。通过自定义UIButton子类并利用CAShapeLayer和UIBezierPath,可以轻松地为按钮的不同角落设置圆角,提供了丰富的示例代码来展示如何使用该方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 最近有个ui的同事抱怨说她公司的前段开发动不动就让她切个小图,理由是实现不了,像下面这种小功能:

 

 

其实这也是按钮的倒圆角,并不难。上代码:

 

.h

#import <UIKit/UIKit.h>

 

@interface YMBtnCorner : UIButton

 

//左上角

- (void)ym_rectCorner:(CGFloat)radius conrners:(UIRectCorner)corners;

 

@end

 

.m

#import "YMBtnCorner.h"

 

@implementation YMBtnCorner

 

- (void)ym_rectCorner:(CGFloat)radius conrners:(UIRectCorner)corners

{

    UIBezierPath *maskPath = [UIBezierPath bezierPathWithRoundedRect:self.bounds byRoundingCorners:corners cornerRadii:CGSizeMake(radius, radius)];

    

    CAShapeLayer *maskLayer = [CAShapeLayer layer];

    maskLayer.frame = self.bounds;

    maskLayer.path = maskPath.CGPath;

    

    self.layer.mask = maskLayer;

}

 

@end

 

 

用法:

 

    //左上

    [self.topLeftCorner ym_rectCorner:10.0 conrners:UIRectCornerTopLeft];

    //左下

    [self.bottomLeftcorner ym_rectCorner:10 conrners:UIRectCornerBottomLeft];

    //右上

    [self.topRightCorner ym_rectCorner:10 conrners:UIRectCornerTopRight];

    //右下

    [self.bottomRightCorner ym_rectCorner:10 conrners:UIRectCornerBottomRight];

    //四个角

    [self.allCorner ym_rectCorner:10 conrners:UIRectCornerAllCorners];

    //左右上角

    [self.topLeftRightCorner ym_rectCorner:10 conrners:UIRectCornerTopRight | UIRectCornerTopLeft];

    //左右下角

    [self.bottomLeftRightCorner ym_rectCorner:10 conrners:UIRectCornerBottomRight | UIRectCornerBottomLeft];

    //左上右下

    [self.topLeftBottomRight ym_rectCorner:10 conrners:UIRectCornerTopLeft | UIRectCornerBottomRight];

    //左下右上

    [self.bottomLeftTopRight ym_rectCorner:10 conrners:UIRectCornerBottomLeft | UIRectCornerTopRight];

    //左边

    [self.leftCorner ym_rectCorner:10 conrners:UIRectCornerBottomLeft | UIRectCornerTopLeft];

    //右边

    [self.rightCorner ym_rectCorner:10 conrners:UIRectCornerBottomRight | UIRectCornerTopRight];

 

转载于:https://www.cnblogs.com/ljj-Andrew-519/p/9118045.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值