Zum Hauptinhalt springen

ListBox

In ChatGPT öffnen
Schatten dwc-listbox 23.05
Java API

Die ListBox-Komponente zeigt eine scrollbare Liste von Elementen an, die sichtbar bleibt, ohne ein Dropdown zu öffnen. Sie unterstützt sowohl die Einzel- als auch die Mehrfachauswahl und eignet sich gut, wenn Benutzer alle verfügbaren Optionen gleichzeitig sehen müssen.

Anwendungen​

Inheritance

This class is a List component, and inherits its features and behaviors. For an overview of List properties, events, and other important information, please refer to the List documentation.

  1. Benutzerrolle Zuweisung: In Anwendungen mit Benutzerzugriffssteuerung können Administratoren eine ListBox verwenden, um Rollen und Berechtigungen an Benutzer zuzuweisen. Benutzer werden aus einer Liste ausgewählt, und die Rollen oder Berechtigungen werden basierend auf ihrer Auswahl zugewiesen. Dies gewährleistet präzisen und kontrollierten Zugriff auf verschiedene Funktionen und Daten innerhalb der Anwendung.

  2. Projektaufgaben Zuweisung: In Projektmanagement-Software sind ListBox-Komponenten nützlich, um Aufgaben an Teammitglieder zuzuweisen. Benutzer können Aufgaben aus einer Liste auswählen und sie verschiedenen Teammitgliedern zuweisen. Dies vereinfacht die Aufgabenübertragung und stellt sicher, dass Verantwortlichkeiten innerhalb des Teams klar definiert sind.

  3. Mehrkategorie-Filterung: In einer Suchanwendung müssen Benutzer häufig Suchergebnisse basierend auf mehreren Kriterien filtern. Eine ListBox kann verschiedene Filteroptionen anzeigen, wie

  • Produktmerkmale
  • Preisspannen
  • Marken.

Benutzer können Elemente aus jeder Filterkategorie auswählen, wodurch sie die Suchergebnisse verfeinern und genau das finden können, wonach sie suchen.

  1. Inhaltskategorisierung: In Content-Management-Systemen unterstützen ListBox-Komponenten die Kategorisierung von Artikeln, Bildern oder Dateien. Benutzer können eine oder mehrere Kategorien auswählen, um ihre Inhalte zuzuordnen, was es einfacher macht, Inhalte im System zu organisieren und zu suchen.

Auswahloptionen​

Standardmäßig ist die Liste so konfiguriert, dass die Auswahl eines einzelnen Elements zu einem Zeitpunkt erlaubt ist. Die ListBox implementiert jedoch das MultipleSelectableList-Interface, welches mit einer integrierten Methode konfiguriert werden kann, die es Benutzern ermöglicht, mehrere Elemente unter Verwendung der Shift-Taste für zusammenhängende Auswahl und Control (Windows) oder Command (Mac) für separate, mehrfache Auswahl zu wählen.

Verwenden Sie die setSelectionMode()-Funktion, um diese Eigenschaft zu ändern. Diese Methode akzeptiert entweder SelectionMode.SINGLE oder SelectionMode.MULTIPLE.

Verhalten auf Touch-Geräten

Auf Touch-Geräten können Benutzer beim Aktivieren der Mehrfachauswahl mehrere Elemente auswählen, ohne die Umschalttaste gedrückt zu halten.

Darüber hinaus können die Pfeiltasten verwendet werden, um die ListBox zu navigieren, und das Tippen auf eine Buchstabentaste, während die ListBox den Fokus hat, wählt die Option aus, die mit diesem Buchstaben beginnt, oder durchläuft die Optionen, die mit diesem Buchstaben beginnen, falls mehrere Optionen vorhanden sind.

Code anzeigen

Styling​

Loading...

Best Practices​

Um ein optimales Benutzererlebnis bei der Verwendung der ChoiceBox-Komponente zu gewährleisten, sollten die folgenden Best Practices beachtet werden:

  1. Priorisieren Sie die Informationshierarchie: Stellen Sie sicher, dass die Elemente in einer logischen und hierarchischen Reihenfolge organisiert sind, wenn Sie eine ListBox verwenden. Platzieren Sie die wichtigsten und am häufigsten verwendeten Optionen an oberster Stelle in der Liste. Dies erleichtert es den Benutzern, das zu finden, was sie benötigen, ohne übermäßig scrollen zu müssen.

  2. Länge der Liste begrenzen: Vermeiden Sie es, Benutzer mit einer übermäßig langen ListBox zu überwältigen. Wenn viele Elemente angezeigt werden sollen, sollten Sie die Implementierung von Seiten, Such- oder Filteroptionen in Betracht ziehen, um den Benutzern zu helfen, schnell Elemente zu finden. Alternativ können Sie Elemente in Kategorien gruppieren, um die Länge der Liste zu reduzieren.

  3. Klare und beschreibende Beschriftungen: Stellen Sie sicher, dass jede Option in der ListBox klar und beschreibend beschriftet ist. Die Benutzer sollten den Zweck jeder Option ohne Mehrdeutigkeit verstehen können. Verwenden Sie prägnante und aussagekräftige Elementbeschriftungen.

  4. Rückmeldung zur Mehrfachauswahl: Wenn Ihre ListBox Mehrfachauswahlen zulässt, bieten Sie visuelles oder textuelles Feedback an, das angibt, dass mehrere Elemente aus der Liste ausgewählt werden können.

  5. Standardauswahl: Ziehen Sie in Betracht, eine Standardauswahl für die ListBox festzulegen, insbesondere wenn eine Option häufiger verwendet wird als andere. Dies kann das Benutzererlebnis durch die Vorauswahl der wahrscheinlichsten Wahl verbessern.