Swift-分段选择View

前言
因为项目中经常用到,直接一直用被人的,开发基本需求可以满足,但是当内容需要改变是那就蛋疼了, 下面介绍的是一个可以通过刷新来改变文字内容的滚动选项view,使用也比较简单

基本需求

image.png

需要改变

image.png

介绍

• 可修改样式

class HWTitleStyle: NSObject {
    /// 默认颜色
    var normalColor: UIColor = .black//UIColor(r: 0, g: 0, b: 0)
    /// 选中颜色
    var selectColor: UIColor = .orange//UIColor(r: 255, g: 127, b: 0)
    /// 文字大小
    var fontSize: CGFloat = 15.0
    /// 移动高度
    var mobileLineHeight: CGFloat = 2
    /// 移动线颜色
    var mobileLineColor: UIColor = .orange
    /// 是否显示移动线
    var isShowMobileLine: Bool = true
    /// 额外间距
    var itemMargin: CGFloat = 30
    
    /// 底部高度
    var bottomLineHeight: CGFloat = 0.5
    /// 底部线颜色
    var bottomLineColor: UIColor = .lightGray
    /// 是否显示底部线
    var isShowBottomLine: Bool = true
}

• 创建方法

/// 默认样式 可以后期修改样式
init(frame: CGRect)
/// 带样式创建
init(frame: CGRect, style: HWTitleStyle? = nil)

• 点击事件监听

/// 代理方法
@objc optional func titleVie(_ titleVie: HWTitleView, index: Int)

/// 点击label的block回调
var clickIndexBlock:((Int)->())?

• 数据源方法

/// 返回个数
func numberOfItems(in titleView: HWTitleView) -> Int
/// 返回当前需要显示的文字
func titleView(_ titleView: HWTitleView, titleForItemAt index: Int) -> String?

使用案例:

• 基本显示

• 1. 创建

/// 创建 
var titles = ["全部", "待付款", "待发货" ,"待收货", "待评论", "退款/换货"]
override func viewDidLoad() {
        super.viewDidLoad()
        let titleView = HWTitleView.init(frame: CGRect.init(x: 0, y: 64, width: view.bounds.width, height: 44))
        titleView.dataSource = self
        titleView.backgroundColor = UIColor.white
        view.addSubview(titleView)
}

• 2.实现数据源方法

extension ViewController : HWTitleViewDataSource {
    /// 返回个数
    func numberOfItems(in titleView: HWTitleView) -> Int {
        return titles.count
    }
    /// 返回对应的文本
    func titleView(_ titleView: HWTitleView, titleForItemAt index: Int) -> String? {
        return titles[index]
    }
}

• 更多使用(修改样式及修改文字内容)

1.监听点击的Label 可以通过代理方法func titleVie(_ titleVie: HWTitleView, index: Int)与闭包clickIndexBlock:((Int)->())来实现
2.修改内容只要reloadData()刷新布局,然后在数据方法中进行对应操作即可

class ViewController: UIViewController {
    var titles = ["全部", "待付款", "待发货" ,"待收货", "待评论", "退款/换货"]
    var titleView: HWTitleView?
    override func viewDidLoad() {
        super.viewDidLoad()
        let titleView = HWTitleView.init(frame: CGRect.init(x: 0, y: 64, width: view.bounds.width, height: 44))
        titleView.dataSource = self
        titleView.delegate = self
        /// 闭包回调当前点击的角标
        titleView.clickIndexBlock = { (index) in
            print(index)
        }
        titleView.backgroundColor = UIColor.white
        self.titleView = titleView
        view.addSubview(titleView)
    }

    var tag = 1
    /// 通过touchesBegan 模拟修改样式与文本内容
    override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
        let style = HWTitleStyle()
        if tag == 1 {
            style.normalColor = UIColor.black
            style.selectColor = UIColor.red
            style.mobileLineColor = UIColor.red
            style.isShowBottomLine = false
            tag = 2
        } else {
            tag = 1
        }
        /// 刷新样式
        titleView?.refreshStyle(style)
        /// 刷新布局
        titleView?.reloadData()
    }


}
extension ViewController : HWTitleViewDataSource {
    /// 返回个数
    func numberOfItems(in titleView: HWTitleView) -> Int {
        return titles.count
    }
    /// 返回对应的文本
    func titleView(_ titleView: HWTitleView, titleForItemAt index: Int) -> String? {
        return titles[index] + (tag == 2 ? String(format: "(%ld)", index) : "")
    }
}

extension ViewController : HWTitleViewDelegate {
    /// 代理回调当前点击的角标
    func titleVie(_ titleVie: HWTitleView, index: Int) {
        print(index)
    }
}

Dome