欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

iOS富文本的使用方法示例詳解

 更新時間:2017年12月13日 08:40:03   作者:iOS_xuanhe  
這篇文章主要給大家介紹了關于iOS富文本的使用方法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧。

前言

常常會有一段文字顯示不同的顏色和字體,或者給某幾個文字加刪除線或下劃線的需求。

使用富文本NSMuttableAttstring(帶屬性的字符串),上面的一些需求都可以很簡便的實現(xiàn)。

最近想實現(xiàn)一個功能,如圖:

每月價格

最初實現(xiàn)的時候想到了用兩個Label,來實現(xiàn),第一個顯示¥4000,設置一個字體,第二個顯示/月,設置另一個字體.這樣就能實現(xiàn)這個效果了,但是最后想一想還是用富文本比較好,順便可以學習一下.

今天我們先實現(xiàn)這個簡單的效果.

先創(chuàng)建一個Label:

-(UILabel *)priceLabel{
 if (_priceLabel == nil) {
 _priceLabel = [[UILabel alloc]init];
 _priceLabel.font = kFONT(13);
 _priceLabel.textColor = kColorTheme;
 _priceLabel.textAlignment = NSTextAlignmentRight;
 }
 return _priceLabel;
}

自己再創(chuàng)建一個私有方法,把字符串(比如:¥4000/月)傳進來,進行轉換,返回富文本,賦值給所需要的Label.

-(NSMutableAttributedString *)getPriceAttribute:(NSString *)string{
 
 NSMutableAttributedString *attribut = [[NSMutableAttributedString alloc]initWithString:string];
 //目的是想改變 ‘/'前面的字體的屬性,所以找到目標的range
 NSRange range = [string rangeOfString:@"/"];
 NSRange pointRange = NSMakeRange(0, range.location);
 NSMutableDictionary *dic = [NSMutableDictionary dictionary];
 dic[NSFontAttributeName] = [UIFont systemFontOfSize:18];
 //賦值
 [attribut addAttributes:dic range:pointRange]; 
 return attribut;
}

首先創(chuàng)建一個富文本NSMutableAttributedString對象,把傳進來的NSString對象轉化為NSMutableAttributedString對象.
然后對NSMutableAttributedString進行設置.

NSRange range = [string rangeOfString:@"/"];取到一個標志的位置:range,然后對"/"前面的文字進行設置.

然后,返回富文本,再進行賦值.

 _priceLabel.attributedText = [self getPriceAttribute:@"¥4000/月"]; 

上面只是一個簡單應用,還有很多常用到的富文本.比如,文字和圖片的混排,文字點擊事件.等等.

我們依次實現(xiàn)一些功能

在指定位置添加圖片

NSMutableAttributedString * attriStr = [[NSMutableAttributedString alloc] initWithString:@"不要問我為什么編程,我喜歡手指在鍵盤上飛舞的感覺"];
[attriStr addAttribute:NSForegroundColorAttributeName value:[UIColor blueColor] range:NSMakeRange(0, 5)];
[attriStr addAttribute:NSFontAttributeName value:[UIFont systemFontOfSize:20] range:NSMakeRange(0, 5)];

添加圖片到指定的位置

NSTextAttachment *attchImage = [[NSTextAttachment alloc] init];
// 表情圖片
attchImage.image = [UIImage imageNamed:@"pic3"];
// 設置圖片大小
attchImage.bounds = CGRectMake(0, -5, 20, 20);
NSAttributedString *stringImage = [NSAttributedString attributedStringWithAttachment:attchImage];
[attriStr insertAttributedString:stringImage atIndex:2];

追加圖片到最后一位

NSTextAttachment *attch = [[NSTextAttachment alloc] init];
// 表情圖片
attch.image = [UIImage imageNamed:@"pic2"];
// 設置圖片大小
attch.bounds = CGRectMake(0, -5, 20, 15);
// 創(chuàng)建帶有圖片的富文本
NSAttributedString *string = [NSAttributedString attributedStringWithAttachment:attch];
[attriStr appendAttributedString:string];

設置中間位置文字為紅色

[attriStr addAttribute:NSForegroundColorAttributeName value:[UIColor redColor] range:NSMakeRange(6, 4)];
[attriStr addAttribute:NSFontAttributeName value:[UIFont systemFontOfSize:30] range:NSMakeRange(6, 4)];

綜合寫法

