Merge pull request Jinxiansen#22 from chasel/master

add form page

Author: Jinxiansen

Example/Example.xcodeproj/project.pbxproj

@@ -46,6 +46,7 @@
 		41FE99E722AAD08A008135A0 /* NavigationButtonPage.swift in Sources */ = {isa = PBXBuildFile; fileRef = 41FE99E622AAD08A008135A0 /* NavigationButtonPage.swift */; };
 		41FE99E922AAD7B0008135A0 /* EditButtonPage.swift in Sources */ = {isa = PBXBuildFile; fileRef = 41FE99E822AAD7B0008135A0 /* EditButtonPage.swift */; };
 		41FE99F022AADF9F008135A0 /* DatePickerPage.swift in Sources */ = {isa = PBXBuildFile; fileRef = 41FE99EF22AADF9F008135A0 /* DatePickerPage.swift */; };
+		BD99734E23B49BB800A3E3F0 /* FormPage.swift in Sources */ = {isa = PBXBuildFile; fileRef = BD99734D23B49BB800A3E3F0 /* FormPage.swift */; };
 		D74985BC231634DA00C4D46D /* Window+Ext.swift in Sources */ = {isa = PBXBuildFile; fileRef = D74985BB231634DA00C4D46D /* Window+Ext.swift */; };
 /* End PBXBuildFile section */
 
@@ -91,6 +92,7 @@
 		41FE99E622AAD08A008135A0 /* NavigationButtonPage.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = NavigationButtonPage.swift; sourceTree = "<group>"; };
 		41FE99E822AAD7B0008135A0 /* EditButtonPage.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = EditButtonPage.swift; sourceTree = "<group>"; };
 		41FE99EF22AADF9F008135A0 /* DatePickerPage.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = DatePickerPage.swift; sourceTree = "<group>"; };
+		BD99734D23B49BB800A3E3F0 /* FormPage.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = FormPage.swift; sourceTree = "<group>"; };
 		D74985BB231634DA00C4D46D /* Window+Ext.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "Window+Ext.swift"; sourceTree = "<group>"; };
 /* End PBXFileReference section */
 
@@ -110,6 +112,7 @@
 			children = (
 				4132A45D22AD561500A8DBBE /* GroupPage.swift */,
 				4132A45F22AD624700A8DBBE /* SectionPage.swift */,
+				BD99734D23B49BB800A3E3F0 /* FormPage.swift */,
 			);
 			path = Container;
 			sourceTree = "<group>";
@@ -370,6 +373,7 @@
 				4196ABCC22A97AB1008B8FD2 /* ContentView.swift in Sources */,
 				4132A46622AD70D400A8DBBE /* View+Ext.swift in Sources */,
 				415F044F22ABA1E3003E59FC /* TogglePage.swift in Sources */,
+				BD99734E23B49BB800A3E3F0 /* FormPage.swift in Sources */,
 				41F36F0E22AA8AEC00B9172D /* WebViewPage.swift in Sources */,
 				4132A46022AD624700A8DBBE /* SectionPage.swift in Sources */,
 				41C7E65E22B4A9680074D4F6 /* ModalPage.swift in Sources */,

Example/Example/ContentView.swift

@@ -97,6 +97,9 @@ struct ContentView : View {
                     NavigationLink(destination: SectionPage()) {
                         PageRow(title: "Section",subTitle: "用于创建带头/尾部的视图内容，一般结合 `List` 组件使用")
                     }.frame(height: 80)
+                    NavigationLink(destination: FormPage(firstName: "", lastName: "")) {
+                           PageRow(title: "Form",subTitle: "表单视图")
+                    }
                 }
                 Section(header: Text("导航视图")) {
                     NavigationLink(destination: NavigationViewPage()) {

Example/Example/Page/Container/FormPage.swift

@@ -0,0 +1,31 @@
+//
+//  FormPage.swift
+//  Example
+//
+//  Created by Chasel Li on 12/26/19.
+//  Copyright © 2019 晋先森. All rights reserved.
+//
+
+import SwiftUI
+
+struct FormPage: View {
+    
+    @State var firstName: String
+    @State var lastName: String
+    
+    var body: some View {
+        VStack {
+            Form {
+                TextField("First Name", text: $firstName)
+                TextField("Last Name", text: $lastName)
+            }
+        }.navigationBarTitle(Text("Form"))
+        
+    }
+}
+
+struct FormPage_Previews: PreviewProvider {
+    static var previews: some View {
+        FormPage(firstName: "", lastName: "")
+    }
+}

README.md

@@ -76,6 +76,7 @@ When learning and using `SwiftUI`, if you have any questions, you can join the S
 	- [Group](#Group)
 	- [GroupBox](#GroupBox)
 	- [Section](#Section)
+  - [Form](#Form)
 
 * <span id="Architectural_D">Architectural Views</span>
 	- [NavigationView](#NavigationView)
@@ -686,6 +687,24 @@ Section(header: Text("I'm header"), footer: Text("I'm footer")) {
 <img width="80%" src="images/example/Section.png"/>
 </details>
 
+<h4 id="Form"> Form </h4>
+
+`Form` A container for grouping controls used for data entry, such as in settings or inspectors.
+
+Example:
+
+```swift
+Form {
+   TextField("First Name", text: $firstName)
+   TextField("Last Name", text: $lastName)
+}
+```
+
+<details close>
+  <summary>View running results</summary>
+<img width="80%" src="images/example/Form.png"/>
+</details>
+
 [🔝](#Layout_D)
 
 <h4 id="NavigationView"> NavigationView </h4>

README_CN.md

@@ -80,6 +80,7 @@
 	- [Group](#Group)
 	- [GroupBox](#GroupBox)
 	- [Section](#Section)
+  - [Form](#Form)
 
 * <span id="Architectural_D">Architectural Views 导航、切换、排列</span>
 	- [NavigationView](#NavigationView)
@@ -692,6 +693,24 @@ Section(header: Text("I'm header"), footer: Text("I'm footer")) {
 <img width="80%" src="images/example/Section.png"/>
 </details>
 
+<h4 id="Form"> Form </h4>
+
+`Form` 是对一组数据输入进行控制的容器。
+
+Example:
+
+```swift
+Form {
+   TextField("First Name", text: $firstName)
+   TextField("Last Name", text: $lastName)
+}
+```
+
+<details close>
+  <summary>查看运行效果</summary>
+<img width="80%" src="images/example/Form.png"/>
+</details>
+
 [🔝](#Layout_D)
 
 <h4 id="NavigationView"> NavigationView </h4>