iOS 文字樣式處理總結(字體、前背景色、斜體、加粗、對齊、行間距、段間距、動態獲取字符串label寬高等)

在iOS開發中,常常會有一段文字顯示不同的顏色和字體,或者給某幾個文字加刪除線或下劃線的需求。NSMuttableAttstring(帶屬性的字符串),可以靈活實現以上功能。 NSMutableParagraphStyle段落風格,設置行間距、段間距、縮進、對齊方式等。

  1. 實例化方法和使用方法
    實例化方法:
    使用字符串初始化
  • (id)initWithString:(NSString *)str;//例:NSMutableAttributedString *AttributedStr = [[NSMutableAttributedStringalloc]initWithString:@"文字樣式處理"];

字典中存放一些屬性名和屬性值:

  • (id)initWithString:(NSString *)str attributes:(NSDictionary *)attrs;//如:NSDictionary *attributeDict = [NSDictionarydictionaryWithObjectsAndKeys: [UIFontsystemFontOfSize:15.0],NSFontAttributeName, [UIColorredColor],NSForegroundColorAttributeName, NSUnderlineStyleAttributeName,NSUnderlineStyleSingle,nil];NSMutableAttributedString *AttributedStr = [[NSMutableAttributedStringalloc]initWithString:@"文字樣式處理" attributes:attributeDict];

使用NSAttributedString初始化,跟NSMutableString,NSString類似:

  • (id)initWithAttributedString:(NSAttributedString *)attester;

使用方法:
為某一范圍內文字設置多個屬性

  • (void)setAttributes:(NSDictionary *)attrs range:(NSRange)range;

為某一范圍內文字添加某個屬性

  • (void)addAttribute:(NSString *)name value:(id)value range:(NSRange)range;

為某一范圍內文字添加多個屬性

  • (void)addAttributes:(NSDictionary *)attrs range:(NSRange)range;

移除某范圍內的某個屬性

  • (void)removeAttribute:(NSString *)name range:(NSRange)range;
  1. 常見的屬性及說明

NSFontAttributeName //字體
NSParagraphStyleAttributeName //段落格式
NSForegroundColorAttributeName //字體顏色
NSBackgroundColorAttributeName //背景顏色
NSStrikethroughStyleAttributeName //刪除線格式
NSUnderlineStyleAttributeName //下劃線格式
NSStrokeColorAttributeName //刪除線顏色
NSStrokeWidthAttributeName//刪除線寬度
NSShadowAttributeName //陰影
NSParagraphStyleAttributeName//段落的風格(設置首行,行間距,對齊方式什么的)

NSMutableParagraphStyle paragraphStyle = [[NSMutableParagraphStyle alloc] init];
paragraphStyle.lineSpacing = 10;// 字體的行間距 paragraphStyle.firstLineHeadIndent = 20.0f;//首行縮進 paragraphStyle.alignment = NSTextAlignmentJustified;//(兩端對齊的)文本對齊方式:(左,中,右,兩端對齊,自然)
paragraphStyle.lineBreakMode = NSLineBreakByTruncatingTail;//結尾部分的內容以……方式省略 ( "...wxyz" ,"abcd..." ,"ab...yz")
paragraphStyle.headIndent = 20;//整體縮進(首行除外)
paragraphStyle.tailIndent = 20;//
paragraphStyle.minimumLineHeight = 10;//最低行高
paragraphStyle.maximumLineHeight = 20;//最大行高
paragraphStyle.paragraphSpacing = 15;//段與段之間的間距
paragraphStyle.paragraphSpacingBefore = 22.0f;//段首行空白空間/
Distance between the bottom of the previous paragraph (or the end of its paragraphSpacing, if any) and the top of this paragraph. /
paragraphStyle.baseWritingDirection = NSWritingDirectionLeftToRight;//從左到右的書寫方向(一共三種)
paragraphStyle.lineHeightMultiple = 15;//
Natural line height is multiplied by this factor (if positive) before being constrained by minimum and maximum line height. *//
paragraphStyle.hyphenationFactor = 1;//連字屬性 在iOS,唯一支持的值分別為0和1

兩個樣式枚舉
typedef NS_ENUM(NSInteger, NSLineBreakMode) {/* What to do with long lines */ 
NSLineBreakByWordWrapping = 0, /* Wrap at word boundaries, default */
 NSLineBreakByCharWrapping,/* Wrap at character boundaries */ 
NSLineBreakByClipping,/* Simply clip */剪掉后面顯示不了的部分 
NSLineBreakByTruncatingHead,/* Truncate at head of line: "...wxyz" */頭部分的內容以……方式省略 
NSLineBreakByTruncatingTail,/* Truncate at tail of line: "abcd..." */結尾部分的內容以……方式省略 
NSLineBreakByTruncatingMiddle/* Truncate middle of line: "ab...yz" */中間部分的內容以……方式省略 
} NS_ENUM_AVAILABLE_IOS(6_0); 
typedef NS_ENUM(NSInteger, NSWritingDirection) { 
NSWritingDirectionNatural = -1, // Determines direction using the Unicode Bidi Algorithm rules P2 and P3  
NSWritingDirectionLeftToRight = 0, // Left to right writing direction 左到右的書寫方向  
NSWritingDirectionRightToLeft = 1 // Right to left writing direction 右到左的書寫方向 
} NS_ENUM_AVAILABLE_IOS(6_0);
/* NSFontAttributeName 字體大小 
NSParagraphStyleAttributeName 段落的風格(設置首行,行間距,對齊方式什么的) 
NSKernAttributeName 字間距 */
 NSDictionary *attributes = @{ 
NSFontAttributeName:[UIFont systemFontOfSize:15], 
NSParagraphStyleAttributeName:paragraphStyle, 
NSKernAttributeName:@(10), 
}; 
textView.attributedText = [[NSAttributedString alloc] initWithString:textView.text attributes:attributes];

