如何限制选择器视图中显示的行数？

Question

默认情况下， UIPickerView显示 7 行（1 行，6 行不活动），包括垂直填充在内，高度约为 210 像素。

如何仅显示 2 个非活动项目（活动项目上方 1 个，活动项目下方 1 个）以限制选择器的高度？

我可以使用UIPickerViewDataSource扩展来定义行和列的总数。 我需要限制非活动行数以降低元素高度和屏幕的整体视觉复杂性。

Answer 1

您可以设置UIPickerView高度，因此它只显示 3 个元素。 我准备了一个简单的演示，我们将UIPickerView高度设置为常数，并使用UIPickerViewDelegate的rowHeightForComponent function 将行高设置为UIPickerView高度除以所需的行数。

class ViewController: UIViewController, UIPickerViewDataSource, UIPickerViewDelegate {
    private let pickerViewHeight: CGFloat = 150
    private let numberOfVisibleRows: CGFloat = 3 
    override func viewDidLoad() {
        super.viewDidLoad()

        let picker = UIPickerView()
        picker.translatesAutoresizingMaskIntoConstraints = false
        view.addSubview(picker)

        picker.dataSource = self
        picker.delegate = self

        picker.leadingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.leadingAnchor).isActive = true
        picker.trailingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.trailingAnchor).isActive = true
        picker.bottomAnchor.constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor).isActive = true
        picker.heightAnchor.constraint(equalToConstant: pickerViewHeight).isActive = true
    }

    func numberOfComponents(in pickerView: UIPickerView) -> Int {
        return 1
    }

    func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
        return 10
    }

    func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
            return "Row \(row)"
    }

    func pickerView(_ pickerView: UIPickerView, rowHeightForComponent component: Int) -> CGFloat {
        return pickerViewHeight / numberOfVisibleRows
    }
}