[Swift通天遁地]二、表格表单-(10)快速添加日期选择/多选/动作表单/地图等自定义表单

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

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

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

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

目录：[Swift]通天遁地Swift

本文将演示创建一个更加强大的表单。

Github项目：【Eureka】

下载该项目的源代码。

选择该项目中的几个文件，拖动到自己的开发项目中。按住【Shift】，选择

文件夹【Example】->选择

一个自定义的单元格的类文件【CustomCells.swift】

文件夹【Helpers】

文件夹【CustomRows】

->保持默认的设置选项，点击【Finish】

选择资源文件夹【Assets.xcassets】,导入项目中需要使用的图片。

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

现在开始编写代码，创建一个更加强大的表单。

import UIKit
//首先在当前类文件中，
//引入以及安装的第三方类库
import Eureka
//引入地图的框架
import MapKit

//创建一个字符串的别名，并创建一系列的表情图标
typealias Emoji = String
let 👦🏼 = "👦🏼", 🍐 = "🍐", 💁🏻 = "💁🏻", 🐗 = "🐗", 🐼 = "🐼", 🐻 = "🐻", 🐖 = "🐖", 🐡 = "🐡"

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

    override func viewDidLoad() {
        super.viewDidLoad()
        
        //设置网址行里的文本框的字体颜色为蓝色
        URLRow.defaultCellUpdate = { cell, row in cell.textField.textColor = .blue}
        //设置标签行的字体颜色为橙色
        LabelRow.defaultCellUpdate = { cell, row in cell.detailTextLabel?.textColor = .orange}
        //设置复选行行的前景颜色为橙色
        CheckRow.defaultCellSetup = { cell, row in cell.tintColor = .orange}
        //设置日期行的最小日期为当天的日期
        DateRow.defaultRowInitializer = { row in row.minimumDate = Date()}
        
        //往表单中添加一个新的段落
        form = Section()
            //往段落中添加一个标签行
            <<< LabelRow ()
            {
                //设置标签行的标题
                $0.title = "LabelRow"
                //设置标签行的默认值
                $0.value = "tap the row"
            }
            //当用户点击该行时，
            //往标签的文字内容中，添加一枚旗帜图标
            .onCellSelection
            { 
                cell, row in
                row.title = (row.title ?? "") + " 🇺🇾 "
                row.reload()
            }
            //添加一个日期表单行，并设置日期行的默认值和标题文字
            <<< DateRow()
            {
                $0.value = Date()
                $0.title = "DateRow"
            }
            //添加一个复选框表单行，并设置该行的标题文字和默认值
            <<< CheckRow()
            {
                $0.title = "CheckRow"
                $0.value = true
            }
            //添加一个Switch表单行，并设置该行的标题文字和默认值
            <<< SwitchRow()
            {
                $0.title = "SwitchRow"
                $0.value = true
            }
            //添加一个滑竿表单行，并设置该行的标题文字和默认值
            <<< SliderRow()
            {
                $0.title = "SliderRow"
                $0.value = 5.0
            }
            //添加一个步进表单行，并设置该行的标题文字和默认值
            <<< StepperRow() {
                $0.title = "StepperRow"
                $0.value = 1.0
            }
            
            //添加一个新的段落，用来创建一些片段的示例
            +++ Section("SegmentedRow examples")
            
            //添加一个字符串类型的片段行，
            //并设置该行拥有三个选项
            <<< SegmentedRow<String>() { $0.options = ["One", "Two", "Three"] }
            
            //添加一个表情图标类型的片段行
            <<< SegmentedRow<Emoji>()
            {
                //设置该行的标题文字
                $0.title = "Who are you?"
                //拥有六个选项
                $0.options = [💁🏻, 🍐, 👦🏼, 🐗, 🐼, 🐻 ]
                //默认值
                $0.value = 🍐
            }
            //添加一个字符串类型的片段行
            <<< SegmentedRow<String>()
            {
                //设置该行的标题文字
                $0.title = "SegmentedRow"
                //拥有两个选项
                $0.options = ["One", "Two"]
            }
            //设置该行的缩略图标
            .cellSetup
            {
                cell, row in
                cell.imageView?.image = UIImage(named: "plus_image")
            }
            //添加另一个字符串类型的片段行
            <<< SegmentedRow<String>()
            {
                //设置该行拥有四个选项
                $0.options = ["One", "Two", "Three", "Four"]
                //默认值
                $0.value = "Three"
            }
            //设置该行的缩略图标
            .cellSetup
            {
                cell, row in
                cell.imageView?.image = UIImage(named: "plus_image")
            }
            
            //在表单中添加另一个段落
            +++ Section("Selectors Rows Examples")
            
            //添加一个动作表单行，当点击此行时，将弹出一个动作表单
            <<< ActionSheetRow<String>()
            {
                //设置该行的标题
                $0.title = "ActionSheetRow"
                //设置该行的选择器标题
                $0.selectorTitle = "Your favourite player?"
                //设置该行选项列表
                $0.options = ["Diego Forlán", "Edinson Cavani", "Diego Lugano", "Luis Suarez"]
                //默认值
                $0.value = "Luis Suarez"
            }
            //添加一个警告行，当点击此行时，将弹出一个警告窗口
            <<< AlertRow<Emoji>()
            {
                //设置该行的标题
                $0.title = "AlertRow"
                //设置该行的选择器标题
                $0.selectorTitle = "Who is there?"
                //设置该行选项列表
                $0.options = [💁🏻, 🍐, 👦🏼, 🐗, 🐼, 🐻]
                //默认值
                $0.value = 👦🏼
            }
            //当值发生变化时
            .onChange
            {
                row in
                //在控制台输出该行的值
                print(row.value)
            }
            //设置在展示时的前景颜色为紫色
            .onPresent
            {
                _, to in
                to.view.tintColor = .purple
            }
            
            //添加一个导航类型的表单行，
            //当点击此行时，将在导航栈中压入一个新的页面
            <<< PushRow<Emoji>()
            {
                //设置该行的标题
                $0.title = "PushRow"
                //设置该行选项列表
                $0.options = [💁🏻, 🍐, 👦🏼, 🐗, 🐼, 🐻]
                //默认值
                $0.value = 👦🏼
                //设置该行的选择器标题
                $0.selectorTitle = "Choose an Emoji!"
            }
        
        //获得表单的最后一个段落
        let section = form.last!
        
        //在段落中添加要给地理坐标行
        section
            <<< LocationRow(){
                //设置该行的标题
                $0.title = "LocationRow"
                //默认值
                $0.value = CLLocation(latitude: -34.91, longitude: -56.1646)
            }
            //添加一个图像表单行，并设置该行的标题
            <<< ImageRow()
            {
                $0.title = "ImageRow"
            }
            //添加一个可进行多选操作的表单行
            <<< MultipleSelectorRow<Emoji>()
            {
                //设置该行的标题
                $0.title = "MultipleSelectorRow"
                //设置该行选项列表
                $0.options = [💁🏻, 🍐, 👦🏼, 🐗, 🐼, 🐻]
                //默认值
                $0.value = [👦🏼, 🍐, 🐗]
            }
        
        //再添加一个新的段落
        //将在该段落中添加拾取器类型的表单行
        form +++ Section("Generic picker")
            //添加一个字符串类型的拾取器行
            <<< PickerRow<String>("Picker Row")
            { (row : PickerRow<String>) -> Void in
                row.options = []
                //添加一个十次的循环语句，设置行的选项列表
                for i in 1...10
                {
                    row.options.append("option \(i)")
                }
            }
            
            //添加一个新的段落
            +++ Section("FieldRow examples")
            
            //添加一个文本表单行
            <<< TextRow()
            {
                //设置标题
                $0.title = "TextRow"
                //设置占位文本
                $0.placeholder = "Placeholder"
            }
            //添加一个数字表单行
            <<< DecimalRow()
            {
                //设置标题
                $0.title = "DecimalRow"
                //设置默认值
                $0.value = 5
                //对于数字表单行，我们可以设置它的数字格式
                $0.formatter = DecimalFormatter()
                //设置在用户输入时，实时对数字进行格式化
                $0.useFormatterDuringInput = true
            }
            //设置该行的输入框的键盘类型，在此使用数字键盘
            .cellSetup
            {
                cell, _  in
                cell.textField.keyboardType = .numberPad
            }
            
            //添加一个网址行
            <<< URLRow()
            {
                //设置标题
                $0.title = "URLRow"
                //设置默认值
                $0.value = URL(string: "https://www.cnblogs.com/strengthen/")
            }
            //添加一个手机号码行
            <<< PhoneRow()
            {
                //设置标题
                $0.title = "PhoneRow (disabled)"
                //设置默认值
                $0.value = "+598 9898983510"
                //是否激活
                $0.disabled = true
            }
            //添加一个名称表单行
            <<< NameRow()
            {
                //设置标题
                $0.title =  "NameRow"
            }
            //添加一个密码表单行
            <<< PasswordRow()
            {
                //设置标题
                $0.title = "PasswordRow"
                //设置默认值
                $0.value = "password"
            }
            //添加一个整数表单行
            <<< IntRow()
            {
                //设置标题
                $0.title = "IntRow"
                //设置默认值
                $0.value = 2015
            }
            //添加一个邮箱表单行
            <<< EmailRow()
            {
                //设置标题
                $0.title = "EmailRow"
                //设置默认值
                $0.value = "lifazhan@coolketang.com"
            }
            //添加一个特定类型的表单行
            <<< TwitterRow()
            {
                //设置标题
                $0.title = "TwitterRow"
                //设置默认值
                $0.value = "@tapinfinity"
            }
            //添加一个账户表单行
            <<< AccountRow()
            {
                //设置标题
                $0.title = "AccountRow"
                //设置占位文本
                $0.placeholder = "Placeholder"
            }
            //添加一个邮政编码表单行
            <<< ZipCodeRow()
            {
                //设置标题
                $0.title = "ZipCodeRow"
                //设置占位文本
                $0.placeholder = "101100"
            }
    }

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