[一、基础控件]4Text视图的填充属性

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

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

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

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

本文演示文本视图的内部填充属性，

可以使用填充属性，修改文字内容和文本视图边框之间的距离。

即修改文本视图上下左右的内边距。

import SwiftUI

struct ContentView : View {
    var body: some View {
        VStack{
            //新建文本视图
            Text("www.zengqiang.org")
            //黑色背景颜色
                .background(Color.black)
            //白色前景颜色，即文字颜色
                .foregroundColor(.white)
            //设置填充属性的值为20，
            //增加文本视图与文字内容的间距。
                .padding(20)

            //新建文本视图
            //链式调用的顺序由上而下进行
            Text("www.zengqiang.org")
            //设置文本视图的内边距
                .padding()
            //背景颜色，此时内边距也会拥有相应的背景颜色
                .background(Color.black)
            //字体颜色
                .foregroundColor(.white)

            //新建文本视图
            Text("Swift User Interface")
            //设置文字内容的样式为巨型标题样式，以突出显示文字内容。
                .font(.largeTitle)
                .foregroundColor(.black)
            //填充属性为15，增加文本视图与文字内容的间距
                .padding(15)
            //设置背景颜色为黄色
                .background(Color.yellow)
            //填充属性为15，在文本视图的外围再次增加15点的间距
                .padding(15)
            //给新的内边距设置填充颜色为橙色
                .background(Color.orange)
            //设置填充属性的值为10，在文本视图的外围再次增加10点的间距
                .padding(10)
            //给新的内边距设置填充颜色为红色
                .background(Color.red)
            //从而给文本视图添加由红至黄的渐变边框
        }
    }
}


#if DEBUG
struct ContentView_Previews : PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}
#endif