SwiftUI 是 Apple 在 WWDC 2019 推出的新框架，它可以讓開發者更輕鬆地建立出美觀的 App。在 SwiftUI 中，開發者可以輕鬆地使用颜色和背景來增加 App 的美感。本文將介紹如何在 SwiftUI 中使用颜色和背景。

使用顏色

在 SwiftUI 中，可以使用 Color 類別來定義顏色。Color 類別接受一個 Color.Model 參數，可以指定使用的顏色模型，例如 .rgb、.hsl 或 .grayScale。

例如，可以使用 .rgb 模型來定義一個紅色：

let red = Color(.rgb, red: 1, green: 0, blue: 0)

也可以使用 .hsl 模型來定義一個橙色：

let orange = Color(.hsl, hue: 0.08, saturation: 1, brightness: 0.5)

使用背景

在 SwiftUI 中，可以使用 background() 修飾器來設定背景顏色。例如，可以將一個文字框的背景設定為紅色：

Text("Hello World")
    .background(Color.red)

也可以將一個按鈕的背景設定為橙色：

Button(action: {
    // do something
}) {
    Text("Tap me")
}
.background(Color.orange)

總結

本文介紹了如何在 SwiftUI 中使用颜色和背景。可以使用 Color 類別來定義顏色，並使用 background() 修飾器來設定背景顏色。這樣可以讓開發者更輕鬆地建立出美觀的 App。

推薦閱讀文章

推薦閱讀文章

            How to use colors and backgrounds in SwiftUI

            How to Use Colors in SwiftUI

            SwiftUI Colors and Borders

            Using Colors in SwiftUI

            How to Set Background Color in SwiftUI

延伸閱讀本站文章

更多swift相關文章

延伸閱讀本站文章

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

推薦學習youtube影片

【 SwiftUI 】#04 - Color / 顏色

在 SwiftUI 中使用颜色和背景

Categorized in:

iOSswift

Tagged in:

,