Just My Life & My Work

[iOS] Label裡的行距

2014 年 02 月 13 日

承接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。

分類：

iOS, 教學

7 Comments

Tagged with:

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

  1. 未知 的大頭貼
    [iOS] HTML的CSS轉為NSAttributedString | 逍遙文工作室 said:
    2015 年 04 月 03 日 於 05:50:19

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

    讚

  2. Joe.cc 的大頭貼
    lalayou said:
    2014 年 03 月 02 日 於 12:59:38

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

    讚

隨意留個言吧：）～

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料。

標籤雲