iOS富文本設置混合字符串(中英文)奇葩換行問題

今天遇到一個奇葩問題,一個多行顯示的Lable,其中設置了Lable字體顏色有差異的富文本。
但是出現了一個奇怪的問題,就是當文本全是英文的顯示正常,但是有中英文混合字符串的時候,這個Lable,中間就會莫名其妙的換行展示。

最會查資料發現了Lable一個lineBreakMode屬性,
在使用富文本時應注意中英混合的情況,會使你的換行操作出現問題,因為很多編譯器默認會計算當“中文”+“英文”后如果寬度大于設定的控件寬度時,會將中文后的英文直接換到第二行顯示(即lineBreakMode的默認屬性為NSLineBreakByWordWrapping),在Xcode中的控制臺打印和coding的時候都會出現這個情況。

label.lineBreakMode = NSLineBreakByCharWrapping;以字符為顯示單位顯示,后面部分省略不顯示。
label.lineBreakMode = NSLineBreakByClipping;剪切與文本寬度相同的內容長度,后半部分被刪除。
label.lineBreakMode = NSLineBreakByTruncatingHead;前面部分文字以……方式省略,顯示尾部文字內容。
label.lineBreakMode = NSLineBreakByTruncatingMiddle;中間的內容以……方式省略,顯示頭尾的文字內容。
label.lineBreakMode = NSLineBreakByTruncatingTail;結尾部分的內容以……方式省略,顯示頭的文字內容。
label.lineBreakMode = NSLineBreakByWordWrapping;以單詞為顯示單位顯示,后面部分省略不顯示。

解決方法:
設置label.lineBreakMode = NSLineBreakByCharWrapping;

如果此時你是即進行了富文本設定又對換行進行設定的話,記住先把換行操作的代碼放到label.attributedText = .......代碼之后,不然label.lineBreakMode = NSLineBreakByCharWrapping會失效。
設置之后顯示正常了,但是計算這個文本高度的時候,計算的高度不準確了。

切記:計算高度的時候,段落樣式加上這個屬性,就可以計算高度

paraStyle.lineBreakMode = NSLineBreakByCharWrapping;

-----------------附上高度寬度計算方法---------------
計算高度

+ (CGFloat)getTheStringHeight:(NSString *)string setFont:(CGFloat)font withWidth:(CGFloat)width
{
    if (string == nil || [string isEqualToString:@""])
    {
        return 0;
    }
    
    NSMutableAttributedString  *attrStr = [[NSMutableAttributedString alloc] initWithString:string];
    //段落
    NSMutableParagraphStyle *paragraphStyle = [NSMutableParagraphStyle new];
//    [paragraphStyle setLineSpacing:pageWidth];
//    paraStyle.lineBreakMode = NSLineBreakByCharWrapping;
    NSRange range = NSMakeRange(0, attrStr.length);
    [attrStr addAttribute:NSParagraphStyleAttributeName value:paragraphStyle range:range];
    //設置字體
    [attrStr addAttribute:NSFontAttributeName
                    value:[UIFont systemFontOfSize:font]
                    range:range];
    
    NSDictionary *dic = [attrStr attributesAtIndex:0 effectiveRange:&range];   // 獲取該段
    CGSize textSize = [string boundingRectWithSize:CGSizeMake(width, MAXFLOAT) // 用于計算文本繪制時占據的矩形塊</span>
                                           options:NSStringDrawingUsesLineFragmentOrigin | NSStringDrawingUsesFontLeading // 文本繪制時的附加選項
                                        attributes:dic        // 文字的屬性
                                           context:nil].size; // context上下文。包括一些信息,例如如何調整字間距以及縮放。該對象包含的信息將用于文本繪制。該參數可為nil
    return textSize.height;
}

計算寬度

+ (CGFloat)getTheStringWidth:(NSString *)string setFont:(CGFloat)font withHeight:(CGFloat)height
{
    
    NSMutableAttributedString  *attrStr = [[NSMutableAttributedString alloc] initWithString:string];
    NSRange range = NSMakeRange(0, attrStr.length);
    //設置字體
    [attrStr addAttribute:NSFontAttributeName
                    value:[UIFont systemFontOfSize:font]
                    range:range];
    
    NSDictionary *dic = [attrStr attributesAtIndex:0 effectiveRange:&range];   // 獲取該段attributedString
    
    CGSize textSize = [string boundingRectWithSize:CGSizeMake(MAXFLOAT, height) // 用于計算文本繪制時占據的矩形塊
                                           options:NSStringDrawingUsesLineFragmentOrigin | NSStringDrawingUsesFontLeading // 文本繪制時的附加選項
                                        attributes:dic        // 文字的屬性
                                           context:nil].size; // context上下文。包括一些信息,例如如何調整字間距以及縮放。該對象包含的信息將用于文本繪制。該參數可為nil
    
    return textSize.width;
    
}
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。