web-dev-qa-db-ja.com

Swift-値を選択した後にpickerViewを非表示にする

私はこれについて同様の質問を見つけ、それらの答えは役に立ちましたが、最後にもう1つ立ち往生しています。フィールドをタップしたときにpickerViewを表示させようとしていますが、データを選択したときに、pickerViewを非表示にします。 pickerViewからデータを取得して非表示にすることはできますが、pickerViewの背後に残っている灰色の長方形が残っています。フィールドやpickerViewではなく、画面をタップすると、灰色の長方形が非表示になり、次のフィールドをタップすると再び表示されます。新しいデータが選択された後、空白の画面をタップするまで表示されたままになります。

以下に私のコードを含めています。いくつかのオプションを試したことがわかります。これらは私が試したすべてではありませんが、何度か試した後、削除する代わりにコメントアウトするようになり、自分が何をしたかを思い出すことができました。私はコーディングにとても慣れていないので、このサイトをリソースとして感謝し、あなたの助けに感謝します。

class ViewController: UIViewController, UIPickerViewDelegate, UIPickerViewDataSource, UITextFieldDelegate {

    @IBOutlet var enterSeason: UITextField!

    @IBOutlet var enterSport: UITextField!

    var dataPickerView = UIPickerView()    
    var season = ["2013", "2014", "2015"] //multi-season
    var sport = ["Baseball", "Football", "Basketball", "Hockey"]
    var activeDataArray = []

    override func viewDidLoad() {
        super.viewDidLoad()

        enterSeason.inputView = dataPickerView
        enterSport.inputView = dataPickerView
        dataPickerView.delegate = self
        dataPickerView.dataSource = self
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }

    func textFieldDidBeginEditing(textField: UITextField) {
        activeDataArray = [] //clear out the clicked field data array
        if textField == enterSeason {
            activeDataArray = season
        } else
            if textField == enterSport {
                activeDataArray = sport
            }
        dataPickerView.reloadAllComponents()
        dataPickerView.hidden = false
    }

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

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

    func pickerView(pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String! {
        return activeDataArray[row] as! String
    }

    func pickerView(pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
        if activeDataArray == season {
            enterSeason.text = season[row] as String
        }
        else if activeDataArray == sport {
            enterSport.text = sport[row] as String
        }
        //trying to hide the dataPicker
        dataPickerView.hidden = true
        //dataPickerView.reloadAllComponents()
        //self.dataPickerView.resignFirstResponder()
        //self.dataPickerView.frameForAlignmentRect(CGRectMake(0, 900, 375, 219))

    }

    //function to hide data in
    func textFieldShouldReturn(textField: UITextField) -> Bool {
        textField.resignFirstResponder()
        return true
    }

    //funtion to hide keyboard when screen is tapped
    override func touchesBegan(touches: Set<NSObject>, withEvent event: UIEvent) {
        self.view.endEditing(true)
    }

}
iosswiftuipickerview
7
Greg

PickerViewを非表示にする場合は、次のことを試してください。

func pickerView(pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
    if activeDataArray == season {
        enterSeason.text = season[row] as String
    }
    else if activeDataArray == sport {
        enterSport.text = sport[row] as String
    }
    //trying to hide the dataPicker
    self.view.endEditing(true)
    //dataPickerView.reloadAllComponents()
    //self.dataPickerView.resignFirstResponder()
    //self.dataPickerView.frameForAlignmentRect(CGRectMake(0, 900, 375, 219))

}
17
Bannings

ピッカービューを非表示にする1つの方法は次のとおりです。

self.view.endEditing(true)

これは私のために働いた。

3
Anas

didSelectRowのテキストフィールドのファーストレスポンダーを辞任しようとしました

func pickerView(pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
if activeDataArray == season {
    enterSeason.text = season[row] as String
    enterSeason.resignFirstResponder()
}
else if activeDataArray == sport {
    enterSport.text = sport[row] as String
    enterSport.resignFirstResponder()
}

}

0
Nitrousjp