将图像添加到我的 UIPickerView 哪里出错了？

Question

我的是一个教育应用程序，给学生一个单词，然后应该选择相应的图像（比如将香蕉这个词与一个图像匹配，其中图像在 UIPickerview 中）但是，我的以下代码产生没有结果：

let possibleAnswers = [UIImage(named: Images.one), UIImage(named: Images.two), UIImage(named: Images.three), UIImage(named: Images.four)]

    fileprivate let pickerView: UIPickerView = {
       let pv = UIPickerView()
        pv.translatesAutoresizingMaskIntoConstraints = false
        return pv
    }()

 override func viewDidLoad() {
    pickerView.delegate = self
    pickerView.dataSource = self
  }

extension ViewController: UIPickerViewDataSource {

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

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

extension ViewController: UIPickerViewDelegate {

    func pickerView(_ pickerView: UIPickerView, viewForRow row: Int, forComponent component: Int, reusing view: UIView?) -> UIView {

        let myImageView = UIImageView(frame: CGRect(x: 0, y: 0, width: 220, height: 61))

        myImageView.image = possibleAnswers[row]

        return myImageView
    }

}

我做错了吗？我该如何纠正这个问题？

编辑1：

这就是错误观点的样子。

Answer 1

使用 rowHeightForComponent 函数设置 PickerView 行高以匹配您的图像大小

 class ViewController: UIViewController,UITextFieldDelegate{
        fileprivate let possibleAnswers:[UIImage] = [UIImage(named: "apple.png")!,UIImage(named: "banana.png")!,UIImage(named: "orange.png")!]
        fileprivate var pickerView: UIPickerView?
        fileprivate var toolBar:UIToolbar?

        override func viewDidLoad() {
            super.viewDidLoad()

            view.backgroundColor = .systemBackground

            view.addSubview(btn)
            btn.translatesAutoresizingMaskIntoConstraints = false
            btn.centerYAnchor.constraint(equalTo: view.centerYAnchor).isActive = true
            btn.centerXAnchor.constraint(equalTo: view.centerXAnchor).isActive = true
            btn.addTarget(self, action: #selector(test), for: .touchUpInside)
        }

        //MARK: Components
        let btn :UIButton = {
            let btn = UIButton(type: .system)
            btn.setTitle("Select Correct Answer", for: .normal)
            return btn
        }()

    }

    // MARK: Pickerview Delegate
    extension ViewController: UIPickerViewDelegate,UIPickerViewDataSource {
        func numberOfComponents(in pickerView: UIPickerView) -> Int {
               return 1
           }

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

        func pickerView(_ pickerView: UIPickerView, viewForRow row: Int, forComponent component: Int, reusing view: UIView?) -> UIView {

            let myImageView = UIImageView(frame: CGRect(x: 0, y: 0, width: 100, height: 100))
            myImageView.image = possibleAnswers[row]

            return myImageView
        }

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

    }

    //MARK: Functions
    extension ViewController{
        @objc func test(){
            pickerView = UIPickerView.init()
            pickerView!.delegate = self
            pickerView!.backgroundColor = UIColor.white
            pickerView!.setValue(UIColor.black, forKey: "textColor")
            pickerView!.autoresizingMask = .flexibleWidth
            pickerView!.contentMode = .center
            pickerView!.frame = CGRect.init(x: 0.0, y: UIScreen.main.bounds.size.height - 300, width: UIScreen.main.bounds.size.width, height: 300)
            self.view.addSubview(pickerView!)

            toolBar = UIToolbar.init(frame: CGRect.init(x: 0.0, y: UIScreen.main.bounds.size.height - 300, width: UIScreen.main.bounds.size.width, height: 50))
            toolBar!.barStyle = .blackTranslucent
            toolBar!.items = [UIBarButtonItem.init(title: "Done", style: .done, target: self, action: nil)]
            self.view.addSubview(toolBar!)
        }
    }