[一、基础控件]3Text视图的段落属性

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
➤微信公众号：山青咏芝
➤博客园地址：山青咏芝（https://www.cnblogs.com/strengthen/）
➤GitHub地址：https://github.com/strengthen/LeetCode
➤原文地址：  https://www.cnblogs.com/strengthen/p/16587175.html
➤原文已修改更新！强烈建议点击原文地址阅读！支持作者！支持原创！
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

热烈欢迎，请直接点击！！！

进入博主App Store主页，下载使用各个作品！！！

注：博主将坚持每月上线一个新app！！！

本文演示文本视图的段落属性，

通过这些段落属性可以调整文字的字距、行距、偏移值、框架和对齐方式等视觉样式。

import SwiftUI

struct ContentView: View
{
    var body: some View
    {
        VStack{
            //添加一个文本视图
            Text("Interactive tutorials.")

            //添加一个文本视图
            Text("www.zengqiang.org")
            //字距属性：表示一组文字的平均字距
                .tracking(10)

            //添加一个文本视图
            Text("www.zengqiang.org")
            //字距调整属性：表示一对字元的字距
                .kerning(10)

            //添加一个文本视图
            Text("www.zengqiang.org")
            //添加模糊效果，并设置模糊半径为1
                .blur(radius: 1)

            //添加一个文本视图
            Text("SwiftUI is an innovative, exceptionally simple way to build user interfaces across all Apple platforms with the power of Swift.")
            //设置文本视图的行距为20
                .lineSpacing(20)
            //不限制文字的行数
                .lineLimit(nil)

            //添加一个文本视图
            Text("www.zengqiang.org")
            //设置文字内容在水平方向偏移40点的距离，垂直方向上偏移0距离
                .offset(x: 40, y: 0)

            //添加一个文本视图
            Text("www.zengqiang.org")
            //设置文本视图的宽度为200，高度为80，文字内容位于文本视图的中心位置
                .frame(width: 200, height: 80, alignment: .center)
            //背景颜色
                .background(Color.orange)

            //添加一个垂直排列视图，以方便添加更多的文本视图
            VStack{
                //添加一个文本视图
                Text("www.zengqiang.org")
                //调用文本视图的位置方法，该方法会使对齐属性失效，
                //因此文字不再位于文本视图右下脚，
                //而是从文本视图的左上角，向右和向下各偏移50点的距离。
                    .position(x: 50, y: 50)
                //设置文本视图的宽度为300，高度为100，文字内容位于文本视图的右下角
                    .frame(width: 300, height: 100, alignment: .bottomTrailing)
                //背景颜色
                    .background(Color.orange)

                //添加一个文本视图
                Text("Interactive\ntutorials\nfor\nXcode!")
                //设置可以显示4行文字
                    .lineLimit(4)
                //设置文本视图的宽度为200，高度为100。在默认状态，文字处于左对齐的状态。
                    .frame(width: 200, height: 100)
                //调用多行文字对齐的方法，将多行文字内容的对齐方式修改为居中对齐
                    .multilineTextAlignment(.center)
            }
        }
    }
}

struct ContentView_Previews: PreviewProvider
{
    static var previews: some View
    {
        ContentView()
    }
}