views

如何在 SQL 資料庫中創建視圖並與其互動 在 SQL 中，一個有趣的功能是可以創建視圖。 視圖就像一個表格，但不同於實際的表格，它是根據 SELECT 查詢的結果動態構建的。 讓我們使用在連接語句課程中使用過的示例： CREATE TABLE people ( age INT NOT NULL, name CHAR(20) NOT NULL PRIMARY KEY ); CREATE TABLE cars ( brand CHAR(20) NOT NULL, model CHAR(20) NOT NULL, owner CHAR(20) NOT NULL PRIMARY KEY ); 我們添加一些數據： INSERT INTO people VALUES (37, 'Flavio'); INSERT INTO people VALUES (8, 'Roger'); INSERT INTO cars VALUES ('Ford', 'Fiesta', 'Flavio'); INSERT INTO cars VALUES ('Ford', 'Mustang', 'Roger'); 我們可以創建一個稱為 car_age 的視圖，該視圖始終包含車型與車主年齡之間的關聯：...

你可以在 SwiftUI 的視圖中使用 Image 視圖顯示圖片。 首先，你需要將圖片添加到 Xcode 項目導航器中的 Assets.xcassets 檔案中的一個新圖片集中。 然後，你可以像這樣將圖片添加到你的 ContentView 中： import SwiftUI struct ContentView: View { var body: some View { Image("Avatar") } } 你也可以使用 Image(systemName:) 的格式顯示系統圖片： struct ContentView: View { var body: some View { Image(systemName: "house") } } Image 視圖有一系列的修飾器可供使用，包括： .resizable() 用於調整圖片大小以適應 .frame() 的尺寸 .frame() 用於設置寬度/高度 .clipShape() 用於設置裁剪形狀 .border() 用於設置邊框顏色 .overlay() 用於將另一個視圖放在其前面 .aspectRatio() 用於設置長寬比 .clipped() 用於裁剪超出框架的圖片 示例：

在 SwiftUI 簡介 文章中，我提到了視圖。 SwiftUI 就是關於視圖的。 還記得 Hello World 應用程式嗎？ import SwiftUI struct ContentView: View { var body: some View { Text("Hello World") } } ContentView 是主要的視圖。它的工作是定義構成我們應用程式的視圖。 在這裡，我們只有一個視圖，Text。 如果你在 Xcode 中運行這段程式碼，應用程式會如下所示： 注意在 ContentView 結構後面的額外程式碼：這是告訴 Xcode 在右側的預覽面板中要顯示什麼的方式。這不是應用程式的一部分，但在開發中會用到。 視圖可以有修飾器。 以下是 Text 視圖的一個修飾器範例：font()。 struct ContentView: View { var body: some View { Text("Hello World") .font(.largeTitle) } } 這個修飾器接受我們創建的 Text 視圖並使字體變大： 不同的視圖可以有不同的修飾器。 到目前為止，我們只看到了 Text 視圖，這個視圖有許多你可以使用的修飾器，其中包括： font() 設定視圖中文字的默認字體 background() 設定視圖的背景 foregroundColor() 設定視圖顯示的前景元素的顏色 padding() 在視圖四邊添加填充 ⋯還有許多其他的修飾器。對於 Text 視圖，你可以在這個頁面查看所有可以使用的修飾器：https://developer....

在 SwiftUI 中，ForEach 視圖非常有用，可以遍歷數組或範圍，並生成我們可以使用的視圖。 例如，我們在此創建了3個 Text 視圖，顯示從0到2的數字： ForEach(0..<3) { Text("\($0)") } $0 表示傳遞給閉包的第一個參數，在這個例子中分別是數字 0、1 和 2。 在這個例子中，為了避免重疊，我將它們嵌入到了一個 VStack 中： VStack { ForEach(0..<3) { Text("\($0)") }.padding() } 注意我使用了 padding() 修改器來添加一些間距。 在 List 視圖中，通常使用 ForEach： List { ForEach(0..<3) { Text("\($0)") } } 這是一種常見的用法，以至於我們實際上可以省略 ForEach，直接從 List 中遍歷： List(0..<3) { Text("\($0)") } 這兩個示例使用了範圍 0..<3。我們也可以遍歷數組： let fruits = ["Apple", "Pear", "Orange"] // ... List { ForEach(fruits, id: \.self) { Text("\($0)") } } 請注意，這種情況下我們有另外一個參數：id。 這是為了唯一識別數組中的項目。 對於內置類型，使用 \....