NSDictionary * attriBute = @{NSForegroundColorAttributeName:[UIColor yellowColor],NSFontAttributeName:[UIFont systemFontOfSize:25]};
[attriStr addAttributes:attriBute range:NSMakeRange(10, 4)];
self.attrobiuteLabel.attributedText = attriStr;

效果圖:


最后認識一下各個屬性的意思:

// NSFontAttributeName    設置字體屬性,默認值:字體:Helvetica(Neue) 字號:12
// NSForegroundColorAttributeNam  設置字體顏色,取值為 UIColor對象,默認值為黑色
// NSBackgroundColorAttributeName  設置字體所在區(qū)域背景顏色,取值為 UIColor對象,默認值為nil, 透明色
// NSLigatureAttributeName   設置連體屬性,取值為NSNumber 對象(整數(shù)),0 表示沒有連體字符,1 表示使用默認的連體字符
// NSKernAttributeName    設定字符間距,取值為 NSNumber 對象(整數(shù)),正值間距加寬,負值間距變窄
// NSStrikethroughStyleAttributeName 設置刪除線,取值為 NSNumber 對象(整數(shù))
// NSStrikethroughColorAttributeName 設置刪除線顏色,取值為 UIColor 對象,默認值為黑色
// NSUnderlineStyleAttributeName  設置下劃線,取值為 NSNumber 對象(整數(shù)),枚舉常量 NSUnderlineStyle中的值,與刪除線類似
// NSUnderlineColorAttributeName  設置下劃線顏色,取值為 UIColor 對象,默認值為黑色
// NSStrokeWidthAttributeName   設置筆畫寬度,取值為 NSNumber 對象(整數(shù)),負值填充效果,正值中空效果
// NSStrokeColorAttributeName   填充部分顏色,不是字體顏色,取值為 UIColor 對象
// NSShadowAttributeName    設置陰影屬性,取值為 NSShadow 對象
// NSTextEffectAttributeName   設置文本特殊效果,取值為 NSString 對象,目前只有圖版印刷效果可用:
// NSBaselineOffsetAttributeName  設置基線偏移值,取值為 NSNumber (float),正值上偏,負值下偏
// NSObliquenessAttributeName   設置字形傾斜度,取值為 NSNumber (float),正值右傾,負值左傾
// NSExpansionAttributeName   設置文本橫向拉伸屬性,取值為 NSNumber (float),正值橫向拉伸文本,負值橫向壓縮文本
// NSWritingDirectionAttributeName 設置文字書寫方向,從左向右書寫或者從右向左書寫
// NSVerticalGlyphFormAttributeName 設置文字排版方向,取值為 NSNumber 對象(整數(shù)),0 表示橫排文本,1 表示豎排文本
// NSLinkAttributeName    設置鏈接屬性,點擊后調(diào)用瀏覽器打開指定URL地址
// NSAttachmentAttributeName   設置文本附件,取值為NSTextAttachment對象,常用于文字圖片混排
// NSParagraphStyleAttributeName  設置文本段落排版格式,取值為 NSParagraphStyle 對象

格式&排版

上面屬性的最后一個就是排版.需要去一NSMutableParagraphStyle的對象.直接上代碼:

NSMutableParagraphStyle *paragraphStyle = [[NSMutableParagraphStyle alloc] init];
paragraphStyle.alignment = aligent;
paragraphStyle.lineSpacing = lineSpace; // 調(diào)整行間距
paragraphStyle.firstLineHeadIndent = firstLineHeadIndent;//首行縮進
NSRange range = NSMakeRange(0, [string length]);
[attributedString addAttribute:NSParagraphStyleAttributeName value:paragraphStyle range:range];

我們再來認識一下NSMutableParagraphStyle的屬性:

CGFloat lineSpacing;     // 字體的行間距 
CGFloat paragraphSpacing;   // 段與段之間的間距 
NSTextAlignment alignment;   // (兩端對齊的)文本對齊方式(左,中,右,兩端對齊,自然) 
CGFloat firstLineHeadIndent;   // 首行縮進 
CGFloat headIndent;     // 整體縮進(首行除外) 
CGFloat tailIndent;     // 尾部縮進
NSLineBreakMode lineBreakMode;  // 結尾部分的內(nèi)容以……方式省略
CGFloat minimumLineHeight;   // 最低行高
CGFloat maximumLineHeight;   // 最大行高 
NSWritingDirection baseWritingDirection; // 書寫方向
CGFloat lineHeightMultiple;   // 行間距多少倍
CGFloat paragraphSpacingBefore;  // 段首行空白空
float hyphenationFactor;    // 連字屬性 在iOS,唯一支持的值分別為0和1 

設置了這么多的格式,進行了各種各樣的排版那么怎么計算行高呢.

- (CGRect)boundingRectWithSize:(CGSize)size options:(NSStringDrawingOptions)options context:(nullable NSStringDrawingContext *)context NS_AVAILABLE(10_11, 6_0);

是蘋果推薦的計算方法,顯然會遇到段落格式問題,例如行間距、縮進等格式設置需求,attributes傳進來的字典中,包含我們設置的字體及格式,其中NSParagraphStyleAttributeName是設置段落風格,NSFontAttributeName是設置字體。

總結

以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學習或者工作具有一定的參考學習價值,如果有疑問大家可以留言交流,謝謝大家對腳本之家的支持。

相關文章

  • 淺談Xcode 開發(fā)工具 XCActionBar

    淺談Xcode 開發(fā)工具 XCActionBar

    本文主要給大家簡單講解了Xcode的開發(fā)工具 XCActionBar的介紹與使用方法,非常的全面實用,有需要的小伙伴可以參考下。
    2015-11-11
  • iOS TabBarItem設置紅點(未讀消息)

    iOS TabBarItem設置紅點(未讀消息)

    本文主要介紹了iOS利用TabBarItem設置紅點(未讀消息)的相關知識。具有很好的參考價值,下面跟著小編一起來看下吧
    2017-04-04
  • iOS開發(fā)教程之扇形動畫的實現(xiàn)

    iOS開發(fā)教程之扇形動畫的實現(xiàn)

    實現(xiàn)扇形圖大家應該都會的,但是扇形動畫大家都會實現(xiàn)嗎?下面這篇文章主要給大家介紹了關于iOS開發(fā)教程之扇形動畫實現(xiàn)的相關資料,文中介紹的非常詳細,需要的朋友們下面跟著小編一起來學習學習吧。
    2017-06-06
  • IOS 貝塞爾曲線(UIBezierPath)屬性、方法整理

    IOS 貝塞爾曲線(UIBezierPath)屬性、方法整理

    這篇文章主要介紹了IOS 貝塞爾曲線(UIBezierPath)屬性、方法的相關資料,這里整理了貝塞爾 曲線的基礎資料,對屬性及相應的方法一一做了詳解,需要的朋友可以參考下
    2016-11-11
  • Objective-C中字符串的拼接方法小結

    Objective-C中字符串的拼接方法小結

    這篇文章主要介紹了Objective-C中字符串的拼接方法小結,除了依靠NSString,文中還介紹了在宏里拼接字符串的方法,需要的朋友可以參考下
    2016-02-02
  • iOS中類似微信紅點顯示功能

    iOS中類似微信紅點顯示功能

    ios中類似微信紅點顯示功能,設計思路非常簡單,給UIView增加一個分類 所有的視圖都可以根據(jù)需要來進行紅點顯示。下面通過實例代碼看下實現(xiàn)方法吧
    2016-12-12
  • iOS 9 Core Spotlight搜索實例代碼

    iOS 9 Core Spotlight搜索實例代碼

    本文主要講解 iOS 9 Core Spotlight,在 IOS 開發(fā)的時候有時候會用到搜索功能,這里給大家一個實例作為參考,有需要的小伙伴可以參考下
    2016-07-07
  • iOS實現(xiàn)手勢滑動解鎖功能簡析

    iOS實現(xiàn)手勢滑動解鎖功能簡析

    本篇文章主要介紹了iOS實現(xiàn)手勢滑動解鎖功能簡析,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-10-10
  • 詳解iOS中集成ijkplayer視頻直播框架

    詳解iOS中集成ijkplayer視頻直播框架

    ijkplayer 是一款做視頻直播的框架, 基于ffmpeg, 支持Android和iOS,本文將詳細的講一下在iOS中如何集成ijkplayer, 即便以前從沒有接觸過,按著下面做也可以集成成功!下面跟著小編一起來看下吧
    2016-12-12
  • iOS App開發(fā)中導航欄的創(chuàng)建及基本屬性設置教程

    iOS App開發(fā)中導航欄的創(chuàng)建及基本屬性設置教程

    這篇文章主要介紹了iOS App開發(fā)中導航欄的創(chuàng)建及基本屬性設置教程,即用UINavigationController來編寫navigation,示例代碼為Objective-C語言,需要的朋友可以參考下
    2016-02-02

最新評論