Just a Computer Graphics Studio & My Life

[iOS] Label裡的字距

界面是決定使用者持續使用的重要因素之一,文字預設的排版不是很好看,好在有method可以調整之。

character spacing in UILabel2

經過程式設定參數7的字距

我們就以這張原始圖做對照:

character spacing in UILabel1

參數設為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 = 5.0f;
    [attributedString addAttribute:NSKernAttributeName
                             value:@(spacing)
                             range:NSMakeRange(0, [string length])];

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

想要字距多寬都不是問題呢~

character spacing in UILabel3

參數設為17。

參考:How to increase the character spacing in UILabel

Advertisements

Comments on: "[iOS] Label裡的字距" (1)

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

    喜歡

發表留言

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

WordPress.com Logo

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

Twitter picture

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

Facebook照片

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

Google+ photo

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

連結到 %s

標籤雲

%d 位部落客按了讚: