Widgets sind ein wichtiger Aspekt der Personalisierung des Startbildschirms. Sie können sie als „Live-Anzeige“ der wichtigsten Daten und Funktionen einer App betrachten, auf die direkt über den Startbildschirm des Nutzers zugegriffen werden kann. Nutzer können Widgets auf dem Startbildschirm verschieben und, sofern unterstützt, ihre Größe ändern, um die Anzahl der Informationen im Widget anzupassen.
In dieser Dokumentation werden die verschiedenen Arten von Widgets vorgestellt, die Sie erstellen können, und die Designprinzipien, die Sie beachten sollten. Informationen zum Erstellen eines App-Widgets mit den Remote View APIs und XML-Layouts finden Sie unter Einfaches Widget erstellen. Informationen zum Erstellen eines Widgets mit Kotlin und Compose-APIs finden Sie unter Jetpack Glance.
Widget-Typen
Überlegen Sie sich bei der Planung Ihres Widgets, welche Art von Widget Sie erstellen möchten. Widgets fallen in der Regel in eine der folgenden Kategorien:
Informations-Widgets
Informations-Widgets enthalten in der Regel wichtige Informationen und zeigen, wie sich diese im Laufe der Zeit ändern. Beispiele für Informations-Widgets sind Wetter-, Uhr- oder Sport-Widgets. Wenn Sie auf Informations-Widgets tippen, wird in der Regel die zugehörige App gestartet und eine Detailansicht der Widget-Informationen geöffnet.
Sammlungs-Widgets
Sammlungs-Widgets sind speziell für die Anzeige mehrerer Elemente desselben Typs konzipiert, z. B. einer Sammlung von Bildern aus einer Galerie-App, einer Sammlung von Artikeln aus einer Nachrichten-App oder einer Sammlung von E-Mails oder Nachrichten aus einer Kommunikations-App. Bei Sammlungs-Widgets kann vertikal gescrollt werden.
Sammlungs-Widgets sind in der Regel auf die folgenden Anwendungsfälle ausgerichtet:
- In der Sammlung stöbern
- Wenn Sie ein Element der Sammlung in der zugehörigen App in der Detailansicht öffnen.
- Interagieren mit Elementen, z. B. sie als erledigt kennzeichnen – mit Unterstützung für zusammengesetzte Schaltflächen in Android 12 (API-Level 31).
Widgets steuern
Der Hauptzweck eines Steuer-Widgets besteht darin, häufig verwendete Funktionen anzuzeigen, damit Nutzer sie über den Startbildschirm auslösen können, ohne die App öffnen zu müssen. Sie können sie als Fernbedienung für eine App betrachten. Ein Beispiel für ein Steuer-Widget ist ein Smart-Home-Widget, mit dem Nutzer Lampen im Haus ein- und ausschalten können.
Wenn Sie mit einem Steuerelement-Widget interagieren, wird möglicherweise eine zugehörige Detailansicht in der App geöffnet. Das hängt davon ab, ob die Funktion des Steuerelement-Widgets Daten ausgibt, z. B. bei einem Such-Widget.
Hybrid-Widgets
Einige Widgets entsprechen einem der Typen in den vorherigen Abschnitten – Informationen, Sammlung oder Steuerelement –, viele Widgets sind jedoch Hybride, die Elemente verschiedener Typen kombinieren. Ein Musikplayer-Widget ist beispielsweise in erster Linie ein Steuerelement-Widget, zeigt dem Nutzer aber auch an, welcher Titel gerade wiedergegeben wird, ähnlich wie ein Informations-Widget.
Planen Sie Ihr Widget um einen der Basistypen herum und fügen Sie nach Bedarf Elemente anderer Typen hinzu.
Widgets in Google Assistant einbinden
Google Assistant kann auf Sprachbefehle von Nutzern hin beliebige Widgets anzeigen. Sie können Ihre Widgets so konfigurieren, dass sie App-Aktionen ausführen. So können Nutzer auf Assistant-Oberflächen wie Android und Android Auto schnelle Antworten und interaktive App-Funktionen erhalten. Weitere Informationen zur Widget-Ausführung für Assistant finden Sie unter App-Aktionen in Android-Widgets einbinden.
Widget-Einschränkungen
Widgets können als „Mini-Apps“ verstanden werden. Es gibt jedoch bestimmte Einschränkungen, die Sie kennen sollten, bevor Sie Ihr Widget entwerfen.
Touch-Gesten
Da Widgets auf dem Startbildschirm angezeigt werden, müssen sie mit der dort eingerichteten Navigation zusammenarbeiten. Dies schränkt die Gestenunterstützung in einem Widget im Vergleich zu einer Vollbild-App ein. In Apps können Nutzer zwar horizontal zwischen Bildschirmen wechseln, diese Geste wird jedoch bereits auf dem Startbildschirm verwendet, um zwischen den Startbildschirmen zu wechseln.
Für Widgets sind nur die Touch-Gesten Berühren und vertikal wischen verfügbar.
Elemente
Aufgrund der Einschränkungen bei Gesten, die für Widgets verfügbar sind, sind einige UI-Bausteine, die auf eingeschränkte Gesten angewiesen sind, für Widgets nicht verfügbar. Eine vollständige Liste der unterstützten Bausteine und weitere Informationen zu Layouteinschränkungen finden Sie unter Widget-Layout erstellen und Flexible Widget-Layouts bereitstellen.
Designrichtlinien
Widget-Inhalte
Widgets sind eine gute Möglichkeit, Nutzer auf Ihre App aufmerksam zu machen, indem Sie neue und interessante Inhalte bewerben, die in Ihrer App verfügbar sind.
Ähnlich wie Teaser auf der Titelseite einer Zeitung bündeln Widgets die Informationen einer App und bieten eine Verbindung zu detaillierteren Informationen in der App. Man könnte sagen, dass das Widget der „Snack“ und die App das „Mahl“ ist. Achten Sie darauf, dass in Ihrer App mehr Details zu einem Informationselement angezeigt werden als im Widget.
Widget-Navigation
Neben den reinen Informationsinhalten können Sie in Ihrem Widget Navigationslinks zu häufig verwendeten Bereichen Ihrer App einfügen. So können Nutzer Aufgaben schneller erledigen und die Funktionalität der App wird auf den Startbildschirm ausgeweitet.
Gute Kandidaten für Navigationslinks in Widgets sind:
Generative Funktionen: Mit diesen Funktionen können Nutzer neue Inhalte für eine App erstellen, z. B. ein neues Dokument oder eine neue Nachricht.
App auf oberster Ebene öffnen:Wenn Nutzer auf ein Informationselement tippen, gelangen sie in der Regel zu einem Detailbildschirm auf niedrigerer Ebene. Wenn Sie Zugriff auf die oberste Ebene Ihrer Anwendung gewähren, können Sie die Navigation flexibler gestalten und einen speziellen App-Verknüpfung ersetzen, mit der Nutzer sonst über den Startbildschirm zur App gelangen. Wenn Sie das Symbol Ihrer App für diese Funktion verwenden, kann Ihr Widget auch eine klare Identität haben, wenn die angezeigten Daten mehrdeutig sind.
Größe von Widgets anpassen
Wenn Sie ein veränderbares Widget gedrückt halten und dann loslassen, wird es in den Größenänderungsmodus versetzt. Nutzer können die gewünschte Größe mithilfe der Ziehpunkte oder der Ecken des Widgets festlegen.
Mit der Größenänderung können Nutzer die Höhe und Breite eines Widgets innerhalb der Einschränkungen des Rasters für die Platzierung auf dem Startbildschirm anpassen. Sie können festlegen, ob Ihr Widget frei skalierbar ist oder nur horizontal oder vertikal geändert werden kann. Sie müssen die Größenänderung nicht unterstützen, wenn Ihr Widget von Natur aus eine feste Größe hat.
Wenn Nutzer die Größe von Widgets ändern können, hat das wichtige Vorteile:
- Sie können festlegen, wie viele Informationen in jedem Widget angezeigt werden sollen.
- Sie können das Layout von Widgets und Verknüpfungen auf ihren Steuerfelden besser beeinflussen.
Planen Sie eine Strategie zum Ändern der Größe des Widgets entsprechend dem Typ des Widgets, das Sie erstellen. Listen- oder gitterbasierte Sammlungs-Widgets sind in der Regel unkompliziert, da sich durch Ändern der Größe des Widgets der vertikale Scrollbereich vergrößert oder verkleinert. Unabhängig von der Größe des Widgets können Nutzer alle Informationselemente aufrufen.
Informations-Widgets erfordern mehr praktische Planung, da sie nicht scrollbar sind und alle Inhalte in eine bestimmte Größe passen müssen. Sie müssen den Inhalt und das Layout des Widgets dynamisch an die Größe anpassen, die der Nutzer durch die Größenänderung festlegt.
Im folgenden Beispiel kann der Nutzer die Größe eines Wetter-Widgets in drei Schritten ändern. Je größer das Widget ist, desto mehr Informationen zum Wetter am aktuellen Standort werden angezeigt.
Legen Sie für jede Widget-Größe fest, wie viele Informationen Ihrer App angezeigt werden sollen. Bei kleineren Größen sollten Sie sich auf die wichtigsten Informationen konzentrieren und dann kontextbezogene Informationen hinzufügen, wenn das Widget horizontal und vertikal größer wird.
Layoutüberlegungen
Es ist verlockend, Ihre Widgets anhand der Abmessungen des Placement-Rasters eines Geräts zu layouten, mit dem Sie entwickeln. Dies kann eine nützliche erste Näherung sein. Beachten Sie jedoch die folgenden Punkte:
- Wenn Sie Ihre Strategie zur Größeänderung von Widgets anhand von „Größengruppen“ statt anhand variabler Rasterabmessungen planen, erhalten Sie die zuverlässigsten Ergebnisse.
- Anzahl, Größe und Abstand der Zellen können von Gerät zu Gerät stark variieren. Daher ist es sehr wichtig, dass Ihr Widget flexibel ist und mehr oder weniger Platz als erwartet einnehmen kann.
- Wenn der Nutzer die Größe eines Widgets ändert, antwortet das System mit einem dp-Größenbereich, in dem sich das Widget neu zeichnen kann.
- Ab Android 12 können Sie detailliertere Größenattribute und flexiblere Layouts angeben. Dazu gehören:
- Einschränkungen für die Größe von Widgets angeben Sie können beispielsweise die Zielgröße für Ihr Widget in Rasterzellen sowie die maximal mögliche Größe angeben.
- Responsive Layouts, die sich je nach Größe des Widgets ändern.
- Sie können Layouts in exakter Größe bereitstellen, die dem Launcher die Möglichkeit geben, für Smartphones mit Hoch- und Querformat sowie für faltbare Geräte vier Größenoptionen anzubieten.
- Mithilfe von aktualisierten Richtlinien und neuen APIs die richtigen Größen für Ihr Widget ermitteln.
Widgetkonfiguration durch Nutzer
Manchmal muss der Nutzer das Widget einrichten, bevor es nützlich wird. Denken Sie an ein E-Mail-Widget, bei dem der Nutzer den E-Mail-Ordner auswählen muss, bevor der Posteingang angezeigt werden kann, oder an ein statisches Foto-Widget, bei dem der Nutzer ein Bild aus der Galerie zuweisen muss, das angezeigt werden soll. Bei Android-Widgets werden die Konfigurationsoptionen angezeigt, sobald der Nutzer das Widget auf einen Startbildschirm abgelegt hat.
Checkliste für das Widget-Design
- Konzentrieren Sie sich auf kleine Portionen von Informationen, die auf einen Blick erfasst werden können. Erweitern Sie die Informationen in Ihrer App.
- Wählen Sie den für Ihren Zweck geeigneten Widget-Typ aus.
- Planen Sie, wie sich die Inhalte Ihres Widgets an verschiedene Größen anpassen.
- Achten Sie darauf, dass sich das Widget-Layout unabhängig von Ausrichtung und Gerät anpassen lässt.
- Überlegen Sie, ob Ihr Widget zusätzliche Konfigurationen benötigt.