★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
➤微信公众号:山青咏芝
➤博客园地址:山青咏芝(https://www.cnblogs.com/strengthen/)
➤GitHub地址:https://github.com/strengthen/LeetCode
➤原文地址: https://www.cnblogs.com/strengthen/p/16587179.html
➤原文已修改更新!强烈建议点击原文地址阅读!支持作者!支持原创!
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
本文演示文本视图的内部填充属性,
可以使用填充属性,修改文字内容和文本视图边框之间的距离。
即修改文本视图上下左右的内边距。
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