[Swift UI]一、基礎控件-(7)使用Text視圖創建漂亮的富文本


★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
➤微信公眾號:山青詠芝(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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM