iOS_NSTextAttachment图文混排，图片和文字对齐

最新推荐文章于 2026-04-15 11:25:27 发布
原创 最新推荐文章于 2026-04-15 11:25:27 发布 · 4.6k 阅读 · 2
标签
#ios #swift #开发语言
本文详细介绍了在iOS中使用UILabel进行图文混排的实现过程，包括设置图片和文字的属性，以及遇到的图片与文字对齐问题。通过调整NSTextAttachment的bounds，特别是将originY设置为label.font.descender，解决了图片未与文字对齐的状况，实现了图文完美对齐。同时，文章还探讨了iOS中关于baseline和descender的概念。

NSTextAttachment

需求：图文混排

初始实现的代码如下：

let label = UILabel()
label.frame = CGRect(x: 50.0, y: 150.0, width: 200.0, height: 100)
label.backgroundColor = .purple
label.numberOfLines = 0
self.view.addSubview
最低0.47元/天 解锁文章
NSTextAttachment富文本控件实现图文混排
06-08
在iOS开发中，常常会有一段文字显示不同的颜色和字体,所以自己研究了一下，做个记录。
iOS 富文本效果整理 基于NSAttributedString
RollingPin的博客
07-18 1130
利用 UILabel 的 attributedText 属性可设置不同的文本样式 首先初始化一个NSAttributedString NSMutableAttributedString *abStr = [[NSMutableAttributedString alloc] initWithString:@"你看我是富文本"]; 这里初始加给label.attributedText,看起来是平平无奇的样子 这里要先设置label的初始textColor和font等,展示基本样式 然后选择一种样式.
iOS开发小技巧：用NSTextAttachment实现完美图文混排（附常见对齐问题解决方案）
最新发布
weixin_42546392的博客
04-15 196
本文深入探讨了iOS开发中NSTextAttachment的高级应用，详细解析了图文混排的核心原理与精准对齐方案。通过数学公式和代码示例，解决了图片与文字垂直对齐、尺寸适配等常见问题，并提供了多行文本处理、复合混排等进阶技巧，帮助开发者实现完美的UI设计效果。
iOS 使用NSTextAttachment添加图片，图片模糊
爱技术的田同学
10-13 1104
iOS 使用NSTextAttachment添加图片，图片模糊 最近在忙的项目中，需要处理富文本的相关内容，产品需求并不复杂，所以想着用TextKit处理，顺便学习一下，没想到直接掉坑。在此记录一下（都是血泪史），顺便为有需要的小伙伴提供参考。 // Add the image as an attachment. let textAttachment = NSTextAttachment() textAttachment.image = image textAttachment.bounds = CGRec
NSTextAttachment实现图文混排
July_sal的专栏
09-06 5677
苹果在iOS7中推出了一个新的类NSTextAttachment，它是做图文混排的利器，本文就是用这个类，只用50行代码实现文字与表情混排，当然也可以实现段落中的图文混排。
iOS 使用NSTextAttachment在富文本中插入图片在实际项目中遇到的问题
run_in_road的博客
07-05 1341
1、图片是从网络中获取的，如何缩短请求图片的时间？ 可以从一开始请求网络数据结束后，获取到了图片的URL之后。开始用SDWebImageView下载图片，因为SDWebImageView有一个特性，就是相同URL下的图片下载后会进行缓存，以后要用的话，已经下载好的会去缓存中查找，所以我们在最开始的时候去下载，可以缩短请求图片的时间。 2、获取图片之后该怎么同步到NSTextAttachment上？ 在给attachment赋值图片的时候，可以单独创建一个imageview，让imageview用SDW
iOS_NSTextAttachment图文混排进阶：精准控制图片与文字垂直对齐
weixin_29228781的博客
02-15 305
本文深入探讨了iOS开发中NSTextAttachment图文混排时图片与文字垂直对齐不准的问题。通过剖析字体排版中的基线（Baseline）与下行高度（Descender）等核心概念，提供了通过调整bounds.origin.y实现精准对齐的基础方案与进阶技巧，并分享了实战中的常见陷阱与调试经验，帮助开发者彻底解决这一视觉难题。
iOS开发小技巧：NSTextAttachment图文混排时图片与文字完美对齐的3种方法
egg99的博客
02-21 829
本文深入探讨iOS开发中NSTextAttachment实现图文混排时图片与文字完美对齐的3种进阶方案。从基础对齐原理到动态居中、多行文本处理等实战技巧，帮助开发者解决VIP徽章、热点图标等UI元素的像素级对齐难题，提升应用界面的视觉一致性。
NSAttributedString 图片垂直方向居中
前端开发云飞扬的博客
12-31 232
进行图文混排，图片会在垂直方向不居中，出现偏上的情况，采用下面的代码可以修复。
NSTextAttachment
a377943483的博客
11-09 1544
http://www.aiuxian.com/article/p-2354150.html
NSTextAttachment的简单图文混排
chuaijiongli3832的博客
04-18 752
目标界面是这样的 上边是一个输入框的textview，下面两个表情是两个按钮，点击了就把对应的表情添加到输入框里。所以textview有对应的IBOutlet属性，按钮只有对应的点击事件。 @interfaceViewController() @property(weak,n...
华山论剑之浅谈iOS文字印章的实现(NSMutableAttributedString和NSTextAttachment实现图文混编)
得不到的永远是骚栋.
01-15 797
夫人之相与，俯仰一世，或取诸怀抱，悟言一室之内；或因寄所托，放浪形骸之外。虽趣舍万殊，静躁不同，当其欣于所遇，暂得于己，快然自足，曾不知老之将至。及其所之既倦，情随事迁，感慨系之矣。 前言 上面的一张图想必大家都不会陌生,没错,这就是王羲之的<<兰亭集序>>,你会问到,你一个程序猿搞什么<<兰亭集序>>干嘛,准备学习书法,陶冶情操.你还别说,你真说对了,我就是想陶冶情操,怀念古人遗风.???????????? 好了,言归正传,今天的主题就是如何在App
小胖说事13--------NSTextAttachment富文本控件实现图文混排
热门推荐
郝高明
06-08 1万+
1.制作富文本，第一种的就是将一段文字中不通的字显示不同的颜色，大小等。 UILabel *testLabel = [[UILabel alloc]initWithFrame:CGRectMake(0, 100, 320, 30)]; testLabel.textAlignment = NSTextAlignmentCenter; NSMutableAttributedStr
iOS UILabel中图文混排
H.A.N的博客
11-22 2412
最近做项目领导提出一个奇葩需求，需要在活动商品名前添加一个活动的标识，如下图 要做到图中在文字中插入图片的效果，首先我们得来了解一下一个叫富文本的东西。所谓富文本，我的理解就是一个丰富多彩的文本，多彩体现在可以在一个text中显示出不同的文字，加入一些色彩丰富的图片，但它能做到的还可以修改不同文字的字体加入下划线，丰富多采。 我们都知道label有text这个文本属
（一一一）图文混排基础 -利用正则分割和拼接属性字符串
最美的时光
08-07 3537
很多时候需要用到图文混排，例如聊天气泡中的表情，空间、微博中的表情，例如下图： 红心和文字在一起。 比较复杂的情况是表情夹杂在文字之间。 要实现这种功能，首先要介绍iOS中用于显示属性文字的类。 用于文字显示的类除了text属性之外，还有attributedText属性，这个属性是NSAttributedString类型，通过这个属性可以实现不同文字的不同字体、颜色甚至把图片作为文字显
解决iOS图文混排难题：NSTextAttachment的baseline与descender详解及实战应用
t8u9v0w1x的博客
02-24 197
本文深入解析了iOS开发中NSTextAttachment图文混排的核心难点，即图片与文字的对齐问题。通过剖析字体度量中的baseline与descender概念，提供了多种精准计算bounds偏移量的实战策略，帮助开发者彻底解决图标“漂浮”或“下沉”的视觉错位，实现像素级精度的图文和谐排版。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小莫同学~

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值