如何用Autolayout实现UITextView文本环绕UIImageView？

嘿，这个问题我刚好有经验！直接给你结论：单纯靠AutoLayout没办法实现UITextView文本环绕UIImageView的效果，不过结合iOS原生的文本排版API，我们可以轻松达成你要的效果，下面给你拆解清楚：

为什么AutoLayout做不到？ #

AutoLayout的核心作用是控制视图（比如UIImageView、UITextView）的位置、大小和相互约束关系，但文本环绕属于UITextView内部的文本排版逻辑，是NSTextContainer（文本容器）的管辖范畴，AutoLayout管不到文本在容器内的具体排列规则。

正确的实现方式：用exclusionPaths #

这是iOS原生支持的文本绕排方案，也是你提到的教程里会用到的方法，步骤很清晰：

1. 先用AutoLayout把UIImageView和UITextView的位置约束好（比如让图片固定在UITextView的左上角，和文本视图的左、上边缘保持固定间距）
2. 将UIImageView的frame转换为相对于UITextView文本容器的坐标系
3. 基于转换后的frame创建UIBezierPath路径
4. 把这个路径添加到UITextView的textContainer.exclusionPaths数组中，文本就会自动绕开这个路径范围

示例代码（Swift）：

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()
    // 转换坐标系：把imageView的frame转成相对于textView文本容器的坐标
    let imageFrameInTextContainer = textView.convert(imageView.frame, to: textView.textContainer)
    // 创建文本需要避开的路径
    let exclusionPath = UIBezierPath(rect: imageFrameInTextContainer)
    // 应用绕排规则
    textView.textContainer.exclusionPaths = [exclusionPath]
}

适配动态布局场景 #

如果遇到屏幕旋转、图片尺寸变化等布局变动的情况，一定要在viewDidLayoutSubviews方法里更新exclusionPaths——这个方法会在布局完成后触发，能保证绕排路径始终和图片的最新frame保持一致，避免出现文本和图片重叠的问题。

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