返回

UITextField 下拉列表：轻量级且无侵入式封装

IOS

轻松实现 UITextField 下拉列表：一种轻量级的解决方案

UITextField 下拉列表概述

UITextField 下拉列表是一种流行的 UI 元素，允许用户从预定义的选项列表中选择一个值。这种功能对于各种应用程序场景非常有用，例如选择日期、位置或产品。

传统方法的局限性

iOS 的 UIKit 提供了 UIPickerView 来创建下拉列表，但它使用起来可能很复杂，尤其是对于简单的用例。此外，继承 UITextField 会引入方法冲突和继承层次的复杂性。

轻量级封装

本文介绍了一种轻量级且无侵入式的封装，无需继承 UITextField，即可轻松实现下拉功能。它基于 UITextField 的 inputView 和 inputAccessoryView 属性。inputView 用于显示下拉列表，inputAccessoryView 用于显示包含关闭和完成按钮的工具栏。

代码实现

class DropdownTextField: UITextField {

    private let pickerView = UIPickerView()
    private let toolbar = UIToolbar()

    override init(frame: CGRect) {
        super.init(frame: frame)
        setup()
    }

    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

    private func setup() {
        pickerView.delegate = self
        pickerView.dataSource = self

        toolbar.sizeToFit()
        let doneButton = UIBarButtonItem(barButtonSystemItem: .done, target: self, action: #selector(doneButtonPressed))
        let space = UIBarButtonItem(barButtonSystemItem: .flexibleSpace, target: nil, action: nil)
        let cancelButton = UIBarButtonItem(barButtonSystemItem: .cancel, target: self, action: #selector(cancelButtonPressed))
        toolbar.setItems([cancelButton, space, doneButton], animated: false)

        inputView = pickerView
        inputAccessoryView = toolbar
    }

    // MARK: - Actions

    @objc private func doneButtonPressed() {
        endEditing(true)
    }

    @objc private func cancelButtonPressed() {
        endEditing(true)
    }
}

extension DropdownTextField: UIPickerViewDelegate, UIPickerViewDataSource {

    // ... Implementation of UIPickerViewDelegate and UIPickerViewDataSource ...
}

用法

使用该封装非常简单：

let textField = DropdownTextField()
textField.options = ["Option 1", "Option 2", "Option 3"]

优点

  • 轻量级： 代码量小，不会对应用程序性能产生显著影响。
  • 无侵入式： 无需继承 UITextField，避免了方法冲突和继承层次的复杂性。
  • 易用性： 只需几行代码即可实现下拉功能。
  • 可定制： 可以自定义下拉列表的外观和行为，以满足特定需求。

总结

这种封装提供了一种简单、高效且无侵入式的方式来实现 UITextField 下拉功能。它易于使用，可定制，适用于各种应用程序场景。

常见问题解答

  1. 这个封装是否支持多列选择？

    • 不，目前它不支持多列选择。

  2. 如何设置下拉列表的默认值？

    • 可以通过设置 textField.selectedOptionIndex 属性来设置默认值。

  3. 如何监听下拉列表中的选择更改？

    • 可以通过实现 UIPickerViewDelegate 协议中的 pickerView(_:didSelectRow:inComponent:) 方法来监听选择更改。

  4. 如何添加或删除下拉列表选项？

    • 可以通过更新 textField.options 属性来添加或删除选项。

  5. 这个封装是否与 Swift 5 兼容？

    • 是的，它与 Swift 5 完全兼容。