原文链接:https://github.com/fzhlee/SwiftUI-Guide#2Text-BasicStyle
Text类似于UIKit中的UILabel,用于显示一行或多行的文字内容。
VStack视图可以将其内部的多个视图,在垂直方向等距排列,VStack中最多可以放10个子视图。
示例代码:
VStack{
//Basic style
Text("www.hdjc8.com")
.bold() //加粗
Text("www.hdjc8.com")
.italic() //斜体
Text("www.hdjc8.com")
.underline() //下划线
Text("www.hdjc8.com")
.underline(true, color: .orange) //下划线颜色
Text("www.hdjc8.com")
.strikethrough() //删除线
Text("www.hdjc8.com")
.strikethrough(true, color: .orange) //删除线颜色
Text("www.hdjc8.com")
.foregroundColor(Color.orange) //文字颜色
Text("www.hdjc8.com")
.baselineOffset(CGFloat(5.0)) //文字向上偏移5
.background(Color.orange) //文字背景颜色
Text("www.hdjc8.com")
.background(Image("Picture"), alignment: .bottom) //文字背景图片,文字位于图片底部
//Font
VStack{
Text("www.hdjc8.com")
.font(.footnote) //设置文字的尺寸为注脚样式
Text("www.hdjc8.com")
.font(.system(size: 36)) //文字大小
Text("www.hdjc8.com")
.font(.system(.title, design: .monospaced)) //设置文字的字体为标题样式,改样式可以根据屏幕尺寸的大小,自动调整自身的尺寸
Text("www.hdjc8.com")
.font(.custom("BradleyHandITCTT-Bold", size: 36)) //自定义文字字体、大小
Text("www.hdjc8.com")
.fontWeight(Font.Weight.heavy) //粗体
Text("www.hdjc8.com")
.fontWeight(Font.Weight.ultraLight) //纤细文字
}
}
网友评论