UILabel 富文本显示文字和图片

最新推荐文章于 2020-08-16 09:34:34 发布

置顶 _snake

最新推荐文章于 2020-08-16 09:34:34 发布

阅读量4k

点赞数

CC 4.0 BY-SA版权

分类专栏： UI 文章标签： ios开发 UI label iOS uilabel 图片

本文链接：https://blog.youkuaiyun.com/u013250412/article/details/52776886

UI 专栏收录该内容

9 篇文章

订阅专栏

本文介绍如何在iOS应用中使用UILabel显示富文本，包括文字与图片的结合，通过设置attributedText属性实现复杂的文本展示效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//    在UILabel上显示文字和图片
    //UIlabel 富文本字体显示不同颜色
    UILabel *testLabel = [[UILabel alloc]initWithFrame:CGRectMake(0, 100, 320, 30)];
    testLabel.backgroundColor = [UIColor lightGrayColor];
    testLabel.textAlignment = NSTextAlignmentCenter;
    NSMutableAttributedString *AttributedStr = [[NSMutableAttributedString alloc] initWithString:@"今天天气不错呀"];
    [AttributedStr addAttribute:NSFontAttributeName value:[UIFont systemFontOfSize:20.0] range:NSMakeRange(2, 2)];
    [AttributedStr addAttribute:NSForegroundColorAttributeName value:[UIColor redColor] range:NSMakeRange(2, 3)];
    testLabel.attributedText = AttributedStr;
    [self.view addSubview:testLabel];

    //UIlabel 富文本图文混排
    UILabel *testLabel_2 =[[UILabel alloc]init];
    testLabel_2.frame =CGRectMake(0, 100+50, 200, 100);
    testLabel_2.backgroundColor =[UIColor redColor];
    testLabel_2.textColor = [UIColor greenColor];
    [self.view addSubview:testLabel_2];

    NSString *str1 = @"我的";
    NSString *str2 = @"图片";
    // 创建一个富文本
    NSMutableAttributedString *attri = [[NSMutableAttributedString alloc] initWithString:[NSString stringWithFormat:@"%@%@",str1,str2]];
    // 修改富文本中的不同文字的样式
    [attri addAttribute:NSForegroundColorAttributeName value:[UIColor blueColor] range:NSMakeRange(0, str1.length)];
    [attri addAttribute:NSFontAttributeName value:[UIFont systemFontOfSize:20] range:NSMakeRange(0, str1.length)];
    // 设置数字
    [attri addAttribute:NSForegroundColorAttributeName value:[UIColor greenColor] range:NSMakeRange(str1.length, str2.length)];
    [attri addAttribute:NSFontAttributeName value:[UIFont systemFontOfSize:30] range:NSMakeRange(str1.length, str2.length)];
    // 创建一个放置图片的富文本
    // 添加表情
    NSTextAttachment *attch = [[NSTextAttachment alloc] init];
    // 表情图片
    attch.image = [UIImage imageNamed:@"biaoqian"];
    // 设置图片大小
    attch.bounds = CGRectMake(0, 0, 40, 40);
    // 创建带有图片的富文本
    NSAttributedString *string = [NSAttributedString attributedStringWithAttachment:attch];
    [attri insertAttributedString:string atIndex:3];

testLabel_2.attributedText = attri;

如下图：