1. 程式人生 > >iOS開發中使用UILabel設定字型的相關技巧小結

iOS開發中使用UILabel設定字型的相關技巧小結

一、初始化

複製程式碼程式碼如下:
UILabel *myLabel = [[UILabel alloc] initWithFrame:CGRectMake(40, 40, 120, 44)];
     
[self.view addSubview:myLabel];

二、設定文字

1、設定預設文字

複製程式碼程式碼如下:
NSString *text = @"標籤文字";
myLabel.text = text;

效果:

20161892441299.png (87×39)

2、設定標籤文字(此屬性是iOS6.0之後才出現,如若不是必要,不建議使用此屬性)

複製程式碼程式碼如下:
NSString *text = @"其實沒什麼";
     
NSMutableAttributedString *attributeString = [[NSMutableAttributedString alloc] initWithString:text];
     
[attributeString setAttributes:@{NSForegroundColorAttributeName : [UIColor redColor],   NSFontAttributeName : [UIFont systemFontOfSize:17]} range:NSMakeRange(2, 1)];
     
myLabel.attributedText = attributeString;

效果:

20161892517640.png (98×39)

關鍵字標紅的效果

複製程式碼程式碼如下:
NSString *keyword = @"開源";
NSString *result = @"開源中國社群";
 
// 設定標籤文字
NSMutableAttributedString *attrituteString = [[NSMutableAttributedString alloc] initWithString:result];
 
// 獲取標紅的位置和長度
NSRange range = [result rangeOfString:keyword];
 
// 設定標籤文字的屬性
[attrituteString setAttributes:@{NSForegroundColorAttributeName : [UIColor redColor],   NSFontAttributeName : [UIFont systemFontOfSize:17]} range:range];
 
// 顯示在Label上
label.attributedText = attrituteString;

3、設定字型,如果是使用②中的文字,那在設定AttributeString的屬性時已經設定過Font了和textColor了,直接使用①設定文字時設定文字時,設定字型方法
複製程式碼
程式碼如下:
myLabel.font = [UIFont systemFontOfSize:13];

4、設定顏色
複製程式碼程式碼如下:
myLabel.textColor = [UIColor blueColor];

5、設定對齊方式
複製程式碼程式碼如下:
myLabel.textAlignment = NSTextAlignmentCenter;//居中

NSTextAlignmentLeft //左對齊
NSTextAlignmentCenter //居中
NSTextAlignmentRight  //右對齊
NSTextAlignmentJustified//最後一行自然對齊
NSTextAlignmentNatural //預設對齊指令碼


NSTextAlignmentJustified和 NSTextAlignmentNatural用的時候會報錯,程式崩潰,暫時不知道什麼時候可以使用,希望知道的指教一下,感激不盡。
5、文字剪裁方式
複製程式碼程式碼如下:
NSLineBreakByWordWrapping = 0,//以空格為邊界,保留單詞
NSLineBreakByCharWrapping,    //保留整個字元
NSLineBreakByClipping,        //簡單剪裁,到邊界為止
NSLineBreakByTruncatingHead,  //按照"……文字"顯示
NSLineBreakByTruncatingTail,  //按照"文字……文字"顯示
NSLineBreakByTruncatingMiddle //按照"文字……"顯示

myLabel.lineBreakMode = NSLineBreakByTruncatingHead;


7、設定Label enabled屬性
如果設定為No,則文字顏色會變暗,表明其是不可用的,預設值為YES。
複製程式碼程式碼如下:
myLabel.enabled = NO;

三、匹配Label上的文字
1、是否根據文字寬度改變字型大小
複製程式碼程式碼如下:
myLabel.adjustsFontSizeToFitWidth = YES;
//假設文字內容為@"曾在月光之下望煙花,曾共看夕陽漸降下",Label長度為200,則一行顯示不下,若設定此屬性為YES,則會降低字型大小,以顯示全部內容。

前後對比:

20161892537044.png (199×25)

20161892553786.png (197×27)

2、改變字母之間的間距來適應label大小

