美文网首页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