UITableView-Beispiel für Swift

Beispiel unten ist eine Anpassung und Vereinfachung der einen längeren Beitrag von we ❤ Swift. Dies ist, was es Aussehen wird:

Erstellen Sie ein Neues Projekt

Kann es nur die üblichen Single View Application.

Fügen Sie den Code

Ersetzen Sie die ViewController.swift code mit den folgenden:

import UIKit
class ViewController: UIViewController, UITableViewDelegate, UITableViewDataSource {

    //Data model: These strings will be the data for the table view cells
    let animals: [String] = ["Horse", "Cow", "Camel", "Sheep", "Goat"]

    //cell reuse id (cells that scroll out of view can be reused)
    let cellReuseIdentifier = "cell"

    //don't forget to hook this up from the storyboard
    @IBOutlet var tableView: UITableView!

    override func viewDidLoad() {
        super.viewDidLoad()

        //Register the table view cell class and its reuse id
        self.tableView.register(UITableViewCell.self, forCellReuseIdentifier: cellReuseIdentifier)

        //(optional) include this line if you want to remove the extra empty cell divider lines
        //self.tableView.tableFooterView = UIView()

        //This view controller itself will provide the delegate methods and row data for the table view.
        tableView.delegate = self
        tableView.dataSource = self
    }

    //number of rows in table view
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return self.animals.count
    }

    //create a cell for each table view row
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {

        //create a new cell if needed or reuse an old one
        let cell:UITableViewCell = self.tableView.dequeueReusableCell(withIdentifier: cellReuseIdentifier) as UITableViewCell!

        //set the text from the data model
        cell.textLabel?.text = self.animals[indexPath.row]

        return cell
    }

    //method to run when table view cell is tapped
    func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        print("You tapped cell number \(indexPath.row).")
    }
}

Lesen Sie die in-code-Kommentaren zu sehen, was passiert. Die highlights sind

• Die view-controller nimmt den UITableViewDelegate und UITableViewDataSource Protokolle.
• Die numberOfRowsInSection - Methode bestimmt, wie viele Zeilen gibt es in der Tabelle anzeigen.
• Die cellForRowAtIndexPath - Methode legt jede Zeile.
• Die didSelectRowAtIndexPath - Methode wird jedesmal aufgerufen, wenn eine Zeile getippt wird.

Fügen Sie eine Tabelle Anzeigen, um das Storyboard

Ziehen UITableView auf Ihre View-Controller. Verwenden Sie auto-layout für die pin vier Seiten.

Hook up die Steckdosen

Steuern, ziehen von der Tabellenansicht in IB auf der tableView Steckdose im code.

Fertig

Das ist alles. Sie sollten in der Lage sein, führen Sie Ihre app jetzt.

Dieser Antwort wurde getestet mit Xcode 9 und Swift 4

Variationen

Zeile Löschen

Müssen Sie nur fügen Sie eine einzelne Methode, um die basic-Projekt über, wenn Sie es Benutzern ermöglichen möchten, löschen Sie Zeilen. Sehen dieses basic-Beispiel zu lernen.

Reihenabstand

Wenn Sie möchten, um den Abstand zwischen Ihren Zeilen, siehe dieses Ergänzende Beispiel.

Benutzerdefinierte Zellen

Dem Standard-layout für Tabellenansicht Zellen kann nicht sein, was Sie brauchen. Schauen Sie sich dieses Beispiel , um Ihnen den Einstieg Ihre eigenen benutzerdefinierten Zellen.

Dynamische Zellenhöhe

Manchmal Sie nicht wollen, dass jede Zelle auf die gleiche Höhe. Ab iOS 8 ist es einfach automatisch die Höhe je nach Inhalt der Zelle. Siehe dieses Beispiel für alles, was Sie brauchen, um Sie zu erhalten begann.

Weiter Lesen

• Erstellen Sie eine Tabelle Anzeigen (Apple Docs tutorial)
• Ray Wenderlich tutorials
• iOS & Swift Tutorial: UITableViewController
• iOS Table View Tutorial Mit Swift

InformationsquelleAutor der Antwort Suragch

UItableviewCell set Identify "Cell"
UITableView Name is  tableReport
UIViewController,UITableViewDelegate,UITableViewDataSource,UINavigationControllerDelegate, UIImagePickerControllerDelegate {

    @IBOutlet weak var tableReport: UITableView!  

    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
            return 5;
        }

        func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
            let cell = tableReport.dequeueReusableCell(withIdentifier: "Cell", for: indexPath)
            cell.textLabel?.text = "Report Name"
            return cell;
        }
}

InformationsquelleAutor der Antwort Ananda Aiwale