Question

我在PaintCode中创建了一个自定义按钮。 PC有很多关于创建图形的文档，但没有使用它们。

我的方法有效，但它有问题我会去...我走了一个子类化UIButton的路线，我把它放在我的故事板中。然后我为其分配了自定义按钮的类，我们称之为customButton。使用此方法，您可以在IB中连接操作，突出显示的状态由touchesBegan和touchesEnded方法处理，并与切换突出显示的视图的变量串联，但问题是突出显示的状态永远不会在快速触摸时显示。

customButton.m：

@interface customButton ()

@property BOOL isPressed;

@end

@implementation customButton

- (id)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        // Initialization code
    }
    return self;
}

-(void) awakeFromNib {
    [super awakeFromNib];
    _buttonText = @"Post";
}

- (void)drawRect:(CGRect)rect
{
    [StyleKit drawCustomButtonWithFrame:rect pressed:_isPressed buttonText:_buttonText];
}

- (void) touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event {
    _isPressed = YES;
    [self setNeedsDisplay];
}

- (void) touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event {
    [self sendActionsForControlEvents:UIControlEventTouchUpInside];
    _isPressed = NO;
    [self setNeedsDisplay];
}

我的问题：是否有更好的方法来实现使用PaintCode绘制的按钮？这个问题是它并不总是显示突出显示的状态，并且感觉有点hacky。当然有更好的方法吗？

Answer 1

最好的方法是覆盖highlighted中的UIControl属性。它是按钮状态的最准确指示器。我使用的是swift，但转换为ObjC是微不足道的：

class VectorizedButton: UIButton {
    override var highlighted: Bool {
        didSet {
            setNeedsDisplay()
        }
    }
}

现在，只需传入_isPressed（或highlighted），而不是传入[self highlighted]。

为了完整起见：

- (void)setHighlighted:(BOOL)isHigh
{
    [super setHighlighted:isHigh];
    [self setNeedsDisplay];
}

似乎有good article about this here。

完整的代码示例：

注意我更进了一步，并突出显示按钮是否未启用或突出显示。

class VectorizedButton: UIButton {

    override var highlighted: Bool {
        didSet {
            setNeedsDisplay()
        }
    }

    // MARK: - Init & Dealloc

    required init(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
    }

    override func awakeFromNib() {
        super.awakeFromNib()

        backgroundColor = UIColor.clearColor()
    }

    // MARK: - Private methods

    private var shouldHighlight: Bool {
        return highlighted || !enabled
    }

    // MARK: - Public methods

    override func drawRect(rect: CGRect) {
        StyleKit.drawMyButton(frame: bounds, highlighted: shouldHighlight)
    }

}

Answer 2

谢谢，@ Mazyod。这确实有帮助。

这是一个基于@ Mazyod答案的Swift 3项目：

https://github.com/backslash-f/paint-code-ui-button

（PaintCode项目附在那里）。

import UIKit

@IBDesignable class CustomUIButton: UIButton {

    // MARK: Properties

    override var isHighlighted: Bool {
        didSet {
            setNeedsDisplay()
        }
    }

    override var isSelected: Bool {
        didSet {
            setNeedsDisplay()
        }
    }

    override var isEnabled: Bool {
        didSet {
            setNeedsDisplay()
        }
    }

    // MARK: Lifecycle

    override func draw(_ rect: CGRect) {
        StyleKit.drawWatchButton(frame: rect, highlighted: isHighlighted)
    }
}

demo

连接Paint Code按钮的最佳方法是什么？

2 个答案: