iOS Swift开发中如何实现任意文本字号下右侧固定小图始终紧跟文本末尾

适用于Swift + Storyboards 开发场景，满足「图标尺寸固定、文本跟随系统动态字体缩放、图标始终紧贴文本末尾」的需求。

方案1：属性文本拼接NSTextAttachment（效果最优） #

该方案下图标会作为文本内容的一部分，自动跟随文本换行，永远停在文本最后一个字符后方，不会出现布局错位问题。

• Storyboard基础配置
  • 拖入UILabel到目标页面，在属性检查器勾选Adjusts Font For Content Size Category，开启动态字体适配
  • 不要选择固定字号的字体，从Text Styles中选择对应样式（如Body、Callout等），支持系统字号联动
• 代码拼接尾部图标
  不需要额外拖入UIImageView，直接通过属性字符串拼接固定尺寸图标，示例代码：

import UIKit

class YourViewController: UIViewController {
    @IBOutlet weak var contentLabel: UILabel!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        setupTailIconLabel()
    }
    
    func setupTailIconLabel() {
        // 1. 初始化普通文本，设置支持动态类型的字体
        let fullText = NSMutableAttributedString(string: "需要显示的业务文本内容")
        let textFont = UIFont.preferredFont(forTextStyle: .body)
        fullText.addAttributes([
            .font: textFont,
            .foregroundColor: UIColor.label
        ], range: NSRange(location: 0, length: fullText.length))
        
        // 2. 初始化固定尺寸的尾部图标，尺寸不随字体缩放
        let tailIcon = NSTextAttachment()
        tailIcon.image = UIImage(named: "your_icon_name")
        let iconSize = CGSize(width: 16, height: 16) // 固定图标尺寸
        // 调整图标垂直偏移，对齐文本基线，y值可根据实际显示效果微调
        let yOffset = (textFont.capHeight - iconSize.height) / 2
        tailIcon.bounds = CGRect(x: 4, y: yOffset, width: iconSize.width, height: iconSize.height)
        
        // 3. 拼接图标到文本末尾，赋值给Label
        let iconString = NSAttributedString(attachment: tailIcon)
        fullText.append(iconString)
        contentLabel.attributedText = fullText
    }
    
    // 监听系统字体变化，刷新显示
    override func traitCollectionDidChange(_ previousTraitCollection: UITraitCollection?) {
        super.traitCollectionDidChange(previousTraitCollection)
        if traitCollection.preferredContentSizeCategory != previousTraitCollection?.preferredContentSizeCategory {
            setupTailIconLabel()
        }
    }
}

注意：图标和文本的间距可以通过调整attachment.bounds的x值自定义，x值越大间距越宽。

方案2：独立UIImageView + AutoLayout 约束 #

如果必须使用独立的UIImageView（比如需要给图标加点击事件），可以通过约束优先级实现效果：

• 给UIImageView设置固定宽高约束（宽高值为你需要的固定图标尺寸，约束优先级设为1000，保证尺寸不会被拉伸）
• UILabel设置leading、top、bottom约束到父视图，不设置固定trailing约束
• UIImageView设置leading约束：关联到UILabel的trailing，间距值为文本和图标的目标间距
• UIImageView设置垂直方向约束：First Baseline对齐到UILabel，保证字号变化时图标和文本始终对齐
• 给UILabel添加trailing约束：less than or equal 父视图trailing，优先级1000，避免文本超长超出屏幕
• 给UIImageView添加trailing约束：关联到父视图trailing，约束优先级设为750（defaultHigh），保证文本较短时图标不会被拉到屏幕最右侧，始终紧贴文本末尾
• 监听系统字体变化时调用view.layoutIfNeeded()刷新约束布局即可

该方案的缺陷：当文本最后一行刚好占满Label整行宽度时，图标会被挤到下一行行首，显示效果不如属性文本方案自然。

内容的提问来源于stack exchange，提问作者paprika