使用自定义 drawRect: 方法创建圆形 UIButton

Question

我的目标是创建一个自定义的UIButton 子类，它创建一个带有一些附加功能的圆形（或圆形矩形）按钮。

经过一番搜索，我发现简单地设置按钮层的cornerRadius是最简单的让按钮变圆的方法：

@implementation MyRoundButton

-(id)initWithFrame:(CGRect)frame{
    if (self = [super initWithFrame:frame])
        [self setupView];

    return self;
}

-(id)initWithCoder:(NSCoder *)aDecoder{
    if(self = [super initWithCoder:aDecoder])
        [self setupView];

    return self;
}

-(void)setupView {    
    self.layer.cornerRadius = MIN(self.frame.size.height, self.frame.size.width) / 2.0;
}

只要我不覆盖drawRect:，这很好用

- (void)drawRect:(CGRect)rect {
    [super drawRect:rect];
}

当然，我想在drawRect: 中添加一些自定义绘图代码，但即使只有[super drawRect:rect]，按钮也不再是圆形的：它在其边界内绘制为矩形。

这怎么可能？ 用一个简单的超级调用覆盖一个方法怎么会改变行为呢？

我怎样才能避免这个问题？我已经尝试让图层保持不变，并在drawRect: 中简单地手动绘制背景。但是无论如何，按钮都会绘制它的背景矩形，而我的自定义绘图就在它上面。

那么，如何解决这个问题？

Answer 1

您示例中的图层在概念上包含具有圆角半径的背景，但 drawRect: 的空覆盖会导致它被忽略。这是因为，通常情况下，UIView 的实例依赖于其内置层（CALayer 的实例）来呈现其内容，因此不会调用 drawRect:。但是，图层能够将绘图行为委托给其视图，如果您实现drawRect:，就会这样做。

如果您只是将UIView 子类化，这应该不会出现任何问题。但是，对诸如UIButton 之类的框架组件进行子类化有点冒险。一个潜在的问题是拨打-[super drawRect:]；很难确切地知道可能会导致什么恶作剧，但这可能是问题的根源。默认情况下，UIButton 不需要做任何自定义绘图；它包含一个私有类的嵌套实例，UIButtonLabel，用于绘制按钮的标题。

与其尝试覆盖内部细节为私有的类的绘制行为，不如考虑使用一个或多个静态图像，并简单地将按钮的背景图像属性设置为一个或多个状态。

Answer 2

看看这是否改变了什么......

-(void)setupView {    
    self.layer.cornerRadius = MIN(self.frame.size.height, self.frame.size.width) / 2.0;
    self.clipsToBounds = YES;
}