iOS 解决向UILabel文字最后插入N张图片,支持向限制行数的UILabel 最后一行插入,多余文字显示...

1、 效果



2、 ====直接上代码吧===

// 判断是否是ios7系统
#define kIsIOS7 [[[UIDevice currentDevice] systemVersion] floatValue] < 8.0
//
//  UILabel+StringFrame.h
//  QYER
//
//  Created by qyer on 15/3/19.
//  Copyright (c) 2015年 QYER. All rights reserved.
//

#import <UIKit/UIKit.h>

/**
 *  uilable 行间距高度
 */
static CGFloat const lineSapceHeight = 5.0f;

@interface UILabel (StringFrame)

#pragma mark - 获取UILable Size

- (CGSize)boundingRectWithSize:(CGSize)size;
/**
 *  根据文字长度计算大小
 *
 *  @param content 文字长度
 *  @param pFont   文字字号
 *  @param pWidth  宽度
 *
 */
+(CGSize)getContentSize:(NSString *)content font:(UIFont *)pFont width:(CGFloat)pWidth;
/**
 *  根据文字长度计算大小
 *
 *  @param content 文字长度
 *  @param pFont   文字字号
 *  @param pHeight  高度
 *
 */
+(CGSize)getContentSize:(NSString *)content font:(UIFont *)pFont height:(CGFloat)pHeight;
/**
 *  根据文本获取size ,有最大 宽高限制
 *
 *  @param string    文本
 *  @param maxWidth  最大宽
 *  @param maxHeight 最大高
 *  @param font      字体
 *  @param lineSpace 行间距(如果使用默认的,就传nil)
 *
 *  @return size
 */
+(CGSize)getContentSizeWithContentText:(NSString *)string andMaxWidth:(CGFloat)maxWidth andMaxHeight:(CGFloat)maxHeight AndFont:(UIFont*)font andLineSpacing:(NSNumber *)lineSpace;
/**
 *  根据文本获取size ,有最大 宽高限制
 *
 *  @param string    文本
 *  @param maxWidth  最大宽
 *  @param maxHeight 最大高
 *  @param attribute 富文本属性
 *
 *  @return size
 */
+(CGSize)getContentSizeWithContentText:(NSString *)string andMaxWidth:(CGFloat)maxWidth andMaxHeight:(CGFloat)maxHeight andAttributes:(NSDictionary *)attribute;


#pragma mark - 获取UILable 每行显示的文字

/**
 *  获取lalbe 每行文字
 *
 *  @return 每行文字数组
 */
- (NSArray *)getSeparatedLines;
/**
 *  获取lalbe 每行文字
 *
 *  @param text 根据文字内容
 *
 *  @return 每行文字数组
 */
- (NSArray *)getSeparatedLinesWithText:(NSString*)text;
/**
 *  获取lalbe 每行文字
 *
 *  @param content 文字内容
 *  @param fonte   fonte description
 *  @param size    size description
 *
 *  @return return value description
 */
+(NSArray *)getSeparatedLinesWithText:(NSString*)content andFonte:(UIFont *)fonte andSize:(CGSize)size;


#pragma mark - 完美解决 向UILable 文字最后插入N张图片,支持向限制行数的UILable 最后一行插入,多余文字显示...

/**
 *  向文字末尾追加图片,适用于已知Size的UILable
 *
 *  @param contentStr 文字内容
 *  @param imgs       插入的图片数组, 图片最好带间隔哦
 */
-(void)insertImgToContentLast:(NSString *)contentStr imgs:(NSArray *)imgs;
/**
 *  向文字末尾追加图片,适用于AutoLayout 的UILable
 *
 *  @param contentStr    文字内容
 *  @param imgs          插入的图片数组, 图片最好带间隔哦
 *  @param estimateWidth 预估的UILable 最大宽度(已知的最大宽度)
 */
-(void)insertImgToContentLast:(NSString *)contentStr imgs:(NSArray *)imgs estimateWidth:(CGFloat)estimateWidth;
/**
 *  向已知文字后插入图片
 *
 *  @param insertImgArr           insertImgArr description
 *  @param appendAttributedString 可为nil
 */
