★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
➤微信公众号:山青咏芝
➤博客园地址:山青咏芝(https://www.cnblogs.com/strengthen/)
➤GitHub地址:https://github.com/strengthen/LeetCode
➤原文地址: https://www.cnblogs.com/strengthen/p/16587175.html
➤原文已修改更新!强烈建议点击原文地址阅读!支持作者!支持原创!
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
本文演示文本视图的段落属性,
通过这些段落属性可以调整文字的字距、行距、偏移值、框架和对齐方式等视觉样式。
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( 200, height: 80, alignment: .center) //背景颜色 .background(Color.orange) //添加一个垂直排列视图,以方便添加更多的文本视图 VStack{ //添加一个文本视图 Text("www.zengqiang.org") //调用文本视图的位置方法,该方法会使对齐属性失效, //因此文字不再位于文本视图右下脚, //而是从文本视图的左上角,向右和向下各偏移50点的距离。 .position(x: 50, y: 50) //设置文本视图的宽度为300,高度为100,文字内容位于文本视图的右下角 .frame( 300, height: 100, alignment: .bottomTrailing) //背景颜色 .background(Color.orange) //添加一个文本视图 Text("Interactive\ntutorials\nfor\nXcode!") //设置可以显示4行文字 .lineLimit(4) //设置文本视图的宽度为200,高度为100。在默认状态,文字处于左对齐的状态。 .frame( 200, height: 100) //调用多行文字对齐的方法,将多行文字内容的对齐方式修改为居中对齐 .multilineTextAlignment(.center) } } } } struct ContentView_Previews: PreviewProvider { static var previews: some View { ContentView() } }