iOS 技巧iOS常用我的收藏

YYLabel使用笔记,以及部分踩过的坑

2021-01-06  本文已影响0人  boyka_yang

本文仅记载笔者对 YYLabel相关功能的使用和踩过的一些小坑。



1.1 简单加色修改部分字体,加事件等基本使用
NSString *operateStr = @"在你使用****前,请你务必审慎阅读、充分理解《用户协议》和《隐私政策》各条款。\n\n如你同意,请点击“我知道了”开始接受我们的服务。";
NSMutableAttributedString *text = [[NSMutableAttributedString
                                        alloc]
                                       initWithString:operateStr];
    text.yy_font = TEXT_FONT(16);
    text.yy_color = HEXCOLOR(0x333333);
    NSRange canTouchRange = [operateStr rangeOfString:@"《用户协议》"];
    

    [text yy_setTextHighlightRange:canTouchRange
                             color:AppBlueColor
                   backgroundColor:[UIColor whiteColor]
                         tapAction:^(UIView * _Nonnull containerView, NSAttributedString * _Nonnull text, NSRange range, CGRect rect) {
                             // 点击了第一处
                         }];
    
NSRange bCanTouchRange = [operateStr rangeOfString:@"《隐私政策》"];
[text yy_setTextHighlightRange:bCanTouchRange
                                 color:AppBlueColor
                       backgroundColor:[UIColor whiteColor]
                             tapAction:^(UIView * _Nonnull containerView, NSAttributedString * _Nonnull text, NSRange range, CGRect rect) {
                                 // 点击了第二处
                             }];

CGSize introSize = CGSizeMake(xxxxL.frame.size.width, CGFLOAT_MAX);
YYTextLayout *layout = [YYTextLayout layoutWithContainerSize:introSize text:text];
// 必须重新赋一次,否则赋完attributed内容会重置对齐方式为默认
self.messageL.textAlignment = NSTextAlignmentCenter;
1.2 一段文字尾部追加“全文”“展开”“收起”“详情”“更多”之类“按钮”
xxxxL.truncationToken = self.truncationToken;


- (NSAttributedString *)truncationToken{
    if (!_truncationToken) {
        NSMutableAttributedString *endStr = [[NSMutableAttributedString alloc] initWithString:@"...  全文"];
        YYTextHighlight *yyh = [YYTextHighlight new];
        [yyh setColor:[UIColor greenColor]];//这个是按下的颜色
        
        @weakify(self)
        yyh.tapAction = ^(UIView * _Nonnull containerView, NSAttributedString * _Nonnull text, NSRange range, CGRect rect) {
            @strongify(self)
            NSLog( @"需要展开啦!!!");
        };
        
        NSRange range = [endStr.string rangeOfString:@"全文"];
        [endStr yy_setColor:HEXCOLOR(0x448bf2) range:range];
        [endStr yy_setTextHighlight:yyh range:range];
        endStr.yy_font = [UIFont systemFontOfSize:16];
        
        YYLabel *seeMore = [YYLabel new];
        seeMore.attributedText = endStr;
        [seeMore sizeToFit];
        
        self.truncationToken = [NSAttributedString yy_attachmentStringWithContent:seeMore contentMode:UIViewContentModeCenter attachmentSize:seeMore.frame.size alignToFont:endStr.yy_font alignment:(YYTextVerticalAlignmentCenter)];
    }
    return _truncationToken;
}


YYLabel虽然叫label,然而却是继承至UIView,这就导致有些和UILabel同名的属性不见得完全一样的意义。而我又有个命名习惯(nameL),label统一后缀L,后续就真把他当做了‘label’🤣。
此时就textAlignment属性就有区别了,创建YYLabel对象时设置为 NSTextAlignmentCenter ,而显示时候却还是left。如以下场景:


设计样式 代码执行结果

查找半天无果,最后发现 在给label赋textLayout或attributedText之后需要重新赋一次对齐方式:

xxxxL.attributedText = text;
// xxxxL.textLayout = layout;
xxxxL.textAlignment = NSTextAlignmentCenter;

另外,numbeOfLines属性也有次情况,例如根据不同情况对行数进行不同限制也要如此操作:

xxxxL.attributedText = text;
// xxxxL.textLayout = layout;
xxxxL.numberOfLines = 5;
上一篇下一篇

猜你喜欢

热点阅读