Größe

Anpassbare Android-Widgets entwerfen, die sich an verschiedene Bildschirmgrößen und Raster anpassen. Testen Sie Ihre Layouts, um sicherzustellen, dass Nutzer Ihr Widget in jeder Größe lesen und verwenden können.

Standardgrößen

Optimieren Sie Ihr Layout für mehrere Größenklassen oder Haltepunkte, um Widgets mit anpassbarer Größe zu unterstützen. Da die Zellengrößen je nach Gerät und Bildschirmausrichtung variieren, sollten Sie adaptive Widgets anstelle von Widgets mit fester Größe entwerfen.

Definiere die Attribute targetCellWidth und targetCellHeight für Smartphones und Tablets, damit die Widget-Auswahl dein Widget richtig platziert und anzeigt. Informationen zu Zellenbereichen und Mindestabmessungen für dp findest du unter Größe für das Widget festlegen.

Haltepunkte

Haltepunkte sind wichtig, um anpassbare, nutzerfreundliche Widgets zu erstellen, deren Größe sich ändern lässt. Durch das Testen Ihres Designs können Sie Größenschwellenwerte ermitteln, bei denen Layoutanpassungen erforderlich sind. Implementieren Sie Haltepunkte, um diese Änderungen auszulösen, damit Ihr Widget bei jeder Größe optisch ansprechend und funktional bleibt.

Breakpoints bieten außerdem die Flexibilität, ergänzende Inhalte bedingt ein- oder auszuschließen, um die Platznutzung basierend auf den Abmessungen des Widgets zu optimieren.

Abbildung 1: Mit Haltepunkten können Sie Layoutänderungen bei verschiedenen Größen vornehmen.

Widgets für verschiedene Formfaktoren

Tablets und Desktops haben dieselben Designprinzipien für Widgets wie Smartphones, aber andere Eingabeerwartungen. Andere Formfaktoren wie Autos haben spezifische Anforderungen an die Übersichtlichkeit oder passen Widgets automatisch an. Weitere Informationen finden Sie unter Widgets an verschiedene Formfaktoren anpassen.

Widgets auf einem Googlebook-Bildschirm

Grenzen ausfüllen

Einer der Hauptgründe, warum Nutzer Widgets entfernen, ist die falsche Ausrichtung auf andere Elemente des Startbildschirms. Um dies zu verhindern, muss das Widget immer den gesamten zugewiesenen Rasterbereich ausfüllen.

Das sollten Sie tun

Achten Sie darauf, dass der Container bei allen Größen von Rand zu Rand reicht.

Das sollten Sie nicht tun

Benutzerdefiniertes Padding hinzufügen. Das Widget sollte nahtlos von Rand zu Rand reichen.

Das sollten Sie tun

Achten Sie darauf, dass die nicht rechteckige Form das Raster entweder auf der vertikalen oder horizontalen Achse berührt, um visuelle Konsistenz zu gewährleisten.

Das sollten Sie nicht tun

Verwenden Sie feste quadratische Formen. Verwenden Sie stattdessen responsive rechteckige Container, die sich an verschiedene Rasterdimensionen anpassen.