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

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


2466108-973f8cd50bfa91a5.webp.jpg

目录
相关文章
SwiftUI—使用Text视图创建漂亮的富文本
SwiftUI—使用Text视图创建漂亮的富文本
1210 0
SwiftUI—使用Text视图创建漂亮的富文本
|
6月前
|
C++
[Qt5&控件] Label控件显示文本内容(字符串和整数)
[Qt5&控件] Label控件显示文本内容(字符串和整数)
143 0
[Qt5&控件] Label控件显示文本内容(字符串和整数)
所有UI控件显示不出来的原因
所有UI控件显示不出来的原因
423 0
|
API Windows 容器
MFC应用程序——标签控件_IP控件_时间控件_List Control控件_Tree Control控件_命令按钮_列表框_组合框_图片_滚动控件(上)
MFC应用程序——标签控件_IP控件_时间控件_List Control控件_Tree Control控件_命令按钮_列表框_组合框_图片_滚动控件
206 0
MFC应用程序——标签控件_IP控件_时间控件_List Control控件_Tree Control控件_命令按钮_列表框_组合框_图片_滚动控件(上)
BottomNavigationView使用,配合ViewPager、修改图标大小、去掉文字等
BottomNavigationView使用,配合ViewPager、修改图标大小、去掉文字等
674 0
BottomNavigationView使用,配合ViewPager、修改图标大小、去掉文字等
SwiftUI—Text视图的段落属性
SwiftUI—Text视图的段落属性
412 0
SwiftUI—Text视图的段落属性
SwiftUI—Text视图的填充属性
SwiftUI—Text视图的填充属性
344 0
SwiftUI—Text视图的填充属性
SwiftUI—借助sizeCategory预览不同字体下的文本视图
SwiftUI—借助sizeCategory预览不同字体下的文本视图
158 0
SwiftUI—借助sizeCategory预览不同字体下的文本视图
SwiftUI—使用Divider分隔线对视图进行分隔
SwiftUI—使用Divider分隔线对视图进行分隔
1184 0
SwiftUI—使用Divider分隔线对视图进行分隔
SwiftUI—如何对Text视图里的日期进行格式化
SwiftUI—如何对Text视图里的日期进行格式化
692 0
SwiftUI—如何对Text视图里的日期进行格式化