-(void)configTitleLableAttributedString:(NSArray *)insertImgArr AttributedString:(NSMutableAttributedString *)appendAttributedString;

@end
//
//  UILabel+StringFrame.m
//  QYER
//
//  Created by qyer on 15/3/19.
//  Copyright (c) 2015年 QYER. All rights reserved.
//

#import "UILabel+StringFrame.h"

#import <CoreText/CoreText.h>

@implementation UILabel (StringFrame)

#pragma mark - 获取UILable Size

- (CGSize)boundingRectWithSize:(CGSize)size
{
    NSDictionary *attribute = @{NSFontAttributeName: self.font};
    
    CGSize retSize = [self.text boundingRectWithSize:size
                                             options:\
                      NSStringDrawingTruncatesLastVisibleLine |
                      NSStringDrawingUsesLineFragmentOrigin |
                      NSStringDrawingUsesFontLeading
                                          attributes:attribute
                                             context:nil].size;
    
    return retSize;
}

+(CGSize)getContentSize:(NSString *)content font:(UIFont *)pFont width:(CGFloat)pWidth{
    
    CGSize contentSize;
    if (kIsIOS7) {
        contentSize = [content boundingRectWithSize:CGSizeMake(pWidth, MAXFLOAT) options:NSStringDrawingUsesLineFragmentOrigin attributes:[NSDictionary dictionaryWithObjectsAndKeys:pFont,NSFontAttributeName, nil] context:nil].size;
    }else{
#pragma clang diagnostic push
#pragma clang diagnostic ignored "-Wdeprecated-declarations"
        contentSize = [content sizeWithFont:pFont constrainedToSize:CGSizeMake(pWidth, MAXFLOAT) lineBreakMode:NSLineBreakByCharWrapping];
#pragma clang diagnostic pop

    }
    return contentSize;
}

+(CGSize)getContentSize:(NSString *)content font:(UIFont *)pFont height:(CGFloat)pHeight{
    
    CGSize contentSize;
    if (kIsIOS7) {
        contentSize = [content boundingRectWithSize:CGSizeMake(MAXFLOAT, pHeight) options:NSStringDrawingUsesLineFragmentOrigin attributes:[NSDictionary dictionaryWithObjectsAndKeys:pFont,NSFontAttributeName, nil] context:nil].size;
    }else{
#pragma clang diagnostic push
#pragma clang diagnostic ignored "-Wdeprecated-declarations"
        contentSize = [content sizeWithFont:pFont constrainedToSize:CGSizeMake(MAXFLOAT, pHeight) lineBreakMode:NSLineBreakByCharWrapping];
#pragma clang diagnostic pop

    }
    return contentSize;
}

/**
*  根据文本获取size ,有最大 宽高限制
*
*  @param string    文本
*  @param maxWidth  最大宽
*  @param maxHeight 最大高
*  @param attribute 富文本属性
*
*  @return size
*/
+(CGSize)getContentSizeWithContentText:(NSString *)string andMaxWidth:(CGFloat)maxWidth andMaxHeight:(CGFloat)maxHeight  andAttributes:(NSDictionary *)attribute{
    CGSize size = CGSizeZero;
    if (IsEmpty(string)) {
        return size;
    }
    if (string) {
        if ([string respondsToSelector:
             @selector(boundingRectWithSize:options:attributes:context:)]) {
            size = [string boundingRectWithSize:CGSizeMake(maxWidth, maxHeight)
                                        options:NSStringDrawingUsesLineFragmentOrigin| NSStringDrawingTruncatesLastVisibleLine |NSStringDrawingUsesFontLeading
                                     attributes:attribute
                                        context:nil].size;
        }else {
#pragma clang diagnostic push
#pragma clang diagnostic ignored "-Wdeprecated-declarations"
            size = [string sizeWithFont:attribute[@"NSFontAttributeName"]
                      constrainedToSize:CGSizeMake(maxWidth, maxHeight)
                          lineBreakMode:NSLineBreakByCharWrapping];
#pragma clang diagnostic pop
        }
    }
    if (!CGSizeEqualToSize(CGSizeZero, size)) {
        
        CGFloat wight = maxWidth;
        CGFloat height = ceil(size.height);
        /**
         *  使用 NIAttributedLabel 有个bug ,当文字只有一行或不满一行 会出现文字显示不出来
         */
        if (!attribute) {
            NSArray *rows = [UILabel getSeparatedLinesWithText:string  andFonte:attribute[NSFontAttributeName] andSize:size];
            if ([rows count]==1) {
                CGSize offsetSize = [UILabel getContentSize:string font:attribute[NSFontAttributeName] width:maxWidth];
                size = CGSizeMake(ceil(offsetSize.width) , ceil(offsetSize.height));
            }else{
                size = CGSizeMake(wight ,height);
            }
        }else {
            size = CGSizeMake(wight ,height);
        }
    }
    return size;
}


