Freigeben über

Designmuster für erweiterte Canvas

  • Artikel

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.

Diagram shows two examples of extended canvas, a map and a drawing app, which each use both screens.

Bewährte Methoden

Nachfolgend finden Sie einige Szenarien, die Sie beim Anwenden dieses Entwurfsmusters unterstützen:

Diagram shows alerts and dialogs placed in the center of a screen in order to avoid the hinge.

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.

Diagram shows bottom sheets displayed on one screen in order avoid spanning sheets under the hinge.

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.

Diagram shows pallets on one screen, not under the hinge, and try to place in the most natural position for the user.

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.

Diagram shows a toolbars on one screen, instead of under the hinge.

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.

Diagram shows a toolbar on one screen, as in the previous diagram, but on the opposite side per user preference.

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: