4

基本上,我想要一个看起来像这样的按钮作为最终结果:

在此处输入图像描述

按钮跨越两行的地方,顶行的字体较大。在这张图片中,顶部是 38pt,底部是 24pt。

我知道这将是 NSAttributedString 的一项任务,但我无法弄清楚如何正确地完成它。我的故事板中有一个 UIButton,文本设置为属性(并且换行符设置为自动换行),然后是一个出口,viewDidLoad我在其中执行以下操作:

UIFont *font = [UIFont systemFontOfSize:39.0];
UIFont *font2= [UIFont systemFontOfSize:17.0];

NSMutableAttributedString *string = [[NSMutableAttributedString alloc] initWithString:@"625 WPM"];
[string addAttribute:NSFontAttributeName value:font range:NSMakeRange(0, string.length)];
[string addAttribute:NSFontAttributeName value:font2 range:NSMakeRange(string.length - 2, 2)];

self.button.titleLabel.attributedText = string;

基本上我给所有的东西一个大字体,然后对于最后几个字母我把它变小。但它看起来很大胆。

我究竟做错了什么?

4

2 回答 2

4

a的titleLabelaUIButton不能以独立的方式访问UILabel。您将要使用UIButton'setAttributedTitle:forState:方法。

编辑:(添加回答行间距问题)

在这个例子中,属性是NSParagraphStyleAttributeName,值是pStyle

NSMutableParagraphStyle *pStyle = [[NSMutableParagraphStyle alloc] init];
pStyle.lineSpacing = 8;

return @{
          NSParagraphStyleAttributeName : pStyle
          };
于 2013-10-23T20:53:59.003 回答
1

我是在一个 BarButtonItem 上做的,我需要 2 个标签,一个接一个,具有不同的文本大小和属性。

我设置了对 2 UILabel 的强引用,然后:

-(void) initBottomBar
{
    UIColor *labelColor;

    if ([Utility getiOSVersion] == 7)
        labelColor = [UIColor colorWithRed:43.0f/255.0f green:41.0f/255.0f blue:81.0f/255.0f alpha:1.0f]; // grayblue color
    else
        labelColor = [UIColor whiteColor];

    labelStringCategory                             = [[UILabel alloc] initWithFrame:CGRectMake(0, 3, 300, 22)];
    labelStringCategory.backgroundColor             = [UIColor clearColor];
    labelStringCategory.textColor                   = labelColor;
    labelStringCategory.font                        = [UIFont systemFontOfSize:14];
    labelStringCategory.numberOfLines               = 1;
    labelStringCategory.textAlignment               = NSTextAlignmentLeft;
    labelStringCategory.adjustsFontSizeToFitWidth   = YES;
    labelStringCategory.text = @"First Row";

    changeStringCategory                            = [[UILabel alloc] initWithFrame:CGRectMake(0, 19, 300, 22)];
    changeStringCategory.backgroundColor            = [UIColor clearColor];
    changeStringCategory.textColor                  = labelColor;
    changeStringCategory.font                       = [UIFont systemFontOfSize:12];
    changeStringCategory.numberOfLines              = 1;
    changeStringCategory.textAlignment              = NSTextAlignmentLeft;
    changeStringCategory.adjustsFontSizeToFitWidth  = YES;
    changeStringCategory.text = @"Second row";

    UIButton *displayButton = [UIButton buttonWithType:UIButtonTypeCustom];
    displayButton.frame = CGRectMake(0, 0, 300, 44);
    [displayButton addSubview:labelStringCategory];
    [displayButton addSubview:changeStringCategory];
    displayButton.showsTouchWhenHighlighted = YES;
    [displayButton addTarget:self action:@selector(displayCategorySelected:) forControlEvents:UIControlEventTouchDown];

    UIBarButtonItem *labelStringCategoryBarItem = [[UIBarButtonItem alloc] initWithCustomView:displayButton];

    //...

然后我可以在两个标签上分别设置 text 或 textattribute 。例如,要将 1 个标签的部分子字符串设置为粗体:

const CGFloat fontSize = 13;
        UIFont *boldFont = [UIFont boldSystemFontOfSize:fontSize];
        UIFont *regularFont = [UIFont systemFontOfSize:fontSize];
        //UIColor *foregroundColor = [UIColor whiteColor];

        // Create the attributes
        NSDictionary *attrs = [NSDictionary dictionaryWithObjectsAndKeys:
                               regularFont, NSFontAttributeName, nil];
        NSDictionary *subAttrs = [NSDictionary dictionaryWithObjectsAndKeys:
                                  boldFont, NSFontAttributeName, nil];
        const NSRange range = NSMakeRange(iFrom,iTo - iFrom);

        // Create the attributed string (text + attributes)
        NSMutableAttributedString *attributedText =
        [[NSMutableAttributedString alloc] initWithString:aText
                                               attributes:attrs];
        [attributedText setAttributes:subAttrs range:range];

        // Set it in our UILabel and we are done!
        [aLabel setAttributedText:attributedText];

希望这可以帮助!米克

于 2013-10-23T21:05:04.473 回答