Baumstruktur auf mobilen Geräten darstellen

[Daniel]

Moin,

ich habe hier eine Anfordrung auf dem Tisch liegen, die ich drehe und wende und zu keiner Lösung komme, die mich jubilieren ließe.
Es geht darum, eine baumartige Datenstruktur auf einem mobilen Gerät darzustellen. Das können in Summe etwa 300 Knoten werden, in der Tiefe könnten es durchaus 20 Ebenen werden.

Der klassische Ansatz auf einem mobilen Gerät wäre vermutlich der ListView, über den man sich dann durch die Daten klickt oder tatscht. Verbunden mit einer Suchfunktion, die alle Ebenen durchsuchen könnte, würde vielleicht ein Schuh daraus. Nun gibt es den Wunsch - und es gibt gute Gründe dafür - dass die Hiearchie der Daten auch optisch dargestellt wird. Und hier wird es langsam schwierig, weil ich die Einträge des Views aus Platzgründen nicht beliebig weit einrücken kann.

Ich experimentiere gerade mit der Darstellung von Teilbäumen, aber wirklich sexy ist auch das nicht. Ist so ein bisschen wie die Pizza von gestern: Man kann daran herumknabbern, aber lecker ist was anderes.

Kennt jemand von Euch ein Konzept, mit dem man dieser Aufgabe begegnen kann? Gern auch Screenshots von Apps, die das erfolgreich umsetzen.

[Sir Rufo]

Warum ein FMX.ListView.TListView und kein FMX.TreeView.TTreeView?

[BUG]

Für Anregungen sind die Demos der einschlägigen JavaScript-Bibliotheken (z.B. d3) vermutlich ganz interessant.

[Der schöne Günther]

20 Ebenen tief. Ok.

Eine Idee die ich nur in den Raum werfen möchte ist dass ich mich als Laie gut damit abfinden könnte, wenn meine Navigation mich, ähnlich wie ein Dateiexplorer, mir nur einen Ausschnitt (also alle Kindelemente eines Elements) darstellen würde. Und ich dabei (oben) sehe, wo sich dieser Ausschnitt befindet.

Also bei

Code:

A1
|-B1
  |-C1
  |-C2
|-B2
  |-C3
  |-C4
|-B3
  |-C5
  |-C6
     |-D1
       |-E1
     |-D2
     |-D3
       |-E2
     |-D4

mir oben eine Adresszeile sagt "Du bist in A1->B3->C6" und im Fenster darunter sehe ich nur den Ausschnitt

Code:

*
|-D1
  |-E1
|-D2
|-D3
  |-E2
|-D4

[RWarnecke]

Hallo Daniel,

ich habe hier ein Beispiel Video gefunden, was aus meiner Sicht Deinen Anforderungen ziemlich nahe kommt. Das ganze wird mit einem UITableView gebaut.