複製程式碼程式碼如下:
//當這個屬性是YES,標籤可能改變標籤文字的字母間距,以使該文字更適合標籤的邊界內。此屬性的字串,而不管當前行的行的裁剪模式。該屬性的預設值是NO。
myLabel.adjustsLetterSpacingToFitWidth = NO;
 
//個人使用了一下,沒發現有什麼區別,不知道具體是什麼時候發揮作用。

3、設定對齊基線
複製程式碼程式碼如下:
myLabel.adjustsFontSizeToFitWidth = YES;//調整基線位置需將此屬性設定為YES

myLabel.baselineAdjustment = UIBaselineAdjustmentAlignBaselines;


此屬性有三個值可選
複製程式碼程式碼如下:
UIBaselineAdjustmentAlignBaselines //文字最上端與Label中線對齊,預設值
UIBaselineAdjustmentAlignCenters   //文字中線與Label中線對齊
UIBaselineAdjustmentNone           //文字最下端與Label中線對齊

4、最小字型大小,當字型小於這個最小值時無效,顯示此屬性值
iOS6.0之前:minimumFontSize

iOS6.0之後:minimumScaleFactor

複製程式碼程式碼如下:
myLabel.minimumScaleFactor = 10.0;//預設值為0,為當前字型大小

5、行數
複製程式碼程式碼如下:
myLabel.numberOfLines = 2;//Label行數

6、高亮
複製程式碼程式碼如下:
myLabel.highlighted = YES;//是否高亮
myLabel.highlightedTextColor = [UIColor redColor];//高亮顏色;此屬性在設定按鈕的titleLabel時,無論highlighted是YES還是NO,在按鈕按下時標題都顯示此高亮顏色

7、陰影
複製程式碼程式碼如下:
myLabel.shadowColor = [UIColor grayColor];//陰影顏色,預設為nil
myLabel.shadowOffset = CGSizeMake(1, 1);//陰影的偏移點

四、Label位置
1、計算UIlabel 隨字型多行後的高度
複製程式碼程式碼如下:
CGRect result,bounds;
bounds = CGRectMake(0, 0,200, 300);
heightLabel = [myLabel textRectForBounds:bounds limitedToNumberOfLines:20];//計算20行後的Label的Frame
NSLog(@"%f",heightLabel.size.height);

2、繪製text到指定區域
複製程式碼程式碼如下:
- (void)drawTextInRect:(CGRect)rect
//需要過載此方法,然後由子類呼叫,重寫時呼叫super可以按預設圖形屬性繪製,若自己完全重寫繪製函式,就不用呼叫super了

PS:關於字型名字的問題
在iOS下使用自定義字型比較蛋疼的就是名字不知道是什麼,大部分字型可以在開啟字型冊就可以看到,如正常的XXX-Regular,但有時候名字並不是這個,有可能是XXX而已,還有可能是XXXItalic(而不是XXX-Italic)。名字錯了,建立的字型肯定是空的。

那怎麼辦呢?

有辦法的,有一段程式碼可以把當前所有的字型名字輸出來。

如:

1.把XXX字型加入到resouce;

2.Info.plist的Fonts provided by application裡面加入字型檔名

3.執行下面程式碼

複製程式碼程式碼如下:
    NSArray *familyNames = [UIFont familyNames];
    for( NSString *familyName in familyNames ){
        printf( "Family: %s \n", [familyName UTF8String] );
        NSArray *fontNames = [UIFont fontNamesForFamilyName:familyName];
        for( NSString *fontName in fontNames ){
            printf( "\tFont: %s \n", [fontName UTF8String] );
        }
    }

4.找到你的字型XXX,如下,Font:後面的就是我們要的字型名字 ?
1 2 3 4 5 6 7 8 Family: Courier New Font: CourierNewPSMT Font: CourierNewPS-BoldMT Font: CourierNewPS-ItalicMT Font: CourierNewPS-BoldItalicMT Family: Oriya Sangam MN Font: OriyaSangamMN Font: OriyaSangamMN-Bold

5.自然是使用,如

複製程式碼程式碼如下:
UIFont *font_regular = [UIFont fontWithName:@"CourierNewPS-ItalicMT" size:84];