[一、基础控件]7使用Text视图创建漂亮的富文本
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
➤微信公众号:山青咏芝
➤博客园地址:山青咏芝(https://www.cnblogs.com/strengthen/)
➤GitHub地址:https://github.com/strengthen/LeetCode
➤原文地址: https://www.cnblogs.com/strengthen/p/16587195.html
➤原文已修改更新!强烈建议点击原文地址阅读!支持作者!支持原创!
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
本文演示如何使用文本视图的扩展方法,对多个不同样对文本视图进行拼接,从而创建漂亮对富文本。
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
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix