UILabel添加图片之富文本的简单应用

若想对UILabel添加图片，那么就需要使用NSMutableAttributedString来定义
先定义一个普通的label

UILabel *lab = [[UILabel alloc]initWithFrame:CGRectMake(10, 100, self.view.frame.size.width-10, 100)]; lab.numberOfLines = 0; [self.view addSubview:lab];

然后对其定义

//创建富文本
NSMutableAttributedString *attri = [[NSMutableAttributedString alloc] initWithString:@"   我纳斯达克市场部撒草卡死你查看售楼处内 按时打算打算的撒打算离开的骄傲是是大神快了解到撒开了就对啦可视对讲卢卡斯的卡洛斯的骄傲"]; //NSTextAttachment可以将要插入的图片作为特殊字符处理 NSTextAttachment *attch = [[NSTextAttachment alloc] init]; //定义图片内容及位置和大小 attch.image = [UIImage imageNamed:@"tab_suning"]; attch.bounds = CGRectMake(0, 0, 61, 14); //创建带有图片的富文本 NSAttributedString *string = [NSAttributedString attributedStringWithAttachment:attch];

//将图片放在最后一位
//[attri appendAttributedString:string];
//将图片放在第一位 [attri insertAttributedString:string atIndex:0]; //用label的attributedText属性来使用富文本 lab.attributedText = attri;

然后效果如下

若想对图片添加点击事件，现在的想法是在label上添加一个透明按钮，位置大小跟图片的相同

lab.userInteractionEnabled = YES;
UIButton *clearBtn = [UIButton buttonWithType:UIButtonTypeCustom];
clearBtn.frame = CGRectMake(0, 12, attch.bounds.size.width, attch.bounds.size.height+3); clearBtn.backgroundColor = [UIColor clearColor]; [clearBtn addTarget:self action:@selector(alertSth) forControlEvents:UIControlEventTouchUpInside]; [lab addSubview:clearBtn];

效果如下

转载于:https://www.cnblogs.com/Free-Thinker/p/9587919.html

UILabel添加图片之富文本的简单应用相关推荐

qt显示html富文本图片,Qt QLabel显示图片动画富文本
0 前言动画 QLabel 功能不少, 能够用来显示图片动画富文本this 1 效果.net 对于图片和动画, 先添加到资源文件再使用3d 右键 Resources -> 添加现有文件cod ...
ios html富文本带图片,iOS 富文本文字添加图片
如图:标题前面添加海外直邮和跨境保税,iOS最好使用富文本添加图片附件的方法 NSTextAttachment*textAttachment = [[NSTextAttachment alloc] i ...
UILabel 使用标签,圆角,富文本
2019独角兽企业重金招聘Python工程师标准>>> 继承关系:UIView : UIResponder : NSObject ///UILabel 显示的文本只读,无法编辑,可以 ...
uni-app中使用rich-text如何添加样式控制富文本里面的内容
第一种控制宽度的方式(这里的res.data.data.maincontent是咱们要放进rich-text里面nodes的变量): this.article.maincontent=res.data ...
公式等图片等富文本在线一些程序
some resource favor http://www.moxiemanager.com/getit/ : picture file manage with blur 可以和Tinymce结合使 ...
基于freemarker(mht)方式导出带图片的富文本word
需求批量将包含富文本的页面(含图片)导出为word的压缩包,并将每个页面的附件一同下载,下载的文件夹路径格式我就不展示了,具体页面如下本次导出采用基于freemarker的word导出.大体上都是 ...
php从富文本中抓出图片url,富文本编辑器抓取秀米图片转存到七牛云
制作图文排版秀米是一个不错的平台,而百度的UEditor编辑器可以集成秀米的插件,两者结合使文章的排版变得更加的快捷方便. UEditor集成秀米教程 http://hgs.xiumi.us/uedi ...
支持粘贴图片的富文本编辑器
公司做的项目需要用到粘贴Word功能.就是将word内容一键粘贴到网页编辑器(在线富文本编辑器)中.Chrome+IE默认支持粘贴剪切板中的图片,但是我要粘贴的文章存在word里面,图片多达数十张,我 ...
能粘贴图片的富文本编辑器
最近公司做项目需要实现一个功能,在网页富文本编辑器中实现粘贴Word图文的功能. 我们在网站中使用的Web编辑器比较多,都是根据用户需求来选择的.目前还没有固定哪一个编辑器有时候用的是UEditor ...

UILabel添加图片之富文本的简单应用

UILabel添加图片之富文本的简单应用相关推荐

最新文章

热门文章