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

原创 2016年06月01日 19:34:13

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;






ios uilabel显示图片和各种属性说明 uilabel很强大!!!!

代码如下 方法调用如下 NSString * Str = @"中国人民解放军万岁,中华人民共和国万岁,万岁!"; self.attrobiuteLabel.attributedText =...

UILabel中插入图片

NSMutableAttributedString *string = [[NSMutableAttributedString alloc] initWithString:@"1234567" ...

iOS 运用富文本在UILabel上显示图片

NSMutableAttributedString * attrubedStr = [[NSMutableAttributedString alloc]initWithString:[NSStrin...

【iOS开发】在UILabel中同时显示图片和文字,"混排"。

一、 用户场景:实现微信、QQ的聊天对话框中,文字和表情同时存在功能,即图文混排。二、思路描述:(1) 使用富文本方法UILabel有text这个文本属性,要做到富文本效果,就需要用到一个并不是所有人...

在UILabel中 显示文字和图片

1    //1.创建一个可变属性字符串      2        NSMutableAttributedString *string = [[NSMutableAttributedString...

iOS开发笔记--UILabel的相关属性设置

在iOS编程中UILabel是一个常用的控件,下面分享一下UILabel的相关属性设置的方法。 很多学习iOS6编程都是从storyboard开始,用到UILabel时是将控件拖到storybo...
  • hopedark
  • hopedark
  • 2014年05月07日 17:28
  • 49655

ios中使用emoji表情

在iOS UILabel,UITextView,UIAlertView等控件中都可以使用 使用方法如下 NSString *s = [NSString stringWithFormat:@"Thi...

iOS自带表情图标,可用转义字符使用

下面的表情可直接用右边的转义字符生成 NSString *s = @"This is a smiley \ue415 face";    testFace.text = s;    上面的...

iOS 开发笔记---在Label中显示图片

小技巧,如何在Label中显示图片 这个需求其实是有的,比如QQ聊天界面里面发送的信息,可以用label来显示文字(也可以用button显示),但是有时候用户可能会发送图片。如果能让Labe...

UILabel attributedText的一个坑

写一个自动计算高度控制行间距的UILabel   先写个UILabel - (UILabel *)resultLbl{     if (_resultLbl == nil)...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:IOS--如何在UILabel上显示图片
举报原因:
原因补充:

(最多只允许输入30个字)