UIPickerView als inputview in swift UITextField

 

Dieses Lernprogramm ist für X-Code aktualisiert 7.3 & schnell 2.2

Dies wird sehr häufig in vielen iOS-Apps verwendet. Statt Tastatur auftauchen, wenn Sie auf Textfeld klicken, der Picker-Ansicht öffnet sich. Und Sie können eine oder mehrere Zeichenfolgen auswählen, um das Textfeld hinzugefügt werden.

  1. Zunächst lässt sich die x-Code-Projekt wie gewohnt eingestellt. Erstellen Sie neue einheitliche Sicht Anwendung X-Code-Projekt. Stellen Sie Projektnamen zu Picker Demo Textfeld & speichern Sie sie auf dem Desktop.

neue x-Code-Projekt

 

2. Zum Hauptstoryboard und wählen Sie View-Controller. Stellen Sie seine Größe auf iPhone 4 Zoll

iPhone Größe 4 Zoll

 

3. Hinzufügen Textfeld anzuzeigen Controller & Set es ist Breite 150

hinzufügen Textfeld

 

4. Hinzufügen Etikette anzuzeigen Controller & Set es ist Text Wählen Sie eine Option

Label hinzufügen

 

5. Schließen Sie Textfeld Controller rasche Datei anzuzeigen

hinzufügen Textfeld als Auslass

 

6. Erstellt ein Array mit Optionen, um alle Picker Ansicht zu speichern, kurz vor dem Blick Last tat

var pickOption = ["one", "two", "three", "seven", "fifteen"]

override func viewDidLoad() {

7. Erstellen Sie Picker Ansicht im Hinblick tat Last wie folgt. Sie können Fehler erhalten, aber wir werden es bald beheben

override func viewDidLoad() {
    super.viewDidLoad()

    var pickerView = UIPickerView()

    pickerView.delegate = self

    pickerTextField.inputView = pickerView

    // Do any additional setup after loading the view, typically from a nib.
}

8. Wir werden Picker Ansicht Datenquelle hinzufügen & delegieren Controller anzuzeigen wie folgt

import UIKit

class ViewController: UIViewController, UIPickerViewDataSource, UIPickerViewDelegate {

9. Legen Sie die Anzahl der Komponenten in Picker Ansicht

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

10. Legen Sie die Anzahl der Zeilen in Komponenten

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

11. Set Titel für jede Zeile

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

12. Aktualisieren Sie Textfeld Text, wenn Zeile ausgewählt ist

func pickerView(pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
    pickerTextField.text = pickOption[row]
}


Erstellen und ausführen App in iPhone 5s. Tippen Sie auf das Textfeld und wählen Sie eine Option aus Picker Ansicht.
Picker w 1 Spalte
Download von X-Code-Datei
Herausforderung 1: In Leiste oben auf Picker Ansicht mit den Tasten & Label wie folgt.

UIToolbar zu picker
Herunterladen Herausforderung 1 Lösung
Herausforderung 2: Zeigen Sie zwei Spalten in UIPickerView & Update Textfeld von Strings jeder Spalte

Picker w 2 Spalte
Herunterladen Herausforderung 2 Lösung
Herausforderung 3: Erstellen Sie mehrere Textfeld mit verschiedenen picker für jedes Textfeld

mehrere pickerTextFeld
Herunterladen Herausforderung 3 Lösung

Gesamt 48 Stimmen
6

Sagen Sie uns, wie kann ich dieses Tutorial verbessern?

+ = Stellen Sie sicher, Mensch oder Spambot ?