[Swift通天遁地]二、表格表单-(9)快速创建一个美观强大的表单

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
➤微信公众号：山青咏芝（shanqingyongzhi）
➤博客园地址：山青咏芝（https://www.cnblogs.com/strengthen/）
➤GitHub地址：https://github.com/strengthen/LeetCode
➤原文地址：https://www.cnblogs.com/strengthen/p/10195247.html 
➤如果链接不是山青咏芝的博客园地址，则可能是爬取作者的文章。
➤原文已修改更新！强烈建议点击原文地址阅读！支持作者！支持原创！
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

热烈欢迎，请直接点击！！！

进入博主App Store主页，下载使用各个作品！！！

注：博主将坚持每月上线一个新app！！！

目录：[Swift]通天遁地Swift

本文将演示如何利用第三方库，快速创建一个美观强大的表单

首先确保在项目中已经安装了所需的第三方库。

点击【Podfile】,查看安装配置文件。

platform :ios, '12.0'
use_frameworks!

target 'DemoApp' do
    source 'https://github.com/CocoaPods/Specs.git'
    pod 'Eureka', '~> 2.0.0-beta.1'
end

根据配置文件中的相关配置，安装第三方库。

然后点击打开【DemoApp.xcworkspace】项目文件。

在项目导航区，打开视图控制器的代码文件【ViewController.swift】

现在开始编写代码，创建一个表单。

import UIKit
//在当前的类文件中引入已经安装的第三方类库
import Eureka

//修改当前视图控制器类的父类的名称
class ViewController: FormViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        
        //表单中的元素是以段落进行划分的。
        //在此创建第一个段落。
        form = Section("Section1")
            //往第一个段落中添加一个文本行
            <<< TextRow()
            {
                row in
                //设置文本行的标识值，
                //通过该标识值，可以获得用户输入的内容
                row.tag = "TextRow"
                //设置文本行的左侧的标题文字
                row.title = "Text Row"
                //设置文本行的占位文字
                row.placeholder = "Enter text here"
            }
            
            //创建一个手机行，允许用户在该行输入一个手机号码
            <<< PhoneRow()
            {
                row in
                //设置手机行的标识值
                row.tag = "PhoneRow"
                //设置手机行的左侧的标题文字
                row.title = "Phone Row"
                //设置手机行的占位文字
                row.placeholder = "And numbers here"
            }
            
            //添加第二个表单段落
            +++ Section("Section2")
            
            //添加一个日期行，用户可以在此设置日期的值
            <<< DateRow()
            {
                row in
                //设置日期行的标识值
                row.tag = "DateRow"
                //设置日期行的左侧的标题文字
                row.title = "Date Row"
                //设置日期行的初始的值为当天的日期
                row.value = NSDate() as Date
            }
        
        //创建一个按钮控件，并设置按钮的显示区域。
        //当用户点击该按钮时，将获得用户在表单中输入的内容
        let button = UIButton(frame: CGRect(x: 0, y: 280, width: 320, height: 40))
        //设置按钮控件的背景颜色
        button.backgroundColor = UIColor.orange
        //设置按钮控件的标题文字 
        button.setTitle("Get row values", for: .normal)
        //给按钮控件绑定点击事件
        button.addTarget(self, 
                         action: #selector(ViewController.getRowValues(_:)), 
                         for: .touchUpInside)
        
        //将按钮控件添加到当前视图控制器的根视图
        self.view.addSubview(button)
    }
    
    //添加一个方法，用来响应按钮的点击事件
    func getRowValues(_ button : UIButton)
    {
        //通过标识的值，获得表单中的文本行
        let row: TextRow? = form.rowBy(tag: "MyRowTag")
        //获得用户在该位置输入的内容
        let value = row?.value
        //在控制台输出该内容
        print("MyRowTag:\(value)")
        
        //获得用户在表单输入的所有内容，
        //该内容是一个字典对象。
        let valuesDictionary = form.values()
        //在控制台输出该字典内容
        print("valuesDictionary:\(valuesDictionary)")
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
}