SwiftUI入門之Form的基礎使用

本文價值與收獲

看完本文后，您將能夠作出下面的界面

[email protected]

看完本文您將掌握的技能

了解什么Form
掌握Form和Section使用
了解內置margins

什么是Form

Form是SwiftUI的基礎控件，如果我們需要顯示產品配置、選項、用戶輸入時，使用Form可以快速搭建出各類表單。

代碼

import SwiftUI

struct ContentView: View {
    var body: some View {
        Form{
            Section{
                Text("這個是Form")
                    .font(.title)
                Text("您可以在這個位置放置任何控件")
                Text("cell會自動適配內容")
                Text("請記住，這個不過是一個View里面放了另外一個View")
                
            }
            Section {
                Text("限制")
                    .font(.title)
                Text("有內置的邊距很難避免。看看下面的顏色，您可以看到邊距在哪里")
                Color.purple
            }
            Section {
                Text("總結")
                    .font(.title)
                Text("通過這個小demo，我們可以初步掌握Form的使用")
            }
        }
        
    }
}

技術交流

QQ:3365059189
SwiftUI技術交流QQ群:518696470

請關注我的專欄icloudend, SwiftUI教程與源碼
 https://www.jianshu.com/c/7b3e3b671970

本文鏈接：https://blog.csdn.net/iCloudEnd/article/details/104916850

智能推薦

SwiftUI數據選擇之Picker和Form完美配合

本文價值與收獲看完本文后，您將能夠作出下面的界面 [email protected] Jietu20200419-175711.gif 看完本文您將掌握的技能掌握Picker基礎使用掌握Form基礎 Picker和Form聯動代碼推薦文章 SwiftUI一篇文章全面掌握Picker,解決數據選擇(教程和源碼) SwiftUI實戰之用Picker做個優雅的菜單 Swif...

參考：SwiftUI 教程基礎用法 Text Customize the Text View 自定義TextView VCtack:豎向布局 HStack:橫向布局 Spacer：空白 Image Create a Custom Image View 圖片 clipShape 切割方式 Use UIKit and SwiftUI Views Together 將UIKit與SwiftUI結合使用...

SwiftUI List的使用

演示創建一個三組，每組有四行數據的列表 ...

springMVC之form標簽庫的使用

springMVC之form標簽庫的使用今天有點兒小收獲，關于springMVC的form標簽庫，接觸了之后發現這東西用起來是真的方便。在這里記錄一下，主要是關于<form:from>和<form:select>標簽的使用。使用第一步引入form標簽庫： <%@ taglib uri=“http://www.springframework.org/ta...

SwiftUI sheet 和 form picker組合使用（教程含源碼）

實戰需求 SwiftUI sheet 和 form 組合使用本文價值與收獲看完本文后，您將能夠作出下面的界面看完本文您將掌握的技能掌握 sheet 掌握 form 掌握 picker 基礎知識 sheet 在給定條件為真時顯示工作表。 isPresented 是否顯示工作表的綁定。 onDismiss 工作表關閉時執行的關閉。 content 返回表內容的閉包。 Form 用于對用于數據輸...