Wie, um Pop-up datepicker innerhalb statische Zellen

 

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

Sammeln Datum & oder die Zeit im statischen Zelle kann schwierig sein,. Man muss immer darauf achten, dass Datepicker nicht die Label, das ausgewählte Datum zeigt decken. Einfachere Möglichkeit könnte darin bestehen, in der statischen Zelle öffnen datepicker.

  1. Zunächst lässt sich die x-Code-Projekt wie gewohnt eingestellt. Erstellen Sie neue einheitliche Sicht Anwendung X-Code-Projekt. Stellen Sie die Werte wie folgt und speichern Sie sie auf Ihrem Desktop.

neue x-Code-Projekt

 

2. Zum Hauptstoryboard & Wählen Sie View-Controller & löschen. In Tableview Controller im Hauptstoryboard.

table-View-Controller

 

3. Set Größe iPhone 4 Zoll & legen Sie es als Ausgangs-View-Controller

Set-Größe & Nutzen Sie den ersten View-Controller

 

4. Löschen Sie nun View-Controller schnellen Datei & fügen Sie neue Kakao Touch-Klassendatei der Klasse UITableViewController

Tabelle View-Controller-swift-Datei hinzufügen

 

5. Zum Hauptstoryboard; Auswahltabelle View-Controller & legen Sie seine Klasse Tabelle View-Controller

Set benutzerdefinierte Klasse

 

6. Wählen Sie nun die Tabellenansicht & Set Inhalt Statische Zellen; Abschnitte 1 & Stil gruppiert

 

Wählen Sie Tabellensichtset statische Zellen

 

7. Wählen Sie Tabellensicht Abschnitt & setzen sie das Eigentum an Sammle Datum & Zeit & wählen 2 Reihen

set section header

 

8. Wählen erste Zelle und macht es vom Typ rechts Detail

set Zellart

 

9. Wählen zweiten Reihe & ziehen Sie es größer zu machen & Einfügen eine Datumsauswahl.

hinzufügen picker

 

10. Wählen Sie Titel der ersten Zelle & benennen Sie sie in Datum

Bildschirmfoto 2015-03-12 beim 10.50.05 pm

11. Schließen Detail Etikett swift Datei

Detail Etikett als Austritt

 

12. Schließen datepicker als Ausgang zum schnellen Datei

picker als Auslass

 

13. Kommentieren Sie die Anzahl der Abschnitte & Anzahl der Zeilen pro Sektion

/*
    // MARK: - Table view data source
    // 13
    override func numberOfSectionsInTableView(tableView: UITableView) -> Int {
        // #warning Incomplete implementation, return the number of sections
        return 0
    }

    override func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        // #warning Incomplete implementation, return the number of rows
        return 0
    }
    */

14. Erstelle datepicker verändert Verfahren folgende

func datePickerChanged () {
    detailLabel.text = NSDateFormatter.localizedStringFromDate(datePicker.date, dateStyle: NSDateFormatterStyle.ShortStyle, timeStyle: NSDateFormatterStyle.ShortStyle)
}

15. Fügen Sie obige Methode zu haben Last anzuzeigen. Dies würde Anfangswert für Etikettensatz

override func viewDidLoad() {
    super.viewDidLoad()
    datePickerChanged()
}

16. Fügen Sie taten wählen Zeile am Index-Pfad-Methode, um das Versteck Verfahren auslösen

override func tableView(tableView: UITableView, didSelectRowAtIndexPath indexPath: NSIndexPath) {
    if indexPath.section == 0 && indexPath.row == 0 {
        toggleDatepicker()
    }
}

17. Nun fügen Sie folgende Methode, um Höhe der Zelle ändern & hinzufügen bool zur Überprüfung

var datePickerHidden = false
override func tableView(tableView: UITableView, heightForRowAtIndexPath indexPath: NSIndexPath) -> CGFloat {
    if datePickerHidden && indexPath.section == 0 && indexPath.row == 1 {
        return 0
    }
    else {
        return super.tableView(tableView, heightForRowAtIndexPath: indexPath)
    }
}

18. Definieren Sie nun Toggle datepicker Methode, um Aktualisierungstabelle erzwingen

func toggleDatepicker() {

    datePickerHidden = !datePickerHidden

    tableView.beginUpdates()
    tableView.endUpdates()

}

19. Zum Hauptstoryboard & Wählen zweite Zelle. Setzen Sie den Clip Subview zu überprüfen

Clip subview

 

20. Schließen Sie Datumsauswahl als Aktion

picker als Aktion

 

21. Fügen Sie folgenden Code in Datumsauswahl Aktions

@IBAction func datePickerValue(sender: UIDatePicker) {
    datePickerChanged()
}

Jetzt erstellen und auszuführen App in iPhone 5s & klicken Sie erste Zelle

9FbIh3bTCl
Download von X-Code-Datei

Gesamt 14 Stimmen
0

Sagen Sie uns, wie kann ich dieses Tutorial verbessern?

+ = Stellen Sie sicher, Mensch oder Spambot ?