[Swift通天遁地]八、媒体与动画-(15)使用TextKit实现精美的图文混排效果

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
➤微信公众号：山青咏芝（shanqingyongzhi）
➤博客园地址：山青咏芝（https://www.cnblogs.com/strengthen/）
➤GitHub地址：https://github.com/strengthen/LeetCode
➤原文地址：https://www.cnblogs.com/strengthen/p/10354924.html 
➤如果链接不是山青咏芝的博客园地址，则可能是爬取作者的文章。
➤原文已修改更新！强烈建议点击原文地址阅读！支持作者！支持原创！
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

目录：[Swift]通天遁地Swift

本文将演示制作一款更加精美的图文的图文混排效果：将文字紧贴图片边缘的图文混排效果。

往项目中导入一份文本文件。

在左侧的项目导航区，打开视图控制器的代码文件【ViewController.swift】

import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
        
        //设置根视图的背景颜色为橙色
        self.view.backgroundColor = UIColor.orange
        
        //初始化一个文本视图
        let textView = UITextView(frame: CGRect(x: 20, y: 40,  280, height: 500))
        //设置文本视图的背景颜色为橙色
        textView.backgroundColor = UIColor.orange
        //设置文本视图的字体大小
        textView.font = UIFont.systemFont(ofSize: 22)
        //将文本视图添加到根视图
        self.view.addSubview(textView)
        
        //获得文本视图的文字存储属性
        let textStorage = textView.textStorage
        //创建一个字符串，表示文本文件在项目中的路径。
        let path = Bundle.main.url(forResource: "word", withExtension: "txt")
        
        //添加一个异常捕捉语句，用来加载文本文件。
        do
        {
            //读取文本件中的文字内容
            let string = try String(contentsOf: path!)
            //将加载的文字，赋予文本视图的文字存储属性
            textStorage.replaceCharacters(in: NSRange(location: 0,length: 0), with: string)
        }
        catch
        {
            print("Something went wrong :(")
        }
        
        //读取项目中的一张图片素材
        let image = UIImage(named: "Tea")
        //创建一个图像视图，显示加载的图片素材。
        let imageView = UIImageView(image: image)
        //初始化一个矩形区域，作为图像视图的显示区域。
        let rect = CGRect(x: 80, y: 80,  150, height: 150)
        //设置图像视图的显示区域
        imageView.frame = rect
        
        //设置图像视图的圆角半径，将图像视图修改为一个圆形。
        imageView.layer.cornerRadius = 75
        //对图像视图进行裁切边缘。
        imageView.layer.masksToBounds = true
        //给图像视图添加一个宽度为10的边框。
        imageView.layer.borderWidth = 10
        //将图像视图添加到根视图
        self.view.addSubview(imageView)
        
        //由于需要按照图像的边缘，对文本视图中的文字进行排列，
        //所以需要知道图像视图在文本视图中的显示区域。
        //在此将图像视图的边缘属性，转换成使用文本视图中的坐标系统。
        var frame = textView.convert(imageView.bounds, from: imageView)
        //由于文本视图中的文本容器，在默认情况下，并不是位于文本视图的原点位置，所以需要减去这个偏移距离。
        frame.origin.x -= textView.textContainerInset.left;
        //接着减去另一个方向上的偏移距离。
        frame.origin.y -= textView.textContainerInset.top;
        
        //使用贝塞尔路径类，将显示区域转换成一个基于矢量的路径。
        let path2 = UIBezierPath(ovalIn: frame)
        //将椭圆路径赋予文本视图的排除路径属性，
        //即在文本视图中排除椭圆路径所形成的区域，
        //使文字仅在被排除的区域之外进行排列，
        //从而实现文字沿图像边缘排列的效果。
        textView.textContainer.exclusionPaths = [path2]
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
}