objective-c - ios 超过一定行数的label强制在末尾加上一个...展开且可以点击成全文

Question

如题

比如

这个UIlabel 本该显示成

顶顶顶顶顶顶顶顶顶顶的大多数是是是是
顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶
谁谁谁水水水水是是是是是是是是是是撒
大多数是山东省撒打算打算打算打算的收
水电费第三方第三方说的发送到发送到范
水电费第三方士大夫士大夫。

但是 现在业务要求最多显示3行 如果小于3行有多少航显示多少行 超过三行的话显示如下

顶顶顶顶顶顶顶顶顶顶的大多数是是是是
顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶
谁谁谁水水水水是是是是是是是...展开

其中展开是蓝色 一点击...展开才变成

顶顶顶顶顶顶顶顶顶顶的大多数是是是是
顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶
谁谁谁水水水水是是是是是是是是是是撒
大多数是山东省撒打算打算打算打算的收
水电费第三方第三方说的发送到发送到范
水电费第三方士大夫士大夫。

我现在虽然到达了效果 但是方法比较复杂 且有时候还有问题 我想想问问大家 有没有什么好办法 好思路 最好有代码可以参考 谢谢了

Answer 1

楼上限制字数是不实际的，汉字一样的宽度，但是其他字符宽度不一致，比如1和8，一和1，i和u，W和I……
这个问题要用CoreText，手动改排版，网上有这种AttributeLabel先下载代码看看，自己完全手写是很难的，给你看一眼之前我们项目之前网上下的代码又自己改的，跟你这个需求有点像，他这个是只加了...可以参考，下面这个方法是这个自定义lable的方法

- (void)drawTextInRect:(CGRect)rect
{
    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextSaveGState(context);
    //将当前context的坐标系进行flip,否则上下颠倒
    CGAffineTransform flipVertical = CGAffineTransformMake(1,0,0,-1,0,self.bounds.size.height);
    CGContextConcatCTM(context, flipVertical);
    //设置字形变换矩阵为CGAffineTransformIdentity，也就是说每一个字形都不做图形变换
    CGContextSetTextMatrix(context, CGAffineTransformIdentity);
    NSString *attrStr = self.resultAttributedString.string;
    NSRange range = NSMakeRange(0, attrStr.length);
    NSDictionary *dic = [self.resultAttributedString attributesAtIndex:0 effectiveRange:&range];
    NSMutableParagraphStyle *ps =  [dic objectForKey:NSParagraphStyleAttributeName];
    BOOL truncatTail = NO;
    if(ps.lineBreakMode == NSLineBreakByTruncatingTail)
    {
        truncatTail = YES;
    }
    
    CTFramesetterRef framesetter = [self framesetter];
    CGMutablePathRef pathRef = CGPathCreateMutable();
    CGPathAddRect(pathRef,NULL , CGRectMake(0, 0, self.bounds.size.width, self.bounds.size.height));
     _textFrame = CTFramesetterCreateFrame(framesetter, CFRangeMake(0, 0), pathRef,NULL );
    NSInteger numberOfLines = [self numberOfDisplayedLines];
    
    CGSize tempSize = self.frame.size;
    CGSize trueSize = [self getLLLLabelSize];
   
    if (_textFrame)
    {
        if (numberOfLines > 0 && tempSize.height < trueSize.height)
        {
            CFArrayRef lines = CTFrameGetLines(_textFrame);
            
            CGPoint lineOrigins[numberOfLines];
            CTFrameGetLineOrigins(_textFrame, CFRangeMake(0, numberOfLines), lineOrigins);
            NSAttributedString *attributedString = self.resultAttributedString;
            for (CFIndex lineIndex = 0; lineIndex < numberOfLines; lineIndex++)
            {
                CGPoint lineOrigin = lineOrigins[lineIndex];
                CGContextSetTextPosition(context, lineOrigin.x, lineOrigin.y);
                CTLineRef line = CFArrayGetValueAtIndex(lines, lineIndex);
                
                BOOL shouldDrawLine = YES;
                if (lineIndex == numberOfLines - 1 )
                {
                    // Does the last line need truncation?
                    CFRange lastLineRange = CTLineGetStringRange(line);
                    if (lastLineRange.location + lastLineRange.length < attributedString.length)
                    {
                        CTLineTruncationType truncationType = kCTLineTruncationEnd;
                        //加省略号的位置
                        NSUInteger truncationAttributePosition = lastLineRange.location + lastLineRange.length - 1;
                        //获取省略号位置的字符串属性
                        NSDictionary *tokenAttributes = [attributedString attributesAtIndex:truncationAttributePosition
                                                                             effectiveRange:NULL];
                        //初始化省略号的属性字符串
                        NSAttributedString *tokenString = [[NSAttributedString alloc] initWithString:kEllipsesCharacter
                                                                                          attributes:tokenAttributes];
                        //创建一行
                        CTLineRef truncationToken = CTLineCreateWithAttributedString((CFAttributedStringRef)tokenString);
                        NSMutableAttributedString *truncationString = [[attributedString attributedSubstringFromRange:NSMakeRange(lastLineRange.location, lastLineRange.length)] mutableCopy];
                        
                        if (lastLineRange.length > 0)
                        {
                            // Remove last token
                            [truncationString deleteCharactersInRange:NSMakeRange(lastLineRange.length - 1, 1)];
                        }
                        [truncationString appendAttributedString:tokenString];
                        
                        //创建省略号的行
                        CTLineRef truncationLine = CTLineCreateWithAttributedString((CFAttributedStringRef)truncationString);
                        // 在省略号行的末尾加上省略号
                        CTLineRef truncatedLine = CTLineCreateTruncatedLine(truncationLine, rect.size.width, truncationType, truncationToken);
                        if (!truncatedLine)
                        {
                            // If the line is not as wide as the truncationToken, truncatedLine is NULL
                            truncatedLine = CFRetain(truncationToken);
                        }
                        CFRelease(truncationLine);//CF得自己释放，ARC的不会释放
                        CFRelease(truncationToken);
                        
                        CTLineDraw(truncatedLine, context);
                        CFRelease(truncatedLine);
                        
                        shouldDrawLine = NO;
                    }
                }
                if(shouldDrawLine)
                {
                    CTLineDraw(line, context);
                }
            }
        }
        else
        {
            CTFrameDraw(_textFrame,context);
        }
    }
    
    CGContextRestoreGState(context);
}

Answer 2

这个需求确实有点难。如果是我的话，可能会用两种变通的方法：

1. 不是限制 3 行，而是限制大约不超过 3 行的字数，比如 50 个字，然后字符串截断，拼上『...』，再拼上『展开』，用TTTAttributedlabel就可以加点击事件了。字数还可以根据几种屏幕宽度分别决定。

2. 把那个『展开』挪到 label 范围外面去，那个 label 的 numberOfLines 限成 3，然后『展开』是一个单独的按钮，放到外面去……

如果非要实现这个…… 我能想到的办法就是把字符串在比较有可能是 3 行的范围内从头到尾扫一遍，比如从 40 个字到 60 个字，先 subString 再算 boundingRect 的 height，直到发现它变成 4 行为止。前面的文字正好填满 3 行，再多截掉几个字，拼上『...』，再拼上『展开』。但是算 boundingRect 的那个方法是比较慢的，这样肯定效率很低。不是很建议用。

Answer 3

你怎么实现的?

Answer 4

我也在找这个控件