在 uitableviewcell 中自定义 uipickerview

Question

我在 UITableViewCell 中有一个功能齐全的 UIPickerView，我想完成两件事。

UIPickerView 显示了 4 个组件，但第一个很少被提及。因此，我希望 A（首选）让它显示 0 的空白并滚动到 1，或者 B 修改颜色以使 0 不那么占主导地位。

其次，我想隐藏 UIPickerView 直到被选中。

我找到了这两个选项，但都位于 UIViewController 中，并且在 UITableViewCell 中不起作用。

import UIKit

class DiveDurationTableViewCell: UITableViewCell, UIPickerViewDelegate, UIPickerViewDataSource

{
    @IBOutlet var textfieldBizCat: UITextField!
    @IBOutlet var pickerBizCat: UIPickerView! = UIPickerView()


    // ---------------------------------------------------------------------------------------------
    // MARK: - Internal Constant

    let numberOfComponents: Int             = 4
    let FirstDigitComponentRows: Int        = 2
    let SecondDigitComponentRows: Int       = 10
    let ThirdDigitComponentRows: Int        = 10
    let DisplayMinuteComponentRows: Int     = 1

    let Minutes: String                     = "Min"
    let MinNumber                           = 0
    let MaxNumber                           = 9


    private var diveTime: Array<Int>        = [Int]()

    var FirstDigit: Int                     = 0
    var SecondDigit: Int                    = 0
    var ThirdDigit: Int                     = 0
    var DisplayMinutes: String              = "Min"


    // ---------------------------------------------------------------------------------------------
    // MARK: - IBOutlets

    @IBOutlet var diveTimePicker: UIPickerView!


    // ---------------------------------------------------------------------------------------------
    // MARK: - UITableVieCell Methods


    //
    //  Called when we are initialized from a storyboard or nib file.
    //
    override func awakeFromNib()
    {
        super.awakeFromNib()


        //
        //  We create an array of integers from 0 to 9.
        //

        for i in self.MinNumber ..< self.MaxNumber+1
        {
            self.diveTime.append(i)
        }

        self.diveTimePicker.selectRow(0, inComponent: 0, animated: true)
        self.diveTimePicker.selectRow(0, inComponent: 1, animated: true)
        self.diveTimePicker.selectRow(0, inComponent: 2, animated: true)

    }

    //
    //  The item has been selected in the table.
    //

    override func setSelected(selected: Bool, animated: Bool)
    {
        super.setSelected(selected, animated: animated)
    }



    // ---------------------------------------------------------------------------------------------
    // MARK: - UIPickerViewDataSource Methods


    //
    //  Number of components in the picker.
    //

    func numberOfComponentsInPickerView(pickerView: UIPickerView) -> Int
    {
        return self.numberOfComponents
    }

    //
    //  Number of rows in each component.
    //
    func pickerView(pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int
    {
        if component == 0
        {
            return self.FirstDigitComponentRows
        } else if component == 1   {
            return self.SecondDigitComponentRows
        } else if component == 2   {
            return self.ThirdDigitComponentRows
        } else  {
            return self.DisplayMinuteComponentRows
        }
    }

    func pickerView(pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String?
    {

        if component == 0
        {
            return String(self.diveTime[row])
        }
        if component == 1
        {
            return String(self.diveTime[row])
        }
        if component == 2
        {
            return String(self.diveTime[row])
        }

        else
        {
         return self.DisplayMinutes
            }
        }


    //
    //  The user has selected in item in the picker view.
    //
    func pickerView(pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int)
    {
    }
}

更新： 我不是在问如何创建选择器视图，因为上面的代码效果很好。我只是问如何定制它以使其更具吸引力。

Answer 1

UITableView 是 UIScrollview 的子类，而 UIPicker 也是滚动视图，你需要处理很多事情才能让它们一起工作。 首先是当您使用 Picker 在 UITableview 单元格上滚动时，哪个是第一个响应？如果 Picker 是第一个响应，并且 Picker 的大小太大（例如设备屏幕大），您将无法再滚动表格视图。如果 tableview 是第一个响应，则不能滚动 Picker，因为 table view 会滚动。 我建议您将 Picker View 添加为 tableview/controller.view 的子视图，在要添加 Picker 的单元格的位置/框架处，尝试在 tableview 单元格中像 Picker 一样伪造。