objective-c - UIButton 上的两行文本，每行具有不同的字体

Question

我找到了一种在 UIButton 上添加两行文本的方法，但我想要的是每一行文本都有不同的字体（例如，一个是粗体，另一个不是）。怎么可能做到这一点？

谢谢。

Answer 1

您应该将 2 UILabel 添加到 UIButton 作为子视图。

你可以这样做：

UIButton *testButton = [UIButton buttonWithType:UIButtonTypeCustom];
testButton.frame = CGRectMake(0, 0, 200, 40);
[self.view addSubview:testButton];

UILabel *firstLineTestButton = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, 200, 20)];
firstLineTestButton.text = @"First line";
firstLineTestButton.font = [UIFont systemFontOfSize:12];
[testButton addSubview:firstLineTestButton];

UILabel *secondLineTestButton = [[UILabel alloc] initWithFrame:CGRectMake(0, 20, 200, 20)];
secondLineTestButton.text = @"Second line";
secondLineTestButton.font = [UIFont boldSystemFontOfSize:12];
[testButton addSubview:secondLineTestButton];

---

---

为了也使 UILabel 的突出显示成为可能，您需要自定义按钮的突出显示。

因此，将操作添加到按钮，然后检查按钮子视图的标签并更改它们的颜色。

[testButton addTarget:self action:@selector(buttonAction:) forControlEvents:UIControlEventTouchUpInside];
[testButton addTarget:self action:@selector(changeColor:) forControlEvents:UIControlEventTouchDown];
[testButton addTarget:self action:@selector(touchCancel:) forControlEvents:UIControlEventTouchDragExit];

-(void)buttonAction:(UIButton*)sender
{
    [self touchCancel:sender];
    /* DO SOME MORE ACTIONS */
}

-(void)changeColor:(UIButton*)sender
{
    sender.backgroundColor = [UIColor grayColor];

    for( UIView *subview in sender.subviews ){
        if( [subview isKindOfClass:[UILabel class]] ){
            UILabel *subViewLabel = (UILabel*)subview;
            subViewLabel.textColor = [UIColor blueColor];
        }
    }
}

-(void)touchCancel:(UIButton*)sender
{
    sender.backgroundColor = [UIColor clearColor];

    for( UIView *subview in sender.subviews ){
        if( [subview isKindOfClass:[UILabel class]] ){
            UILabel *subViewLabel = (UILabel*)subview;
            subViewLabel.textColor = [UIColor blackColor];
        }
    }
}

Answer 2

Roland 的解决方案很好，另一种方法是使用NSAttributedString. 缺点是，它仅适用于 iOS 6 及更高版本。

如果这不是问题，这里是代码

- (void)viewDidLoad
{
    [super viewDidLoad];

    // We want 2 lines for our buttons' title label
    [[self.button titleLabel] setNumberOfLines:2];

    // Setup the string
    NSMutableAttributedString *titleText = [[NSMutableAttributedString alloc] initWithString:@"This should be bold,\n and this should not."];

    // Set the font to bold from the beginning of the string to the ","
    [titleText addAttributes:[NSDictionary dictionaryWithObject:[UIFont boldSystemFontOfSize:14] forKey:NSFontAttributeName] range:NSMakeRange(0, 20)];

    // Normal font for the rest of the text
    [titleText addAttributes:[NSDictionary dictionaryWithObject:[UIFont systemFontOfSize:14] forKey:NSFontAttributeName] range:NSMakeRange(20, 22)];

    // Set the attributed string as the buttons' title text
    [self.button setAttributedTitle:titleText forState:UIControlStateNormal];
}

Answer 3

您可以添加两个 UILabel 作为按钮的子视图，然后可以将标签的文本设置为

[lbl1 setFont:[UIFont fontWithName:@"Arial-Bold" size:18]];
[lbl2 setFont:[UIFont fontWithName:@"Arial" size:16]];

Answer 4

对于正确的动画，您应该UIButton在其状态发生变化时对其进行子类化并重绘。

(void)drawRect:(CGRect)rect
{

    if (!self.firstLineTestButton) {
        self.firstLineTestButton = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, 200, 20)];
        self.firstLineTestButton.text = @"First line";
        self.firstLineTestButton.font = [UIFont systemFontOfSize:12];
        [self addSubview:self.firstLineTestButton];
    } 

    if (!self.secondLineTestButton) {
        self.secondLineTestButton = [[UILabel alloc] initWithFrame:CGRectMake(0, 20, 200, 20)];
        self.secondLineTestButton.text = @"Second line";
        self.secondLineTestButton.font = [UIFont boldSystemFontOfSize:12];
        [self addSubview:self.secondLineTestButton];
    }

    if (!self.highlighted) {
        // Do custom drawing such as changing text color
    } else {
        // Do custom drawing such as changing text color
    }
}
(void)setHighlighted:(BOOL)highlighted {
    [super setHighlighted:highlighted];
    // Force redraw of button
    [self setNeedsDisplay];
}