为有牺牲多壮志,敢教日月换新天。

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

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
➤微信公众号:山青咏芝
➤博客园地址:山青咏芝(https://www.cnblogs.com/strengthen/
➤GitHub地址:https://github.com/strengthen/LeetCode
➤原文地址: https://www.cnblogs.com/strengthen/p/16587195.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

 

posted @ 2022-08-15 09:48  为敢技术  阅读(14)  评论(0编辑  收藏  举报