Widgets sind ein wichtiger Aspekt der Personalisierung des Startbildschirms. Sie können sich diese als eine Übersicht über die wichtigsten Daten und Funktionen einer App vorstellen, auf die direkt auf dem 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 an ihre Bedürfnisse 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.
- Mit Elementen interagieren, z. B. als erledigt markieren – 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.
Berücksichtigen Sie bei der Planung Ihres Widgets einen der Basistypen 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. Du kannst deine Widgets so konfigurieren, dass sie App Actions ausführen. Dadurch erhalten Nutzer auf Assistant-Oberflächen wie Android und Android Auto Schnellinfos und interaktive Apps. 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 sich Widgets auf dem Startbildschirm befinden, müssen sie zusammen mit der Navigation dort vorhanden sein. 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.
Die einzigen für Widgets verfügbaren Touch-Gesten sind Berühren und vertikales Wischen.
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 findest du 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 Verknüpfung 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 App gewähren, sind die Navigation flexibler. Außerdem können Sie eine spezielle App-Verknüpfung ersetzen, mit der Nutzer sonst vom 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
Berühren und halten Sie ein Widget, dessen Größe angepasst werden kann, und lassen Sie es dann los. Dadurch wird das Widget in den Modus zur Größenanpassung versetzt. Nutzer können die gewünschte Größe mithilfe der Ziehpunkte oder der Ecken des Widgets festlegen.
Wenn Sie die Größe ändern, können Nutzer die Höhe und Breite eines Widgets innerhalb der Einschränkungen des Platzierungsrasters 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 rasterbasierte Sammlungs-Widgets sind in der Regel unkompliziert, da durch Ändern der Größe des Widgets der vertikale Scrollbereich maximiert oder minimiert wird. 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 Ihres Widgets dynamisch an die Größe anpassen, die der Nutzer durch die Größenänderung definiert.
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.
Hinweise zum Layout
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 auf „Größengruppen“ statt auf variable Rasterabmessungen ausrichten, erzielen 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 der aktualisierten Anleitungen und neuen APIs die richtigen Größen für Ihr Widget ermitteln.
Widgetkonfiguration durch Nutzer
Manchmal müssen die Nutzenden das Widget erst einrichten, bevor es nützlich werden kann. 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 der Inhalt Ihres Widgets an verschiedene Größen anpassen soll.
- 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.