iOS UILabel中图文混排

最新推荐文章于 2026-04-15 11:25:27 发布
原创 最新推荐文章于 2026-04-15 11:25:27 发布 · 2.4k 阅读 · 1
标签
#iOS #ios开发 #uilabel #标签 #君凯商联网
本文介绍了如何在iOS应用中实现UILabel的图文混排功能，通过使用NSMutableAttributedString和NSRange修改文字样式，以及利用NSTextAttachment插入图片。详细步骤包括创建富文本对象、设置文字属性以及添加图片到文本中。

最近做项目领导提出一个奇葩需求，需要在活动商品名前添加一个活动的标识，如下图




要做到图中在文字中插入图片的效果，首先我们得来了解一下一个叫富文本的东西。所谓富文本，我的理解就是一个丰富多彩的文本，多彩体现在可以在一个text中显示出不同的文字，加入一些色彩丰富的图片，但它能做到的还可以修改不同文字的字体加入下划线，丰富多采。

最低0.47元/天 解锁文章
多种样式的UILabel UIImageView混排
04-05
作者huangxuan518，源码HXFlexoView，上面11种样式想必大家都有遇到过,如果让你来实现,你会用多少代码呢,如果是文字的长度都是固定的可能计算还会简单点,如果是动态的呢,你需要多少代码来实现,大家可以试一下! 因为这些图文混排的样式都非常常见,每个项目都有遇到过,所以我写了这么一个非常牛B的View! HXFlexoView的牛B之处是只需5句代码即可实现上面的所有样式效果,这里采用的是默认参数,如果你需要更改参数,可能需要多几行代码,但是比起你自己的固有方式来写,还是简便很多的.
iOS uilabel图文混排
sgliquangang的专栏
04-29 585
【代码】iOS uilabel图文混排。
iOS开发小技巧：用NSTextAttachment实现完美图文混排（附常见对齐问题解决方案）
最新发布
weixin_42546392的博客
04-15 197
本文深入探讨了iOS开发中NSTextAttachment的高级应用，详细解析了图文混排的核心原理与精准对齐方案。通过数学公式和代码示例，解决了图片与文字垂直对齐、尺寸适配等常见问题，并提供了多行文本处理、复合混排等进阶技巧，帮助开发者实现完美的UI设计效果。
【iOS开发】在UILabel中同时显示图片和文字,"混排"。
Hanrovey Blog
10-27 7814
一、 用户场景：实现微信、QQ的聊天对话框中，文字和表情同时存在功能，即图文混排。二、思路描述：(1) 使用富文本方法UILabel有text这个文本属性，要做到富文本效果，就需要用到一个并不是所有人都知道的富文本属性 attributedText（textView、textField中都有这个属性）。(2)代码实现： // 创建UILabel控件 UILabel *lab = [[U
图文并茂的 html 网页,两种方法实现UILabel的图文并茂的显示html文本
weixin_39580748的博客
06-04 607
概述本文讲述用2中方法在UILabel中显示带图片和文字的HTML文本。先预览下显示效果：显示效果如果你的设备时iOS 9或以上，默认只允许HTTPS，请打开HTTP请求许可，参照:iOS 9打开HTTP请求许可方案一：//HTML文本 包含图片、文本NSString *htmlString=@"< img src=http://upload-images.jianshu.io/upload...
iOS-Swift3富文本(UILable文本图文混排)
极客学伟的技术分享社区
11-18 1万+
介绍下iOS开发中常用的符文布图文混排 需求: 邱学伟是大帅哥(加个笑脸图片) 邱学伟:红色背景绿色字体加粗显示 是:蓝色字体 10号小字体 大帅哥:灰色42号字体 UILabel中显示结果: 原谅我跟哥们开玩笑起的low爆了的项目名 核心代码: //需求 邱学伟是大帅哥(加个笑脸图片) 邱学伟:红色背景绿色字体加粗显示 是:蓝色字体 10号小字体 大帅哥:灰色
iOS swift-UILabel/UITextView的图文混排
LinXunFeng的博客
08-24 2009
拖一个UILabel控件到storyboard中,我们即将对它进行图文混排,属性名为:demoLabel 直接上示例代码: // 创建2个属性字符串 let attrStr1 = NSAttributedString(string: "LXF", attributes: [NSForegroundColorAttributeName : UIColor.redColor()]) let at
IOS--如何在UILabel上显示图片
热门推荐
lgx_admin的博客
06-01 1万+
在实际项目开发过程中，我们常会遇到一段文字中既要有图片又要有文字，例如我们经常使用的QQ、微信的聊天对话框中，表情和文字共存就是一种典型的图文混排。 要做到图中在文字中插入表情的效果，首先我们得来了解一下一个叫富文本的东西。所谓富文本，我的理解就是一个丰富多彩的文本，多彩体现在可以在一个text中显示出不同的文字，加入一些色彩丰富的图片，但它能做到的还可以修改不同文字的字体加入下划线，丰富多采。
iOS Label的图文混排
wwwwwwwwwwwwdi的博客
12-26 993
最近做项目，要达到一个效果，图片加文字，文字是从后台获取的数据，长度不确定，但是要求图片文字挨着（imageView.right 和 label.leading相等）,本人技术欠缺，所以刚开始实现的效果是这样的。如图 为了达到效果，所以想了 几个方法‘ 1：请求完数据，然后计算数据的长度，然后把 这行UI 重新写一下 网上找的别人的，还没试验过 下面分两种情况考虑： 1、UILa
text图文混排
weixin_73750759的博客
04-10 77
【代码】text图文混排。
图文混排的四种方案
沸腾的泪水的专栏
12-22 4048
转载自：http://lemon2well.top/2018/08/15/iOS%20开发/图文混排的四种方案/ 图文混排有多种方式可以实现，下面我会用四种不同的方式来实现以下界面的效果，并且说明他们的优缺点。 NSAttributedString NSAttributedString提供了自由并且多样式的富文本设置，图文混排的实现是通过插入NSTestAttachment来实现。 talk is cheap ，here is the code 1 2 3 4 5 6 7 .
UILabel图文混排显示图片和文字
dianchidu6913的博客
04-14 667
//传入文字 自动图片放在左边文字紧接着后排排布 -(void)setAttrDetailLabelWithTitle:(NSString *)title { NSMutableAttributedString *attri = [[NSMutableAttributedString alloc] init]; // 添加表情 NSTextAttachm...
IOS图文混排基础
A1521315qwss的博客
11-24 572
IOS图文混排基础 class ViewController: UIViewController { @IBOutlet weak var demoLabel: UILabel! override func viewDidLoad() { super.viewDidLoad() // demoLabel.text = "大码哥IT教育" // demoLabel.textColor = UIColor.blue
OC 和 swift 中的 图文混排
愤怒小鸟的博客
08-02 288
OC版： swift版：
OC实现简单的图文混排
zyfmeng的博客
07-26 1084
- (void)showCity:(NSString *)cityname {     //实现富文本     NSMutableAttributedString *string = [[NSMutableAttributedString alloc] initWithString:cityname attributes:nil];     //进行图文混排     NSTextAt
iOS-图文混排方案-2种方案
u013712343的博客
11-10 942
iOS-图文混排方案-2种方案
11 - 简单实现图文混排(NSAttributedString 实现)
weixin_30808575的博客
06-01 190
1 - (void)setupTextView 2 { 3 // 富文本技术： 4 // 1.图文混排 5 // 2.随意修改文字样式 6 // self.textView.text = @"哈哈4365746875"; 7 // self.textView.textColor = [UIColor blueColo...
利用YYLabel实现图文混排
weixin_30884597的博客
06-07 8763
UILabel有专门的计算文字高度的方法，非常简单/* *titleString 传入的内容 *font 字体的大小 *height 如果计算宽度，传入高度， 如果计算高度，就传入宽度 */ +(float)judgeTheLabelWidthWithString:(NSString *)titleString andWithThefont:(NSInteger)font andwitht...
UILabel&UITextView文本嵌入图片处理
了凡
12-13 4312
NSTextAttachment objects are used by the NSAttributedString class cluster as the values for attachment attributes (stored in the attributed string under the key named NSAttachmentAttributeName). UILabe
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值