UIButton上的两行文本,每行都有不同的字体

时间:2012-12-19 08:52:28

标签: objective-c ios

我找到了一种在UIButton上添加两行文字的方法, 但我想要的是这些文本中的每一行 有不同的字体(例如一个是粗体,其他不是)。 怎么可能这样做?

感谢。

4 个答案:

答案 0 :(得分:10)

您应该将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];
        }
    }
}

答案 1 :(得分:8)

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];
}

答案 2 :(得分:0)

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

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

答案 3 :(得分:0)

要获得正确的动画效果,您应该对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];
}