关闭

IOS--如何在UILabel上显示图片

标签: lable添加图片lable实现图文混排lable上同时存在图片和文字IOS图片文字混排lable
2181人阅读 评论(1) 收藏 举报
分类:

IOS--如何在UILabel上显示图片

前言

在做xmpp聊天的时候,大家不自然的就想到了能发文字能图片等等

关于如何在lab上显示图片笔者也是为了图个方便  用一个lab就能搞定可以显示文字也可以显示图片

1. 首先创建一个lable

    self.lable =[[UILabel alloc]init];
    self.lable.frame =CGRectMake(0, 100, 100, 100);
    self.lable.backgroundColor =[UIColor clearColor];
    [self.view addSubview:self.lable];

2. 生成文本附件

UIImage *img = [UIImage imageNamed:@"Chat_head"];
    NSTextAttachment *textAttach = [[NSTextAttachment alloc]init];
    textAttach.image = img;

3.  使用文本附件创建属性文本

NSAttributedString * strA =[NSAttributedString attributedStringWithAttachment:textAttach];
    
    self.lable.attributedText = strA;


所有人都知道label.Text 但应该不是全都知道label.attributedText 

使用文本附件给label的属性文本赋值。







实现图文混排功能
聊天时候会出现图文混排的情况, 其实实现也很简单
代码如下:
1. 创建一个lable  两个字符串
self.lable =[[UILabel alloc]init];
    self.lable.frame =CGRectMake(0, 100, 200, 100);
    self.lable.backgroundColor =[UIColor redColor];
    self.lable.textColor = [UIColor greenColor];
    [self.view addSubview:self.lable];
    self.view.backgroundColor = [UIColor yellowColor];
    
    NSString *str1 = @"延安路";
    NSString *str2 = @"上塘路";

2. 创建一个可变的富文本 添加文字
// 创建一个富文本
    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)];

3. 创建一个放置图片的富文本
// 添加表情
    NSTextAttachment *attch = [[NSTextAttachment alloc] init];
    // 表情图片
    attch.image = [UIImage imageNamed:@"Chat_head"];
    // 设置图片大小
    attch.bounds = CGRectMake(0, 0, 40, 40);
    
    // 创建带有图片的富文本
    NSAttributedString *string = [NSAttributedString attributedStringWithAttachment:attch];
    [attri insertAttributedString:string atIndex:3];

4. 用label的attributedText属性来使用富文本
self.lable.attributedText = attri;






1
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:18856次
    • 积分:442
    • 等级:
    • 排名:千里之外
    • 原创:25篇
    • 转载:8篇
    • 译文:0篇
    • 评论:8条
    最新评论