UITableView - Versionsgeschichte

134.3.86.14: /* Beispiel Songlist */

2023-02-03T19:11:18Z

Beispiel Songlist

134.3.86.14: /* UITableViewController */

2023-02-03T19:08:52Z

UITableViewController

134.3.86.14 am 3. Februar 2023 um 05:56 Uhr

2023-02-03T05:56:30Z

134.3.86.14 am 3. Februar 2023 um 05:35 Uhr

2023-02-03T05:35:20Z

134.3.86.14: /* TableView und Cell konfigurieren und füllen */

2023-02-02T06:12:34Z

TableView und Cell konfigurieren und füllen

134.3.86.14: /* TableView und Cell konfigurieren und füllen */

2023-02-02T05:45:01Z

TableView und Cell konfigurieren und füllen

134.3.86.14: /* Anzahl der benötigten Zellen übergeben = */

2023-02-02T05:42:45Z

Anzahl der benötigten Zellen übergeben =

134.3.86.14 am 2. Februar 2023 um 05:42 Uhr

2023-02-02T05:42:24Z

134.3.86.14: /* Quickstart */

2023-02-02T05:37:41Z

Quickstart

134.3.86.14: /* Quickstart */

2023-02-02T05:25:33Z

Quickstart

@@ Zeile 208: / Zeile 208: @@
       Methods for managing selections, configuring section headers and footers, deleting and reordering cells, and performing other actions in a table view.
       */
-     // Select Cell Action
+     // SELECT CELL
      func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
          let song = self.setlistManager.currentSetlist.songs[indexPath.row]
@@ Zeile 217: / Zeile 217: @@
+     }
-     // Setup Swipe Actions
+     // SWIPE ACTION SETUP
      func tableView(_ tableView: UITableView, trailingSwipeActionsConfigurationForRowAt indexPath: IndexPath) -> UISwipeActionsConfiguration? {
          let delete = UIContextualAction(style: .destructive, title: "Delete") { (action, view, completion) in
@@ Zeile 230: / Zeile 230: @@
+     }
-     // Manage Reordering of the tableView items
+     // Manage REORDERING of the tableView items
      func tableView(_ tableView: UITableView, moveRowAt sourceIndexPath: IndexPath, to destinationIndexPath: IndexPath) {
          let movedSong = setlistManager.currentSetlist.songs[sourceIndexPath.row]

@@ Zeile 240: / Zeile 240: @@
 == UITableViewController ==
-Eine UITableViewController ist eine Unterklasse von UIViewController, die speziell für die Verwaltung einer Tabelle entwickelt wurde. Es bietet eine bequeme Möglichkeit, eine Tabelle in einem View-Controller einzurichten, sowie eine Reihe von Methoden und Eigenschaften, die es einfacher machen, die Tabelle und ihre Daten zu verwalten.
+Eine UITableViewController ist eine Unterklasse von UIViewController, die '''speziell für die Verwaltung einer Tabelle''' entwickelt wurde. Es bietet eine bequeme Möglichkeit, eine Tabelle in einem View-Controller einzurichten, sowie eine Reihe von Methoden und Eigenschaften, die es einfacher machen, die Tabelle und ihre Daten zu verwalten.
 Zum Beispiel implementiert die Klasse UITableViewController die Protokolle UITableViewDelegate und UITableViewDataSource standardmäßig, so dass Sie leicht die erforderlichen Daten und das Verhalten für die Tabelle bereitstellen können, wie die Anzahl der Zeilen, der Inhalt der Zellen und das Verhalten, wenn eine Zeile ausgewählt wird.
 Außerdem stellt XCode gleich eine Reihe von üblicherweise genutzten Codebeispielen bereit.
 === Beispiel mit UITableViewController ===
+TODO
 == Weitere Table View Snippets ==

@@ Zeile 43: / Zeile 43: @@
 == Beispiele ==
 === Basic UITableView ===
-Siehe auch Quickstart
+Siehe auch Quickstart. Im Storyboard steuern wir den TableView in einer normalen UIViewController Klasse. Deshalb müssen wir den Delegate des TableView zuerst übernehmen.
 <syntaxhighlight lang="swift">
@@ Zeile 238: / Zeile 238: @@
+}
 </syntaxhighlight>
 == Weitere Table View Snippets ==

← Nächstältere Version		Version vom 3. Februar 2023, 05:35 Uhr
Zeile 238:		Zeile 238:
	}		}
	</syntaxhighlight>		</syntaxhighlight>
		+
		+	== Weitere Table View Snippets ==
		+	=== Multiple Loading verhindern ===
		+	Wenn der View das erste mal geladen wird werden oft mehrere Aufrufe getätigt. Damit soll sichergestellt werden, dass der View immer die Korrekte Zahl an Elementen enthält. Das ist wohl auch kein Performance Problem. Jedoch wenn du sicherstellen möchtest, dass der View nur einmal geladen wird, kannst du das so lösen:
		+
		+	<syntaxhighlight lang="swift">
		+	var dataLoaded = false
		+
		+	override func viewDidAppear(_ animated: Bool) {
		+	super.viewDidAppear(animated)
		+	if !dataLoaded {
		+	dataLoaded = true
		+	tableView.reloadData()
		+	}
		+	}
		+
		+	func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
		+	if dataLoaded {
		+	// Return the actual number of rows
		+	} else {
		+	return 0
		+	}
		+	}
		+	</syntaxhighlight>
		+
		+	In this example, the dataLoaded flag is initially set to false. When the viewDidAppear method is called, the flag is checked. If the flag is false, it means that the data has not yet been loaded, so the dataLoaded flag is set to true and the tableView.reloadData() method is called. This will trigger the func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int method to be called once, with the actual number of rows.
		+
		+	With this approach, the func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int method will only be called once when the UITableView first appears on screen, instead of being called multiple times.

@@ Zeile 30: / Zeile 30: @@
 === Zellen füllen ===
-Diese Funktion führt der TableView für jede Zelle aus:
+'''Layout:''' Der Zellenprototyp kann im einfachsten Fall z.b. ein Label enthalten. Im Propertymanager gibt es auch vorgefertigte Layouts die man nutzen kann.
- TODO
 == Beispiele ==

@@ Zeile 15: / Zeile 15: @@
 Es bietet sich für bessere Übersichtlichkeit an die Funktionalität in eine Extension des Controllers zu packen.
   extension MyViewController: UITableViewDataSource{}
 === Anzahl der benötigten Zellen übergeben ===
 Dazu überschreibt man die tableView Funktion folgendermaßen. fileList ist in diesem Beispiel ein Array das Dateinamen enthält, die aufgelistet werden sollen.

← Nächstältere Version		Version vom 2. Februar 2023, 05:42 Uhr
Zeile 162:		Zeile 162:
	That's it, now when you swipe on a cell in your table view, the "Delete" action will be displayed, and when tapped, the corresponding row will be deleted from the table view.		That's it, now when you swipe on a cell in your table view, the "Delete" action will be displayed, and when tapped, the corresponding row will be deleted from the table view.
	It is important to note that this is just an example and your implementation may vary depending on your specific use case and the data model you are using.		It is important to note that this is just an example and your implementation may vary depending on your specific use case and the data model you are using.
		+
		+	=== Beispiel Songlist ===
		+	Todo Erklärungen
		+	<syntaxhighlight lang="swift">
		+	//MARK: - UITableViewDataSource Protocol
		+	extension MetronomeViewController: UITableViewDataSource{
		+	/**
		+	Implement UITableViewDataSource Protocol which is responsible for telling tableview how many cells needed and how to fill them
		+	*/
		+	// Setup Number of rows
		+	func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
		+	return setlistManager.currentSetlist.songs.count
		+	}
		+	// Setup cells
		+	func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
		+
		+	let cell = tableView.dequeueReusableCell(withIdentifier: "currentSetlistCell", for: indexPath)
		+	let strSongNumber = String(format:"%d",(indexPath.row + 1))
		+	cell.textLabel?.text = "\(strSongNumber) \(setlistManager.currentSetlist.songs[indexPath.row].title)"
		+	let strFrequency = String(format:"%.1f bpm",setlistManager.currentSetlist.songs[indexPath.row].frequency)
		+	cell.detailTextLabel?.text = strFrequency
		+	return cell
		+	}
		+	}
		+
		+	//MARK: - UITableViewDelegate Extension
		+	extension MetronomeViewController: UITableViewDelegate{
		+	/**
		+	Implement UITableViewDelegate
		+	Methods for managing selections, configuring section headers and footers, deleting and reordering cells, and performing other actions in a table view.
		+	*/
		+	// Select Cell Action
		+	func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
		+	let song = self.setlistManager.currentSetlist.songs[indexPath.row]
		+	print("selected row: \(indexPath.row) Title: \(song.title) \(song.frequency)")
		+	metronome.stop()
		+	setFrequency(song: song)
		+	// metronome.start() // Todo make setting startOnListTapped
		+	}
		+
		+	// Setup Swipe Actions
		+	func tableView(_ tableView: UITableView, trailingSwipeActionsConfigurationForRowAt indexPath: IndexPath) -> UISwipeActionsConfiguration? {
		+	let delete = UIContextualAction(style: .destructive, title: "Delete") { (action, view, completion) in
		+	// Delete the row from the data source
		+	self.setlistManager.currentSetlist.songs.remove(at: indexPath.row)
		+	tableView.deleteRows(at: [indexPath], with: .fade)
		+	self.currentTableView.reloadData()
		+	self.setlistManager.persistSetlist(setlist: self.setlistManager.currentSetlist)
		+	completion(true)
		+	}
		+	return UISwipeActionsConfiguration(actions: [delete])
		+	}
		+
		+	// Manage Reordering of the tableView items
		+	func tableView(_ tableView: UITableView, moveRowAt sourceIndexPath: IndexPath, to destinationIndexPath: IndexPath) {
		+	let movedSong = setlistManager.currentSetlist.songs[sourceIndexPath.row]
		+	setlistManager.currentSetlist.songs.remove(at: sourceIndexPath.row)
		+	setlistManager.currentSetlist.songs.insert(movedSong, at: destinationIndexPath.row)
		+	}
		+	}
		+	</syntaxhighlight>

@@ Zeile 4: / Zeile 4: @@
 == Quickstart ==
 * Öffne dein Storyboard oder deine XIB-Datei und ziehe ein '''UITableView-Element''' aus der Bibliothek auf dein View.
 * Ziehe ein '''UITableCell-Element''' in das UITableView-Element
 ** Vergebe einen '''Identifier für das Cell-Element''' z.B. ReusableCell
 * Erstelle ein '''Outlet''' für den das UITableView-Element
-* Implementiere das '''UITableViewDataSource-Protokoll''' in deiner Klasse.  Hierdurch wird der tableView wenn er geladen wird einen Datenrequest ausführen. Eine Extension zum Implementieren sieht etwa so aus:
+* Implementiere das '''UITableViewDataSource-Protokoll''' in deiner Klasse.  Hierdurch wird der tableView wenn er geladen wird einen Datenrequest ausführen.
 * In der viewDidLoad Funktion delegiere die DataSource des TableViews auf den Controller
   tableView.dataSource = self
-* Alternativ kannst du auch einen kompletten TableViewController nutzen. Der erstellt fast alles auf einmal.
+== TableView und Cell konfigurieren und füllen ==
 == Beispiele ==