再來個實例

//隨便定義一個字符串,做測試使用 
NSString *massageStr = @"\t北京烏托邦有限公司(以下簡稱“烏托邦”)在此特別提醒您(用戶)在注冊成為用戶之前,請認真閱讀本《用戶協議》(以下簡稱“協議”),確保您充分理解本協議中各條款。請您審慎閱讀并選擇接受或不接受本協議。除非您接受本協議所有條款,否則您無權注冊、登錄或使用本協議所涉服務。您的注冊、登錄、使用等行為將視為對本協議的接受,并同意接受本協議各項條款的約束。\r\n \t本協議約定烏托邦與用戶之間關于“烏托邦”軟件服務(以下簡稱“服務”)的權利義務。“用戶”是指注冊、登錄、使用本服務的個人。本協議可由烏托邦隨時更新,更新后的協議條款一旦公布即代替原來的協議條款,恕不再另行通知,用戶可在本網站查閱最新版協議條款。在烏托邦修改協議條款后,如果用戶不接受修改后的條款,請立即停止使用烏托邦提供的服務,用戶繼續使用烏托邦提供的服務將被視為接受修改后的協議。"; 
NSMutableAttributedString *attributedString = [[NSMutableAttributedString alloc] initWithString:massageStr]; 
NSMutableParagraphStyle *paragraphStyle = [[NSMutableParagraphStyle alloc] init];
[paragraphStyle setLineSpacing:20];
//調整行間距
[attributedString addAttribute:NSParagraphStyleAttributeName value:paragraphStyle range:NSMakeRange(0, [self.agreementText length])];
[attributedString addAttribute:NSForegroundColorAttributeName value:
[UIColor redColor] range:NSMakeRange(0, 12)]; // 0為起始位置 length是從起始位置開始 設置指定顏色的長度 
[attributedString addAttribute:NSForegroundColorAttributeName value:[UIColor blueColor] range:NSMakeRange(18, 3)]; //設置尺寸 
[attributedString addAttribute:NSFontAttributeName value:[UIFont boldSystemFontOfSize:20] range:NSMakeRange(18, 3)]; // 0為起始位置 length是從起始位置開始 設置指定字體尺寸的長度

根據字符串獲取寬高
根據寬度求高度 content 計算的內容 width 計算的寬度 font字體大小

+ (CGFloat)getHeightWithContent:(NSString *)content width:(CGFloat)width font:(CGFloat)font{ 
CGRect rect = [content boundingRectWithSize:CGSizeMake(width, 999) options:NSStringDrawingUsesLineFragmentOrigin attributes:@{
NSFontAttributeName:[UIFont systemFontOfSize:font]}  context:nil]; 
return rect.size.height;
}

根據高度度求寬度 content 計算的內容 Height 計算的高度 font字體大小

+ (CGFloat)getWidthWithContent:(NSString *)content height:(CGFloat)height font:(CGFloat)font{ 
CGRect rect = [content boundingRectWithSize:CGSizeMake(999, height) options:NSStringDrawingUsesLineFragmentOrigin attributes:@{
NSFontAttributeName:[UIFont systemFontOfSize:font]} context:nil]; 
return rect.size.width;
}

實際上,設置刪除線

NSStrikethroughColorAttributeName 的時候,值也是這個枚舉。

// NSUnderlineStyleNone 不設置下劃線/刪除線

// NSUnderlineStyleSingle 設置下劃線/刪除線為細的單線

// NSUnderlineStyleThick 設置下劃線/刪除線為粗的單線

// NSUnderlineStyleDouble 設置下劃線/刪除線為細的雙線

// NSUnderlinePatternSolid 設置下劃線/刪除線樣式為連續的實線

// NSUnderlinePatternDot 設置下劃線/刪除線樣式為點,也就是虛線,比如這樣:------

// NSUnderlinePatterDash 設置下劃線/刪除線樣式為破折號,比如這樣:—— —— ——

// NSUnderlinePatternDashDot 設置下劃線/刪除線樣式為連續的破折號和點,比如這樣:——-——-——-

// NSUnderlinePatternDashDotDot 設置下劃線/刪除線樣式為連續的破折號、點、點,比如:——--——--——--

// NSUnderlineByWord 在有空格的地方不設置下劃線/刪除線
在設置以上屬性時,可以以|分隔,同時設置多個屬性
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,431評論 6 544
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,637評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,555評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,900評論 1 318
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,629評論 6 412
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,976評論 1 328
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,976評論 3 448
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,139評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,686評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,411評論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,641評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,129評論 5 364
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,820評論 3 350
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,233評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,567評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,362評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,604評論 2 380

推薦閱讀更多精彩內容