[SwiftUI]一、基础控件-(7)使用Text视图创建漂亮的富文本

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› 移动开发›Swift 教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
➤微信公众号：山青咏芝（let_us_code）
➤博客园地址：山青咏芝（https://www.cnblogs.com/strengthen/）
➤GitHub地址：https://github.com/strengthen/LeetCode
➤原文地址： https://www.cnblogs.com/strengthen/p/12260651.html
➤原文已修改更新！强烈建议点击原文地址阅读！支持作者！支持原创！
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

热烈欢迎，请直接点击！！！

进入博主App Store主页，下载使用各个作品！！！

注：博主将坚持每月上线一个新app！！！

本文演示如何使用文本视图的扩展方法，对多个不同样对文本视图进行拼接，从而创建漂亮对富文本。

 1 import SwiftUI
 2 
 3 struct ContentView : View {
 4     
 5     var body: some View {
 6         //新建文本视图
 7         Text("Interactive ")
 8             //设置文字的字体颜色为黄色
 9             .foregroundColor(.yellow)
10             //同时给文字设置加粗的显示效果
11             .fontWeight(.heavy)
12             //调用文本视图的加号扩展方法，拼接另一个文本视图，
13             //该扩展方法可以将两个文本视图进行拼接，并返回一个统一的文本视图
14             + Text("tutorials ")
15                 //设置文字的字体颜色为橙色
16                 .foregroundColor(.orange)
17                 //删除线
18                 .strikethrough()
19             
20             + Text("for ")
21                 //设置文字的字体颜色为红色
22                 .foregroundColor(.red)
23                 //倾斜
24                 .italic()
25             //拼接
26             + Text("SwiftUI")
27                 //设置文字的字体颜色为紫色
28                 .foregroundColor(.purple)
29                 //下划线
30                 .underline()
31     }
32 }
33 
34 #if DEBUG
35 struct ContentView_Previews : PreviewProvider {
36     static var previews: some View {
37         ContentView()
38     }
39 }
40 #endif