Rasteransicht

Ein Steuerelement einer grafischen Benutzeroberfläche, mit dem man Tabellen realisieren kann.
(Weitergeleitet von Grid View)

Eine Rasteransicht (engl. Grid View)[1][2], auch Data Grid[3][4], Data Grid View[5], Flex Grid[6] oder einfach Tabelle (engl. Table)[7][8] genannt, ist ein Steuerelement einer grafischen Benutzeroberfläche, mit dem man große Mengen an homogen aufgebauten Daten tabellarisch darstellen kann. Am häufigsten dienen diese Steuerelemente zum Anzeigen und Bearbeiten von Datensätzen aus einer Datenbank.

Eine Rasteransicht (Grid View) mit gruppierten & sortierten Personen­daten.

Die technischen und visuellen Möglichkeiten können je nach Implementierung stark variieren. Die einfachsten Implementierungen können in den einzelnen Zellen lediglich unformatierten Text enthalten, wohingegen die komplexesten Varianten einen Funktionsumfang von modernen Tabellenkalkulationsprogrammen wie Microsoft Excel oder OpenOffice Calc bereitstellen.

Erscheinungsbild

Bearbeiten

In einer Rasteransicht können nahezu beliebig viele Spalten und Zeilen mit variabler oder fester Breite bzw. Höhe definiert werden. Die erste Spalte dient meistens als Zeilenüberschrift und enthält häufig eine fortlaufende Nummer. Die oberste Zeile dient als Spaltenüberschrift und enthält meistens die Namen der Attribute eines Datensatzes. Zeilen- und Spaltenüberschriften sind in der Regel schreibgeschützt. Die restlichen Zellen enthalten die Attributwerte eines Datensatzes.

Bis auf die Zeilen- und Spaltenüberschriften, lassen sich Zeilen und Spalten mit der Maus durch Ziehen neu anordnen.

In vielen Varianten ist es möglich, die Datensätze anhand eines Attributs (Spalte) auf- oder absteigend zu sortieren. In diesem Fall werden kleine auf- und abwärts zeigende Pfeile neben der Spaltenüberschrift angezeigt.

Während einfache Implementierungen nur die Möglichkeit bieten, die Zellen mit einem einfachen Textfeld zu bearbeiten, können höher entwickelte Varianten (je nach Datentyp der Spalte) auch andere Steuerelemente, wie beispielsweise Kontrollkästchen, Drehfelder, Kombinationsfelder oder Dropdown-Kalender bereitstellen. Derartige Steuerelemente werden in diesem Kontext als In-Place Editor bezeichnet.[9]

Ebenso ist es in komplexen Implementierungen möglich, die Datensätze (Zeilen) nach bestimmten Kriterien zu gruppieren. In diesem Fall ist es möglich große Mengen an Datensätzen auszublenden und nur die relevante Gruppe anzuzeigen. Das Prinzip entspricht einer Baumansicht.

Auch ist es möglich, die Zellen nach Belieben zu formatieren. So können beispielsweise die Hintergründe der Zeilen alternierend eingefärbt werden, um ein Zebramuster zu erzeugen. Bei Finanzdaten können negative Werte rot und positive Werte grün eingefärbt werden. Auch die Gitternetzlinien lassen sich meistens beliebig einfärben oder ausblenden.

Es ist meistens auch möglich, zusätzlich zum Text (oder auch alleinstehend), kleine Bilder (z. B. Dateisymbole oder Profilbilder) anzuzeigen.

Alternative: List Box und List View

Bearbeiten
 
7-Zip Dateimanager mit einer List View zur Anzeige von Dateien in einem Ordner.

Für einfache Daten reicht ein Listenfeld (List Box) oft aus. Auch diese kann man in den meisten Fällen grafisch anspruchsvoller (z. B. alternierende Hintergrundfarbe), mit Hilfe des sogenannten Owner-Draw-Prinzips, gestalten.[10]

Eng verwandt mit dem Grid View Steuerelement ist die Detailansicht des List View Steuerelements, welches häufig in Dateimanagern zum Anzeigen der Ordnerinhalte, zu finden ist. Im Gegensatz zu einer Grid View, ist eine List View nicht an eine tabellarische Ansicht gebunden und kann die hinterlegten Daten beispielsweise auch als Icon oder Kachel darstellen.[11]

In der Praxis sind die Unterschiede zwischen Listenfeld (List Box), Listenansicht (List View) und Rasteransicht (Grid View) zunehmend fließend.

Einzelnachweise

Bearbeiten
  1. GridView. In: developer.android.com. Google, 8. Juni 2022, abgerufen am 19. Oktober 2022 (englisch).
  2. Gtk.GridView. In: docs.gtk.org. Abgerufen am 24. Oktober 2022 (englisch).
  3. DataGrid-Steuerelement. In: Microsoft (Hrsg.): MSDN Library Visual Studio 6.0. (dbgrid98.chm im Installationsordner der MSDN Library 6.0).
  4. DataGrid Class. In: learn.microsoft.com. Microsoft, abgerufen am 19. Oktober 2022 (englisch).
  5. DataGridView Class. In: learn.microsoft.com. Microsoft, abgerufen am 19. Oktober 2022 (englisch).
  6. MSFlexGrid-Steuerelement. In: Microsoft (Hrsg.): MSDN Library Visual Studio 6.0. (mshflx98.chm im Installationsordner der MSDN Library 6.0).
  7. Tables. In: developer.apple.com. Apple, abgerufen am 19. Oktober 2022 (englisch).
  8. JTable (Java SE 19 & JDK 19). Oracle, abgerufen am 23. Oktober 2022 (englisch).
  9. Dino Esposito: Cutting Edge: DataGrid In-place Editing. In: Microsoft (Hrsg.): The Microsoft Journal for Developers. MSDN Magazine. Band 16, Nr. 6, Juni 2001, ISSN 1528-4859 (englisch, microsoft.com [abgerufen am 23. Oktober 2022]).
  10. Jim Walker et al.: How to Create an Owner-Drawn List Box. In: learn.microsoft.com. Microsoft, 4. November 2020, abgerufen am 19. Oktober 2022 (englisch).
  11. Jim Walker et al.: About List-View Controls. In: learn.microsoft.com. Microsoft, 25. Mai 2021, abgerufen am 19. Oktober 2022 (englisch).