美文网首页iOS开发IOS网友们的篇章iOS新手学习
CJLabel图文混排一 ——UILabel富文本显示以及任意字

CJLabel图文混排一 ——UILabel富文本显示以及任意字

作者: lele8446 | 来源:发表于2016-04-20 16:23 被阅读3778次

    CJLabel已经更新最新版本V2.1.2 ,相关文章介绍看这里CJLabel图文混排二 —— UILabel插入图片以及精确链点点击


    在NSAttributedString出现之前,UILabel只能做简单的文本显示,如果要显示富文本我们只能通过Core Text来实现,同时UILabel的userInteractionEnabled属性默认是NO的,即不能响应用户的交互操作。在本文我通过UILabel的attributedText来显示富文本(关于对NSAttributedString的封装以及size信息的计算,可参照上一篇文章动态计算NSAttributedString的size大小),同时判断每次点击label时对应字符的NSRange位置信息,实现了任意字符的点击响应。


    • 先上效果图 image
    • 创建UILabel的子类CJLabel
      @interface CJLabel : UILabel
      /**
      * 是否加大点击响应范围,类似于UIWebView的链点点击效果,默认NO
      */
      @property (nonatomic, assign) BOOL extendsLinkTouchArea;

      /**
       *  文本中内容相同的链点是否都能够响应点击,
       *  必须在设置self.attributedText前赋值,
       *  如果值为NO,则取文本中首次出现的链点,
       *  默认YES
       */
      @property (nonatomic, assign) IBInspectable BOOL sameLinkEnable;
      
      /**
        *  增加点击链点
        *
        *  @param linkString 响应点击的字符串
        *  @param linkDic    响应点击的字符串的Attribute值
        *  @param parameter  响应点击的字符串的相关参数:id,色值,字体大小等
        *  @param linkBlock  点击回调
        */
        - (void)addLinkString:(NSString *)linkString linkAddAttribute:(NSDictionary *)linkDic linkParameter:(id)parameter block:(CJLinkLabelModelBlock)linkBlock;
      
      /**
        *  取消点击链点
        *
        *  @param linkString 取消点击的字符串
        */
      - (void)removeLinkString:(NSAttributedString *)linkString;
      @end
      

    方法- addLinkString: linkAddAttribute: linkParameter: block:添加要响应点击事件的字符串,block为点击该字符串对应的回调事件;- removeLinkString:移除点击事件。

      - (void)addLinkString:(NSAttributedString *)linkString block:(CJLinkLabelModelBlock)linkBlock {
          CJLinkLabelModel *linkModel = [[CJLinkLabelModel alloc]initLinkLabelModelWithString:linkString range:[self getRangeWithLinkString:linkString] block:linkBlock];
          if (nil != linkModel) {
              [self.linkArray addObject:linkModel];
          }
      }
    

    CJLinkLabelModel是自定义的点击链点model类,包含三个属性linkBlock(该链点的点击回调事件)、linkString(链点对应的字符串)、range(链点对应的NSRange信息)、parameter(可传递点击链点的相关参数:id,色值,字体大小等)。每添加一段能够响应点击事件的字符串,都新创建一个CJLinkLabelModel,并add到self.linkArray中。

    设置CJLabel的属性self.userInteractionEnabled = YES,同时重写- touchesBegan: withEvent:方法

      - (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(nullable UIEvent *)event {
         UITouch * touch = touches.anyObject;
         //获取触摸点击当前view的坐标位置
         CGPoint location = [touch locationInView:self];
         //判断是否响应了点击事件
         if(![self needResponseTouchLabel:location]) {
            [self.nextResponder touchesBegan:touches withEvent:event];
         }
      }
    

    - needResponseTouchLabel方法将点击坐标转化为对应的第index个字符,然后遍历self.linkArray数组,判断该字符是否在需响应点击事件的字符串数组内,是的话则响应点击回调,否则向self.nextResponder继续传递点击交互。

    另外self.extendsLinkTouchArea可以设置是否加大点击响应范围,类似于UIWebView的链点点击效果,默认NO。

    - removeLinkString:方法

      - (void)removeLinkString:(NSAttributedString *)linkString {
          __block NSUInteger index = 0;
          __block BOOL needRemove = NO;
         [self.linkArray enumerateObjectsUsingBlock:^(id num, NSUInteger idx, BOOL *stop){
              CJLinkLabelModel *linkModel = (CJLinkLabelModel *)num;
              if ([linkModel.linkString isEqualToAttributedString:linkString]) {
                  index = idx;
                  needRemove = YES;
                  *stop = YES;
               }
          }];
          [self.linkArray removeObjectAtIndex:index];
      }
    
    CJLabel的使用
    • 使用cocoapods安装
      Podfile

      platform :ios, '7.0'
      pod 'CJLabel', '~> 1.0.3'

    • 直接引用
      从GitHub下载CJLabel文件夹,直接引用到工程中。

    最后附上demo地址

    相关文章

      网友评论

      • 愤怒的程序猿哈哈:怎么设置其他文字的大小???
        NSMutableAttributedString *attStr = [[NSMutableAttributedString alloc] initWithString:[NSString stringWithFormat:@" %@",topStr]];
        CJLabelConfigure *configure = [CJLabel configureAttributes:nil isLink:NO activeLinkAttributes:nil parameter:nil clickLinkBlock:nil longPressBlock:nil];
        //设置点击链点属性
        configure.attributes = @{NSForegroundColorAttributeName:GLZRGB(80, 125, 175),
        NSFontAttributeName:GLZFONT_SCALE(15)
        };
        //设置点击高亮属性
        configure.activeLinkAttributes = @{NSForegroundColorAttributeName:GLZRGB(80, 125, 175),
        NSFontAttributeName:GLZFONT_SCALE(15)
        };
        //链点自定义参数
        configure.parameter = model.diary.brand_name;
        //点击回调(也可通过设置self.label.delegate = self代理,返回点击回调事件)
        configure.clickLinkBlock = ^(CJLabelLinkModel *linkModel) {
        //do something
        };
        //长按回调
        configure.longPressBlock = ^(CJLabelLinkModel *linkModel) {
        //do something
        };
        //设置为可点击链点
        configure.isLink = YES;
        //设置点击链点
        attStr = [CJLabel configureAttrString:attStr
        withString:model.diary.brand_name
        sameStringEnable:YES
        configure:configure];
        愤怒的程序猿哈哈:@lele8446 谢谢大佬哈哈
        lele8446:NSMutableAttributedString *attStr = [[NSMutableAttributedString alloc] initWithString:[NSString stringWithFormat:@" %@",topStr]];
        这里拼接字符时候,手动设置不同字体大小就可以
      • 0bae5fcd7070:虽然点击的区域不是很精确,依然很感谢分享
      • dc0db66b3d58:NSString *nameStr = @"张三";
        NSString *telStr = @"15011824510";

        NSString *str = [NSString stringWithFormat:@"%@(%@)",nameStr,telStr];
        NSDictionary *attribs = @{

        NSFontAttributeName:[UIFont systemFontOfSize:13]

        };
        NSMutableAttributedString *attributedText =

        [[NSMutableAttributedString alloc] initWithString:str

        attributes:attribs];

        self.hostContactL.attributedText = attributedText;

        NSRange textRange =[str rangeOfString:telStr];

        if(textRange.length>0){

        NSDictionary *linkDic = @{
        NSForegroundColorAttributeName:[UIColor redColor],/*(字体颜色)*/
        NSUnderlineStyleAttributeName:@(NSUnderlineStyleSingle)
        };


        [self.hostContactL addLinkString:telStr linkAddAttribute:linkDic block:^(CJLinkLabelModel *linkModel) {
        [[UIApplication sharedApplication]openURL:[NSURL URLWithString:[NSString stringWithFormat:@"telprompt:%@",telStr]]];

        }];

        }

        检查了半天代码没问题啊,就是下划线出不来。。。。
        lele8446:@kynethy :joy:可能是吧,我也没有在所有系统上全面测试
        dc0db66b3d58:@lele8446 我用原始代码实现了对富文本的某段文本加划线这个功能,发现:(1)在某些系统下,确实出现了这个问题,比如我用的i5 8.1。而i4 7.0 和i6 10.0 都正常.(2) 对全部富文本都加下滑线时,i5 8.1又显示正常。这应该是系统内部机制的bug了
        lele8446:@kynethy 我试了,是可以出现下划线的。只是你这里字体大小为13,点击范围太小了。可以试下将self.hostContactL.extendsLinkTouchArea = YES属性开启,实在不行就在设置完attributedText后调用[self.hostContactL sizeToFit]
      • ios肖:我需要cjlabel的源码
        lele8446:@ios肖 GitHub上即可下载
      • stormrage曦正:直接添加" addLinkString: linkAddAttribute: block: "这个方法就好吗?还是有其它限制?我添加之后好像没什么效果呀
        =========代码片段===============
        _label = [[CJLabel alloc]initWithFrame:CGRectMake(10, 10, 250, 100)];
        _label.userInteractionEnabled = YES;
        _label.extendsLinkTouchArea = YES;
        _label.textColor = [UIColor redColor];
        NSString *str = @"hello world";
        _label.text = str;
        [self.view addSubview:_label];
        [_label addLinkString:@"hello" linkAddAttribute:@{NSForegroundColorAttributeName:[UIColor blueColor]} block:^(CJLinkLabelModel *linkModel) {

        NSLog(@"%@",linkModel.linkString);
        }];
        =======================
        lele8446:@曦正爱幼 addLinkString: linkAddAttribute: block:方法要能够响应点击,前提是UILabel的frame值是根据文本内容label.attributedText动态适应的。你在_label.text = str后面加上[_label sizeToFit]就ok了,另外最好是设置_label.attributedText=xxx,而不是_label.text。
      • phzean:受教

      本文标题:CJLabel图文混排一 ——UILabel富文本显示以及任意字

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