美文网首页React Native是什么
解决使用TTTAttributedLabel设置字体背景高亮,在

解决使用TTTAttributedLabel设置字体背景高亮,在

作者: JasonEVA | 来源:发表于2016-06-28 10:24 被阅读636次

    使用TTTAttributedLabel设置字体背景高亮,在中英文混合状态下高亮背景高度会不一致如图:

    6E11FA83-D571-4467-B170-996C86DAB106.png

    解决后如图:

    224E0104-6EF5-4099-BB3E-9C216EFC2D7A.png

    具体方法需要新建一个继承自TTTAttributedLabel的类,然后用这个类来创建相应的label对象,方法中使用了runtime中Method Swizzling方法替换了TTTAttributedLabel中的- (void)drawBackground:(CTFrameRef)frame inRect:(CGRect)rect context:(CGContextRef)c方法

    MyTTTLabel.h

    #import <TTTAttributedLabel/TTTAttributedLabel.h>
    
    @interface MyTTTLabel : TTTAttributedLabel
    
    @end
    

    MyTTTLabel.m

    #import "MyTTTLabel.h"
    #import <objc/runtime.h>
    
    @implementation MyTTTLabel
    
    //重写父类处理高亮背景方法
    - (void)drawBackground:(CTFrameRef)frame
                    inRect:(CGRect)rect
                   context:(CGContextRef)c
    {    
        NSArray *lines = (__bridge NSArray *)CTFrameGetLines(frame);
        CGPoint origins[[lines count]];
        CTFrameGetLineOrigins(frame, CFRangeMake(0, 0), origins);
        
        CFIndex lineIndex = 0;
        for (id line in lines) {
            CGFloat ascent = 0.0f, descent = 0.0f, leading = 0.0f;
            CGFloat width = (CGFloat)CTLineGetTypographicBounds((__bridge CTLineRef)line, &ascent, &descent, &leading) ;
            
            /**
             *  解决中英文数字字符混输状态下,高亮背景高度不同意问题
             *  因为TTT是一个字符一个字符画的背景,所以先将所有字符遍历,取出最大的高度和最小的Y,再交给TTT进行处理。
             *  这样画出来的高亮背景高度就会一致
             */
            CGFloat  myHeight = 0.0f;
            CGFloat  myY = 1000.0f;
            for (id glyphRun in (__bridge NSArray *)CTLineGetGlyphRuns((__bridge CTLineRef)line)) {
                NSDictionary *attributes = (__bridge NSDictionary *)CTRunGetAttributes((__bridge CTRunRef) glyphRun);
                UIEdgeInsets fillPadding = [[attributes objectForKey:kTTTBackgroundFillPaddingAttributeName] UIEdgeInsetsValue];
                CGRect runBounds = CGRectZero;
                CGFloat runAscent = 0.0f;
                CGFloat runDescent = 0.0f;
                runBounds.size.width = (CGFloat)CTRunGetTypographicBounds((__bridge CTRunRef)glyphRun, CFRangeMake(0, 0), &runAscent, &runDescent, NULL) + fillPadding.left + fillPadding.right;
                
                runBounds.origin.y = origins[lineIndex].y + rect.origin.y - fillPadding.bottom - rect.origin.y;
                runBounds.origin.y -= runDescent;
                
                //取较大高的作为整体高度
                myHeight = MAX((runAscent + runDescent + fillPadding.top + fillPadding.bottom), myHeight);
                
                //取较小的作为整体的Y
                myY = MIN(runBounds.origin.y, myY);
            }
            
            for (id glyphRun in (__bridge NSArray *)CTLineGetGlyphRuns((__bridge CTLineRef)line)) {
                NSDictionary *attributes = (__bridge NSDictionary *)CTRunGetAttributes((__bridge CTRunRef) glyphRun);
                CGColorRef strokeColor = (__bridge CGColorRef)[attributes objectForKey:kTTTBackgroundStrokeColorAttributeName];
                CGColorRef fillColor = (__bridge CGColorRef)[attributes objectForKey:kTTTBackgroundFillColorAttributeName];
                UIEdgeInsets fillPadding = [[attributes objectForKey:kTTTBackgroundFillPaddingAttributeName] UIEdgeInsetsValue];
                CGFloat cornerRadius = [[attributes objectForKey:kTTTBackgroundCornerRadiusAttributeName] floatValue];
                CGFloat lineWidth = [[attributes objectForKey:kTTTBackgroundLineWidthAttributeName] floatValue];
                
                if (strokeColor || fillColor) {
                    CGRect runBounds = CGRectZero;
                    CGFloat runAscent = 0.0f;
                    CGFloat runDescent = 0.0f;
                    
                    runBounds.size.width = (CGFloat)CTRunGetTypographicBounds((__bridge CTRunRef)glyphRun, CFRangeMake(0, 0), &runAscent, &runDescent, NULL) + fillPadding.left + fillPadding.right;
                    runBounds.size.height = myHeight;
                    
                    CGFloat xOffset = 0.0f;
                    CFRange glyphRange = CTRunGetStringRange((__bridge CTRunRef)glyphRun);
                    switch (CTRunGetStatus((__bridge CTRunRef)glyphRun)) {
                        case kCTRunStatusRightToLeft:
                            xOffset = CTLineGetOffsetForStringIndex((__bridge CTLineRef)line, glyphRange.location + glyphRange.length, NULL);
                            break;
                        default:
                            xOffset = CTLineGetOffsetForStringIndex((__bridge CTLineRef)line, glyphRange.location, NULL);
                            break;
                    }
                    
                    runBounds.origin.x = origins[lineIndex].x + rect.origin.x + xOffset - fillPadding.left - rect.origin.x;
                    runBounds.origin.y = myY;
                    
                    // Don't draw higlightedLinkBackground too far to the right
                    if (CGRectGetWidth(runBounds) > width) {
                        runBounds.size.width = width;
                    }
                    
                    CGPathRef path = [[UIBezierPath bezierPathWithRoundedRect:CGRectInset(UIEdgeInsetsInsetRect(runBounds, self.linkBackgroundEdgeInset), lineWidth, lineWidth) cornerRadius:cornerRadius] CGPath];
                    
                    CGContextSetLineJoin(c, kCGLineJoinRound);
                    
                    if (fillColor) {
                        CGContextSetFillColorWithColor(c, fillColor);
                        CGContextAddPath(c, path);
                        CGContextFillPath(c);
                    }
                    
                    if (strokeColor) {
                        CGContextSetStrokeColorWithColor(c, strokeColor);
                        CGContextAddPath(c, path);
                        CGContextStrokePath(c);
                    }
                }
            }
            
            lineIndex++;
        }
    }
    
    @end
    
    

    使用方法

    MyTTTLabel *tttLb = [[MyTTTLabel alloc] initWithFrame:CGRectMake(20, 100, 400, 80)];
        [tttLb setBackgroundColor:[UIColor lightGrayColor]];
        [self.view addSubview:tttLb];
        NSMutableAttributedString *mutableAttributedString = [[NSMutableAttributedString alloc] initWithString:@"梵蒂冈的风格1,萨克斯决定dddd,但是jkdsnks。" attributes:@{NSFontAttributeName:[UIFont systemFontOfSize:15],
                                                                                                                             NSForegroundColorAttributeName:[UIColor whiteColor]}];
        [mutableAttributedString setAttributes:@{NSFontAttributeName:[UIFont systemFontOfSize:15],
                                                                     NSForegroundColorAttributeName:(__bridge id)[UIColor yellowColor].CGColor,
                                                                     (NSString *)kTTTBackgroundFillColorAttributeName:(__bridge id)[UIColor blueColor].CGColor,
                                                                     (NSString *)kTTTBackgroundCornerRadiusAttributeName:@2} range:NSMakeRange(0, 20)];
        [tttLb setAttributedText:mutableAttributedString];
    

    相关文章

      网友评论

      • 肆意二货:我替换了,但是有字母和文本混合的,高度就会不一样呢。
        JasonEVA:@StrangeAndSmile 恩,是有这个问题,因为我的需求是@的人名高亮,所以高亮的都是@打头的,也就是符号开头,而你这个问题是中文开头的话会出现,我之前没发现。原因是TTT是一个字一个字画的背景,而我之前做的处理是后一个字的高度比前一个字低就采用前一个字的高度(因为@开头有的话,符号的高度就是最高高度)。现在我优化了一下,不管是中文开头还是字母符号开头都一样了。还是要感谢你,不然我都发现不了这个问题 :smiley:
        肆意二货:@JasonEVA 有一部分可以,有一部分不可以。例如:萨克斯决定dddd,但是jkdsnks。高度就会不一致。
        JasonEVA:@StrangeAndSmile 是吗?替换了方法没有用?
      • JasonEVA:设置NSMutableAttributedString,

        [mutableAttributedString setAttributes:@{NSFontAttributeName:font,
        NSForegroundColorAttributeName:(__bridge id)highlightedColor.CGColor,
        (NSString *)kTTTBackgroundFillColorAttributeName:(__bridge id)highlightedBackgroundColor.CGColor,
        (NSString *)kTTTBackgroundCornerRadiusAttributeName:@2} range:NSMakeRange(i, length)];
        肆意二货:@JasonEVA [linkAttributes setValue:(__bridge id)[UIColor clearColor].CGColor forKey:kTTTBackgroundFillColorAttributeName]; _label.linkAttributes = linkAttributes;
        首先我给链接设置了这个,然后在点击链接的高亮状态设置了这个, [mutableActiveLinkAttributes setValue:(__bridge id)[UIColor redColor].CGColor forKey:kTTTBackgroundFillColorAttributeName];

        _label.activeLinkAttributes = mutableActiveLinkAttributes;
        然后在点击文本的时候,就是一样高的了,谢谢啦。
        肆意二货:@JasonEVA wo替换了,但是不是所有的混合都好使,有一部分是不好使用的。
      • 肆意二货:你好,请问你那个北京高亮时怎么设置的?

      本文标题:解决使用TTTAttributedLabel设置字体背景高亮,在

      本文链接:https://www.haomeiwen.com/subject/dmktjttx.html