Just a Computer Graphics Studio & My Life

[iOS] Label裡的行距

承接Label裡的字距,也可以調整行距!讓界面越來越好看吧~

Line spacing in UILabel1

此為參數40的效果。

原本沒有行距特性的樣子:

character spacing in UILabel3

此為參數0的效果。


/**
 Theme: Character Spacing in UILabel
 IDE: Xcode 5
 Language: Objective C
 Date: 103/02/13
 Author: HappyMan
 Blog: https://cg2010studio.wordpress.com/
 */
- (void)viewDidLoad
{
    [super viewDidLoad];
    UILabel *label = [[UILabel alloc] initWithFrame:self.view.bounds];
    label.numberOfLines = 0;

    NSString *string = @"開發iPhone APP真是有趣!我要逍遙遊~";
    NSMutableAttributedString *attributedString = [[NSMutableAttributedString alloc] initWithString:string];

    float spacing = 17.0f;
    // 加入字距特性
    [attributedString addAttribute:NSKernAttributeName
                             value:@(spacing)
                             range:NSMakeRange(0, [string length])];

    NSMutableParagraphStyle *paragraphStyle = [[NSMutableParagraphStyle alloc] init];
    [paragraphStyle setLineSpacing:40];
    // 加入行距特性
    [attributedString addAttribute:NSParagraphStyleAttributeName value:paragraphStyle range:NSMakeRange(0, [string length])];

    label.attributedText = attributedString;
    [self.view addSubview:label];
}

行距也可以想多高就有多高!

此為參數100的效果。

此為參數100的效果。

接下來就是微調到使用者覺得舒適的樣子吧!

參考:Set UILabel line spacing

廣告

Comments on: "[iOS] Label裡的行距" (7)

  1. […] 此外,可參考先前介紹的文章:多重文字屬性 (Multiple Text Attribute)、LABEL裡的行距、LABEL裡的字距。 […]

    喜歡

  2. 你覺得字型是不是個好生意?

    喜歡

發表留言

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

您的留言將使用 WordPress.com 帳號。 登出 / 變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 / 變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 / 變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 / 變更 )

連結到 %s

標籤雲

%d 位部落客按了讚: