SwiftUI 教程:二、Text 组件

SwiftUI 教程:二、Text 组件

建立 Text 组件

Text 组件可以通过代码形式创建,如:

struct ContentView: View {
    var body: some View {
        Text("Hello, world!")
            .padding()
    }
}

也可以通过拖动组件的形式:

image-20210614232600668

通过拖动组件到代码区,即可生成 Text:

image-20210614232924043

常用 Api

修改字体颜色:

// 系统提供的字体颜色
Text("Hello, world!").foregroundColor(Color.blue)

// 自定义 RGBA
Text("Hello, world!").foregroundColor(Color(red: 1.0, green: 0.5, blue: 0.5, opacity: 0.5))

字体粗细:

// 字体加粗
Text("Hello, world!").fontWeight(.bold)
// 或者
Text("Hello, world!").bold()

// 字体变细
Text("hehe").fontWeight(.thin)

字体样式:

Text("Hello, world!").font(.title)

字体大小:

Text("Hello, world!").font(.system(size: 50))
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容