SwiftUI—使用Text视图显示指定的文字-阿里云开发者社区

SwiftUI—使用Text视图显示指定的文字

2022-05-21 436

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： SwiftUI—使用Text视图显示指定的文字

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) //纤细文字
    }
}