Designmuster für erweiterte Canvas
Das Muster erweiterter Zeichenbereich ist zwar das einfachste Dual-Screen-Muster, aber es ist leistungsstark. Sie können dieses Muster berücksichtigen, wenn Sie einen größeren Zeichenbereich für eine Aufgabe wie das Zeichnen benötigen. Wenn Ihre App über einen frei fließenden Canvas verfügt, kann der Benutzer frei scrollen, wenn der Seem wichtige Inhalte verdeckt. Dieses Muster bietet den Vorteil, dass Ihre App mehr Bildschirm-Immobilien bietet, anstatt sie auf einen Bildschirm oder einen anderen zu verschränken.
Durch das Erweitern des Zeichenbereichs können Benutzer die größere Bildschirmfläche ausnutzen, die von Dual-Screen-Geräten bereitgestellt wird.
Bewährte Methoden
Nachfolgend finden Sie einige Szenarien, die Sie beim Anwenden dieses Entwurfsmusters unterstützen:
Empfohlen | Nicht empfohlen |
---|---|
Verwenden Sie entweder den linken oder rechten Bildschirm, um ein Dialogfeld anzuzeigen. | Zeigen Sie das Dialogfeld nicht an, das durch die zentriert positionierte Zentriert verläuft. |
Empfohlen | Nicht empfohlen |
---|---|
Verwenden Sie entweder links oder rechts, um untere Blätter anzuzeigen. | Zeigen Sie nicht das untere Blatt an, das durch den Schieber durchläuft. |
Empfohlen | Nicht empfohlen |
---|---|
Zeigen Sie die untere Menünavigation auf der linken Seite des Bildschirms an. | Teilen Sie die untere Menünavigation nicht auf den beiden Bildschirmen auf. |
Empfohlen | Nicht empfohlen |
---|---|
Zeigen Sie das Symbolleistenmenü auf der linken Seite für Benutzer mit rechtshändigen Stiften an. | Lassen Sie nicht zu, dass das Symbolleistenmenü durch den Strich durchgeht. |
Empfohlen | Nicht empfohlen |
---|---|
Zeigen Sie das Symbolleistenmenü auf der rechten Seite für linkshändige Stiftbenutzer an. | Lassen Sie nicht zu, dass das Symbolleistenmenü durch den Strich durchgeht. |
Typen von Apps, die von diesem Muster profitieren können
- Karten-Apps
- Canvas-Apps zum Zeichnen
Codebeispiele
Diese Projekte zeigen eine einfache Implementierung des Entwurfsmusters für erweiterte Canvass, die Sie in Ihren Apps verwenden können:
Nächste Schritte
Berücksichtigen Sie diese anderen Entwurfsmuster: