[Swift通天遁地]九、拔剑吧-(3)创建多种自定义Segment分段样式的控件

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

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

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

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

目录：[Swift]通天遁地Swift

本文将演示创建多种自定义Segment分段样式的控件。

首先确保已经安装了所需的第三方类库。双击查看安装配置文件【Podfile】

platform :ios, '12.0'
use_frameworks!

target 'DemoApp' do
    source 'https://github.com/CocoaPods/Specs.git'
    pod 'PagingMenuController'
end

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

安装完成之后，双击打开项目文件【DemoApp.xcodeproj】

依次创建四个自定义的视图控制器，作为分段控件每个分段指向的页面。

在项目文件夹上点击鼠标右键，弹出右键菜单。

【New File】->【Cocoa Touch】->【Next】->

【Class】：ViewController1

【Subclass of】:UIView

【Language】：Swift

->【Next】->【Create】

点击打开【ViewController1.swift】,现在开始编写代码，创建一个包含多行文字的段落。

import UIKit
//引入已经安装的第三方类库
import PagingMenuController

class ViewController1: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()
        
        //初始化一个指定显示区域的标签对象
        let textLabel = UILabel(frame: self.view.frame)
        //设置标签对象的文字对齐方式为居中
        textLabel.textAlignment = .center
        //设置标签对象的字体属性
        textLabel.font = UIFont.systemFont(ofSize: 24)
        //设置标签对象的文字内容
        textLabel.text = "View Controller 1"
        //设置标签对象的背景颜色为橙色
        textLabel.backgroundColor = UIColor.orange
        
        //将标签对象添加到根视图
        view.addSubview(textLabel)
    }
}

在项目文件夹上点击鼠标右键，弹出右键菜单。

【New File】->【Cocoa Touch】->【Next】->

【Class】：ViewController2

【Subclass of】:UIView

【Language】：Swift

->【Next】->【Create】

点击打开【ViewController2.swift】,现在开始编写代码，创建一个包含多行文字的段落。

import UIKit
//引入已经安装的第三方类库
import PagingMenuController

class ViewController2: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()
        
        //初始化一个h指定显示区域的标签对象
        let textLabel = UILabel(frame: self.view.frame)
        //设置标签对象的文字对齐方式为居中
        textLabel.textAlignment = .center
        //设置标签对象的字体属性
        textLabel.font = UIFont.systemFont(ofSize: 24)
        //设置标签对象的文字内容
        textLabel.text = "View Controller 2"
        //设置标签对象的背景颜色为洋红色
        textLabel.backgroundColor = UIColor.magenta
        
        //将标签对象添加到根视图
        view.addSubview(textLabel)
    }
}

按下【Command】+【Shift】+【S】另存当前的类文件，作为第三个分段的页面。

【Save As】：ViewController3

点击打开【ViewController3.swift】,现在开始编写代码，创建一个包含多行文字的段落。

import UIKit
//引入已经安装的第三方类库
import PagingMenuController

//记得修改类的名称ViewController3
class ViewController3: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()
        
        //初始化一个h指定显示区域的标签对象
        let textLabel = UILabel(frame: self.view.frame)
        //设置标签对象的文字对齐方式为居中
        textLabel.textAlignment = .center
        //设置标签对象的字体属性
        textLabel.font = UIFont.systemFont(ofSize: 24)
        //修改此处的标签内容
        textLabel.text = "View Controller 3"
        //设置标签对象的背景颜色为紫色
        textLabel.backgroundColor = UIColor.purple
        
         //将标签对象添加到根视图
        view.addSubview(textLabel)
    }
}

按下【Command】+【Shift】+【S】另存当前的类文件，作为第三个分段的页面。

【Save As】：ViewController4

点击打开【ViewController4.swift】,现在开始编写代码，创建一个包含多行文字的段落。

import UIKit
//引入已经安装的第三方类库
import PagingMenuController

//记得修改类的名称ViewController4
class ViewController4: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()
        
         //初始化一个h指定显示区域的标签对象
        let textLabel = UILabel(frame: self.view.frame)
         //设置标签对象的文字对齐方式为居中
        textLabel.textAlignment = .center
        //设置标签对象的字体属性
        textLabel.font = UIFont.systemFont(ofSize: 24)
        //修改此处的标签内容
        textLabel.text = "View Controller 4"
        //设置标签对象的背景颜色为棕色
        textLabel.backgroundColor = UIColor.brown
        
        //将标签对象添加到根视图
        view.addSubview(textLabel)
    }
}

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

现在开始编写代码，创建一个包含四个分段的自定义分段控件。

import UIKit
//引入已经安装的第三方类库
import PagingMenuController

//初始化一个结构体，用来对分段视图控件进行配置
private struct PagingMenuOptions: PagingMenuControllerCustomizable
{
    //初始化一个控件类型属性，用来设置分段控件的样式和所有的子视图控制器。
    fileprivate var componentType: ComponentType
    {
        //分段控件的样式，由另一个方法来设置，同时设置一个数组，作为分段控件的所有子视图控制器。
        return .all(menuOptions: MenuOptions(), pagingControllers: pagingControllers)
    }
    
    //添加一个数组属性，作为分段控件的所有子视图控制器。
    fileprivate var pagingControllers: [UIViewController]
    {
        //依次初始化四个子视图控制器
        let viewController1 = ViewController1()
        let viewController2 = ViewController2()
        let viewController3 = ViewController3()
        let viewController4 = ViewController4()
        
        //返回四个子视图控制器，作为子视图控制器。
        return [viewController1, viewController2, viewController3, viewController4]
    }
    
    //添加另一个结构体属性，用来设置分段控件的外观样式
    fileprivate struct MenuOptions: MenuViewCustomizable
    {
        //给结构体添加一个属性，
        //设置分段控件的显示模式为分段按钮。
        //分段控件的样式共有：标准样式、分段按钮样式和无限样式三种。
        var displayMode: MenuDisplayMode
        {
            return .segmentedControl
        }
        //添加一个属性，用来设置分段控件的焦点模式。
        //焦点模式共有：空白、下划线、圆角三种。
        var focusMode: MenuFocusMode
        {
            return .roundRect(radius: 12, horizontalPadding: 8, verticalPadding: 8, selectedColor: UIColor.orange)
        }
        //添加第三个属性，用来设置四个分段的内容。
        var focusMode: MenuFocusMode
        {
            return .underline(height: 3, color: UIColor.blue, horizontalPadding: 10, verticalPadding: 0)
        }
        //添加一个结构体属性，用来设置第一个分段的内容。
        var focusMode: MenuFocusMode
        {
            return .none
        }
        //设置第一个分段的文字内容
        var itemsOptions: [MenuItemViewCustomizable]
        {
            return [MenuItem1(), MenuItem2(), MenuItem3(), MenuItem4()]
        }
    }
    
    //添加一个结构体，用来设置第一个分段的内容
    fileprivate struct MenuItem1: MenuItemViewCustomizable
    {
        //设置第一个分段的显示模式
        var displayMode: MenuItemDisplayMode
        {
            //设置第一个分段的文字内容
            return .text(title: MenuItemText(text: "News"))
        }
    }
    
     //添加一个结构体，用来设置第二个分段的内容
    fileprivate struct MenuItem2: MenuItemViewCustomizable
    {
        //设置第二个分段的显示模式
        var displayMode: MenuItemDisplayMode
        {
            //初始化一个菜单文本对象，并设置对象的文字内容，字体颜色，高亮颜色，字体，高亮字体等属性。
            let itemText = MenuItemText(text: "Message", color: .lightGray, selectedColor: .white, font: UIFont(name: "Arial", size: 16)!, selectedFont: UIFont(name: "Arial", size: 12)!)
            //返回菜单文本对象，作为第二个分段的文字内容
            return .text(title: itemText)
        }
    }
    
    //添加一个结构体，用来设置第三个分段的内容
    fileprivate struct MenuItem3: MenuItemViewCustomizable
    {
         //设置第三个分段的显示模式
        var displayMode: MenuItemDisplayMode
        {
            //初始化一个指定显示区域的视图对象
            let view = UIView(frame: CGRect(x: 0, y: 0, width: 80, height: 50))
            //初始化一个标签对象
            let label = UILabel(frame: CGRect(x: 0, y: 0, width: 80, height: 50))
            //设置标签对象的文字对齐方式为居中
            label.textAlignment = .center
            //设置标签的文字内容
            label.text = "Service"
            //设置标签的字体的颜色
            label.textColor = UIColor.purple
            //将标签添加到根视图中
            view.addSubview(label)
            //返回视图对象
            return .custom(view: view)
        }
    }
    
    //添加一个结构体属性，用来设置第四个分段的内容
    fileprivate struct MenuItem4: MenuItemViewCustomizable
    {
        //设置第四个分段的显示模式
        var displayMode: MenuItemDisplayMode
        {
             //设置第四个分段的文字内容
            return .text(title: MenuItemText(text: "Setting"))
        }
    }
}

class ViewController: UIViewController
{
    override func viewDidLoad()
    {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
        //完成分段控件的属性设置之后，开始创建分段控件。
        
        //首先设置根视图的背景颜色为白色
        view.backgroundColor = UIColor.white
        
        //初始化一个分段菜单设置选项
        let options = PagingMenuOptions()
        //初始化一个分段菜单控制器
        let pagingMenuController = PagingMenuController(options: options)
        //设置分段菜单的控制器的代理对象为当前的视图控制器
        pagingMenuController.delegate = self
        //设置控制器的视图的显示区域
        pagingMenuController.view.frame.origin.y += 20
        pagingMenuController.view.frame.size.height -= 20
        
        //将分段菜单控制器，作为子视图控制器，添加到当前的视图控制器。
        addChild(pagingMenuController)
        //将分段菜单控制器中的视图对象，添加到根视图。
        view.addSubview(pagingMenuController.view)
        //当将子视图控制器添加到父控制器时，必须调用子视图控制器的移动方法。
        pagingMenuController.didMove(toParent: self)
    }

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

//添加一个扩展，用来实现协议中的方法
extension ViewController: PagingMenuControllerDelegate
{
    //添加一个方法，用来监听子视图控制器在即将跳转时的事件
    func willMove(toMenu menuController: UIViewController, fromMenu previousMenuController: UIViewController)
    {
        //在控制台输出当前方法的名称
        print(#function)
        //输出上一个视图控制器
        print(previousMenuController)
        //和即将跳转到的视图控制器的信息
        print(menuController)
    }
    
    //添加一个方法，用来监听子视图控制器在完成跳转后的事件。
    func didMove(toMenu menuController: UIViewController, fromMenu previousMenuController: UIViewController)
    {
         //在控制台输出当前方法的名称
        print(#function)
        //输出上一个视图控制器
        print(previousMenuController)
        //和当前的视图控制器的信息
        print(menuController)
    }
    
    //添加一个方法，用来监听分段控件在即将切换时的事件
    func willMove(toMenuItem menuItemView: MenuItemView, fromMenuItem previousMenuItemView: MenuItemView)
    {
        //在控制台输出当前方法的名称
        print(#function)
        //输出上一个分段的信息
        print(previousMenuItemView)
        //输出即将切换到的分段的信息
        print(menuItemView)
    }
    
    //添加一个方法，用来监听分段在完成切换后的事件
    func didMove(toMenuItem menuItemView: MenuItemView, fromMenuItem previousMenuItemView: MenuItemView)
    {
        //在控制台输出当前方法的名称
        print(#function)
        //输出上一个分段信息
        print(previousMenuItemView)
        //完成切换后的分段的信息
        print(menuItemView)
    }
}