Größe

Entwerfen Sie anpassbare Android-Widgets, die sich nahtlos skalieren lassen. Verwenden Sie unsere empfohlenen Standardgrößen als Ausgangspunkt und testen Sie Ihre Layouts in verschiedenen um eine optimale Lesbarkeit und Nutzerfreundlichkeit zu gewährleisten.

Standardgrößen

Erstelle ein ausgefeiltes Widget, indem du dein Layout für mindestens eines dieser Elemente optimierst. empfohlenen Größen. Richtige Platzierung und Sichtbarkeit im Widget sicherstellen Auswahl durch Definieren der Attribute targetCellWidth und targetCellHeight für beide Handheld- und Tablet-Geräte.

Diese Werte basieren auf Pixel-Geräten. Nutzen Sie diese Größen als Ausgangspunkt für Ihr Widget-Design. Testen Sie Ihr Widget gründlich in verschiedenen Größen und auf verschiedenen Geräten, um eine hochwertige User Experience zu gewährleisten.

Handkamera

Größen Minimale Breite Maximale Breite Mindesthöhe Maximale Höhe
2x1 109 306 44 130
2x2 109 306 115 276
2x3 109 306 185 422
4x1 245 624 44 130
4x2 245 624 115 276
4x3 245 624 185 422

Tablet

Größen Minimale Breite Maximale Breite Mindesthöhe Maximale Höhe
2x1 180 304 64 120
2x2 180 304 184 304
2x3 180 304 304 488
3x1 328 488 64 120
3x2 298 488 184 304
3x3 298 488 304 488
3x4 298 488 424 672

Haltepunkte

Haltepunkte sind wichtig, um eine anpassungsfähige sowie benutzerfreundliche, anpassbare Größe zu erstellen. Widgets. Durch das Testen Ihres Designs können Sie Schwellenwerte für die Größe bestimmen, an denen das Layout Anpassungen notwendig sind. Implementieren Sie Haltepunkte, um diese Änderungen auszulösen. damit Ihr Widget optisch ansprechend ist und in jeder Größe funktioniert.

Haltepunkte bieten auch die Flexibilität, ein- oder auszuschließen, ergänzenden Inhalten, wodurch die Speichernutzung auf Basis des Widget-Werts optimiert wird. Dimensionen.

Abbildung 1:Mit Haltepunkten Layoutänderungen in verschiedenen Größen vornehmen

Grenzen ausfüllen

Einer der Hauptgründe, warum Nutzer Widgets entfernen, sind Abstimmungsprobleme mit anderen Elementen des Startbildschirms. Um dies zu verhindern, achten Sie darauf, dass das Widget Rasterraum vollständig zugewiesen.

Dos

Der Behälter muss sich in allen Größen randlos strecken.

Don'ts

Fügen Sie einen benutzerdefinierten Abstand hinzu. Das Widget sollte sich nahtlos aneinanderreihen.

Dos

Achten Sie darauf, dass die nicht rechteckige Form das Raster an der vertikalen oder horizontalen Achse berührt, um ein einheitliches Bild zu erhalten.

Don'ts

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