在 SwiftUI 中使用 Text 和 Image

在 SwiftUI 中使用 Text 和 Image 是一個很常見的需求，它可以讓你在 App 中更輕鬆地展示文字和圖片。本文將介紹如何在 SwiftUI 中使用 Text 和 Image，以及如何將它們結合在一起，讓你的 App 更加美觀。

使用 Text

在 SwiftUI 中，可以使用 Text 來顯示文字，它可以接受一個 String 作為參數，例如：

Text("Hello World")

除了可以接受 String 之外，Text 還可以接受一個 NSAttributedString 作為參數，可以讓你更輕鬆地改變文字的顏色、大小、字型等等：

let attributedString = NSAttributedString(string: "Hello World", attributes: [
    .font: UIFont.systemFont(ofSize: 20),
    .foregroundColor: UIColor.red
])
Text(attributedString)

使用 Image

在 SwiftUI 中，可以使用 Image 來顯示圖片，它可以接受一個 UIImage 作為參數，例如：

let image = UIImage(named: "myImage")
Image(uiImage: image)

除了可以接受 UIImage 之外，Image 還可以接受一個 URL 作為參數，可以讓你從網路上載入圖片：

let url = URL(string: "https://example.com/myImage.png")
Image(url: url)

結合 Text 和 Image

在 SwiftUI 中，可以將 Text 和 Image 結合在一起，例如：

HStack {
    Image(uiImage: image)
    Text("Hello World")
}

這樣就可以在 App 中同時顯示文字和圖片，讓你的 App 更加美觀。

推薦閱讀文章

How to use Text and Images in SwiftUI
SwiftUI Text and Image Tutorial
SwiftUI Text and Image Guide
SwiftUI Text and Image Tutorial
SwiftUI Text and Image Guide</a

延伸閱讀本站文章

更多swift相關文章

延伸閱讀本站文章

SwiftUI 入門指南
Swift 圖片緩存 🎥高效快速存取圖片
Swift UIViewController 自定義返回按钮 🔙🎨
Swift UIGestureRecognizer使用🖐️ – 手勢辨識教學
Swift 離線資料存取 💾 離線資料快速存取法
Swift 影片拍攝：AVCaptureSession 🎥
Swift 圖片下載 🖼️
💾Swift 存儲 & 讀取數據 | 數據持久化 💾
Swift 動畫效果實作 (UIView.animate)
Swift 數字輪播器 🔢🔄

推薦學習youtube影片

SwiftUI Labels (Text & Images) – Xcode 12, 2021, SwiftUI 2.0 for Beginners