/**
 *  根据文本获取size ,有最大 宽高限制
 *
 *  @param string    文本
 *  @param maxWidth  最大宽
 *  @param maxHeight 最大高
 *  @param font      字体
 *  @param lineSpace 行间距(如果使用默认的,就传nil)
 *
 *  @return size
 */
+(CGSize)getContentSizeWithContentText:(NSString *)string andMaxWidth:(CGFloat)maxWidth andMaxHeight:(CGFloat)maxHeight AndFont:(UIFont*)font andLineSpacing:(NSNumber *)lineSpace{
    CGSize size = CGSizeZero;
    if (IsEmpty(string)) {
        return size;
    }
    if (string && font) {
        if ([string respondsToSelector:
             @selector(boundingRectWithSize:options:attributes:context:)]) {
            NSMutableParagraphStyle * paragraphStyle = [[NSMutableParagraphStyle alloc] init];
            paragraphStyle.lineBreakMode = NSLineBreakByWordWrapping;
            paragraphStyle.alignment = NSTextAlignmentLeft;
            if (lineSpace) {
                paragraphStyle.lineSpacing = [lineSpace floatValue];
            }
            size = [string boundingRectWithSize:CGSizeMake(maxWidth, maxHeight)
                                        options:NSStringDrawingUsesLineFragmentOrigin| NSStringDrawingTruncatesLastVisibleLine |NSStringDrawingUsesFontLeading
                                     attributes:@{NSFontAttributeName:font,
                                                  NSParagraphStyleAttributeName:paragraphStyle}
                                        context:nil].size;
            
        }else {
#pragma clang diagnostic push
#pragma clang diagnostic ignored "-Wdeprecated-declarations"
            size = [string sizeWithFont:font
                      constrainedToSize:CGSizeMake(maxWidth, maxHeight)
                          lineBreakMode:NSLineBreakByCharWrapping];
#pragma clang diagnostic pop
        }
    }
    if (!CGSizeEqualToSize(CGSizeZero, size)) {
        
        CGFloat wight = ceil(maxWidth);
        CGFloat height = ceil(size.height );
        
        /**
         *  使用 NIAttributedLabel 有个bug ,当文字只有一行或不满一行 会出现文字显示不出来
         */
        NSArray *rows = [UILabel getSeparatedLinesWithText:string  andFonte:font andSize:size];
        if ([rows count]==1) {
            CGSize offsetSize = [UILabel getContentSize:string font:font width:maxWidth];
            size = CGSizeMake(ceil(offsetSize.width) , ceil(offsetSize.height));
        }else{
            size = CGSizeMake(wight ,height);
        }
        
    }
    return size;
}

#pragma mark - 获取UILable 每行显示的文字

/**
 *  获取lalbe 每行文字
 *
 *  @return 每行文字数组
 */
- (NSArray *)getSeparatedLines {
    return [self getSeparatedLinesWithText:self.text];
}

/**
 *  获取lalbe 每行文字
 *
 *  @param text 根据文字内容
 *
 *  @return 每行文字数组
 */
- (NSArray *)getSeparatedLinesWithText:(NSString*)text
{
    /**
     *  fix NSConcreteMutableAttributedString initWithString:: nil value
     */
    if (!(text && [text isKindOfClass:[NSString class]])) {
        return nil;
    }
    
    return [UILabel getSeparatedLinesWithText:text andFonte:[self font] andSize:[self frame].size];
}

/**
 *  获取lalbe 每行文字
 *
 *  @param content 文字内容
 *  @param fonte   fonte description
 *  @param size    size description
 *
 *  @return 每行文字数组
 */
+(NSArray *)getSeparatedLinesWithText:(NSString*)content andFonte:(UIFont *)fonte andSize:(CGSize)size{
    if (!(content&&[content isKindOfClass:[NSString class]]) ||
        !(fonte&& [fonte isKindOfClass:[UIFont class]]) ||
        CGSizeEqualToSize(CGSizeZero, size)) {
        return nil;
    }
    NSString *text = content;
    UIFont   *font = fonte;
    CGRect    rect = CGRectMake(0, 0, size.width,size.height);
    
    CTFontRef myFont = CTFontCreateWithName((__bridge CFStringRef)([font fontName]), [font pointSize], NULL);
    NSMutableAttributedString *attStr = [[NSMutableAttributedString alloc] initWithString:text];
    [attStr addAttribute:(NSString *)kCTFontAttributeName value:(__bridge id)myFont range:NSMakeRange(0, attStr.length)];
    
    CTFramesetterRef frameSetter = CTFramesetterCreateWithAttributedString((__bridge CFAttributedStringRef)attStr);
    
    CGMutablePathRef path = CGPathCreateMutable();
    CGPathAddRect(path, NULL, CGRectMake(0,0,rect.size.width,100000));
    
    CTFrameRef frame = CTFramesetterCreateFrame(frameSetter, CFRangeMake(0, 0), path, NULL);
    
    NSArray *lines = (__bridge NSArray *)CTFrameGetLines(frame);
    NSMutableArray *linesArray = [[NSMutableArray alloc]init];
    
    for (id line in lines)
    {
        CTLineRef lineRef = (__bridge CTLineRef )line;
        CFRange lineRange = CTLineGetStringRange(lineRef);
        NSRange range = NSMakeRange(lineRange.location, lineRange.length);
        
        NSString *lineString = [text substringWithRange:range];
        [linesArray addObject:lineString];
    }
    
    CFRelease(frameSetter);
    CFRelease(myFont);
    CFRelease(frame);
    CFRelease(path);
    
    return (NSArray *)linesArray;
}

#pragma mark - 完美解决 向UILable 文字最后插入N张图片,支持向限制行数的UILable 最后一行插入,多余文字显示...

/**
 *  向文字末尾追加图片,适用于已知Size的UILable
 *
 *  @param contentStr 文字内容
 *  @param imgs       插入的图片数组, 图片最好带间隔哦
 */
-(void)insertImgToContentLast:(NSString *)contentStr imgs:(NSArray *)imgs{
    if (IsEmpty(contentStr) || !imgs || [imgs count] == 0) {
        self.text = IsEmpty(contentStr)?@"":contentStr;
        return ;
    }
    
    [self insertImgToContentLast:contentStr imgs:imgs estimateWidth:[self frame].size.width];
}
/**
 *  向文字末尾追加图片,适用于AutoLayout 的UILable
 *
 *  @param contentStr    文字内容
 *  @param imgs          插入的图片数组, 图片最好带间隔哦
 *  @param estimateWidth 预估的UILable 最大宽度(已知的最大宽度)
 */
-(void)insertImgToContentLast:(NSString *)contentStr imgs:(NSArray *)imgs estimateWidth:(CGFloat)estimateWidth{
    if (IsEmpty(contentStr) || !imgs || [imgs count] == 0 || estimateWidth == 0) {
        self.text = IsEmpty(contentStr)?@"":contentStr;
        return ;
    }

    //获取每行文字需要预设宽度,不然每个字都会是单独的一行
    self.width = estimateWidth;
    NSArray *textLineArr =  [self getSeparatedLinesWithText:contentStr];
    NSInteger maxLine = self.numberOfLines;
    
    if (maxLine ==  0) {
        self.text = contentStr;
        //追加图片
        [self configTitleLableAttributedString:imgs AttributedString:nil];
        return;
    }
    NSInteger lastLineIndex = maxLine - 1;

    if ([textLineArr count] <= lastLineIndex) {
        self.text = contentStr;
        //追加图片
        [self configTitleLableAttributedString:imgs AttributedString:nil];
        return;
    }
    
    __block CGFloat imgWith = 0.0;
    [imgs enumerateObjectsUsingBlock:^(UIImage* img, NSUInteger idx, BOOL * _Nonnull stop) {
        imgWith += img.size.width;
    }];
    
    CGFloat lastTextMaxWith = estimateWidth - imgWith;
    if (lastTextMaxWith <= 0) {
        self.text = contentStr;
        //追加图片
        [self configTitleLableAttributedString:imgs AttributedString:nil];
        return ;
    }

    if ([textLineArr count] > lastLineIndex) {
        NSMutableString *muShowTitle = [NSMutableString string];
        [textLineArr enumerateObjectsUsingBlock:^(id  _Nonnull obj, NSUInteger idx, BOOL * _Nonnull stop) {
            if (idx > (lastLineIndex - 1)) {
                //预设宽度
                self.width = lastTextMaxWith;
                //最大宽带下能显示的字数
                NSArray *lastLineArr = [self getSeparatedLinesWithText:textLineArr[lastLineIndex]];
                NSString *lastLineText = lastLineArr[0];
                //                DDLogDebug(@"====lastLineText=======%@==",lastLineText);
                if ([lastLineArr count] > 1) {
                    lastLineText = [lastLineText stringByReplacingCharactersInRange:NSMakeRange(lastLineText.length - 3, 3) withString:@"..."];
                }
                //                DDLogDebug(@"====lastLineArr[0]=======%@==",lastLineText);
                [muShowTitle appendString:lastLineText];
                
                * stop = YES;
                return ;
            }
            [muShowTitle appendString:textLineArr[idx]];
        }];
        self.text = muShowTitle;
//        self.width = estimateWidth;
    }

    //追加图片
    [self configTitleLableAttributedString:imgs AttributedString:nil];
}

/**
 *  向已知文字后插入图片
 *
 *  @param insertImgArr           insertImgArr description
 *  @param appendAttributedString 可为nil
 */
-(void)configTitleLableAttributedString:(NSArray *)insertImgArr AttributedString:(NSMutableAttributedString *)appendAttributedString{
    if (!insertImgArr || [insertImgArr count] == 0) {
        return ;
    }
    if (!appendAttributedString) {
        appendAttributedString = [[NSMutableAttributedString alloc] initWithString:self.text];
    }
  
    [insertImgArr enumerateObjectsUsingBlock:^(UIImage* img, NSUInteger idx, BOOL * _Nonnull stop) {
        
        NSTextAttachment *textAttachment = [[NSTextAttachment alloc] init];
        //带 x 的
        textAttachment.image = img;
        
        CGFloat mid = self.font.descender + self.font.capHeight;
        CGFloat imgY = self.font.descender - textAttachment.image.size.height/2 + mid + 2;
        textAttachment.bounds = CGRectMake(0, imgY, textAttachment.image.size.width, textAttachment.image.size.height);
        
        NSAttributedString *iconAttributedString = [NSAttributedString attributedStringWithAttachment:textAttachment];
        [appendAttributedString replaceCharactersInRange:NSMakeRange(self.text.length, 0) withAttributedString:iconAttributedString];
        /**
         fix,当文字刚好够一行,添加图片后折行,but.第二行图片和第一行文字没有行间距。。
         http://scottzhu.com/blog/2015/02/14/attach-stars-to-the-end-of-a-uilabel/
         */
        [appendAttributedString appendAttributedString: [[NSAttributedString alloc] initWithString:@" "]];

        
    }];
    
    self.attributedText = appendAttributedString;
}

@end

作者邮件:zhangxmsy@163.com, 有问题联系。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,098评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,213评论 2 380
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,960评论 0 336
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,519评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,512评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,533评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,914评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,574评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,804评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,563评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,644评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,350评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,933评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,908评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,146评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,847评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,361评论 2 342