Es gibt viele Fälle, in denen Sie in Ihrem Adobe XD-Prototyp scrollende Elemente anzeigen möchten. Sie können das Scrollen simulieren, indem Sie die Größe der Zeichenfläche ändern, während Sie den sogenannten Ansichtspunkt auf der ursprünglichen Zeichenflächengröße beibehalten. Wenn Sie es zuvor getan haben, können Sie jede der von Ihnen erstellten Zeichenflächen verwenden oder eine neue Datei mit einer Zeichenfläche beliebiger Größe erstellen.
Sie müssen zunächst Inhalte erstellen, die über Ihren Bildschirmbereich hinausgehen. Dazu fügen Sie einige einfache Formen hinzu:
Wählen Sie das Ellipse-Werkzeug aus und klicken und ziehen Sie, um einen Kreis zu Ihrer Zeichenfläche hinzuzufügen.
Wählen Sie das Auswahlwerkzeug. Halten Sie die Alt- (Windows) bzw. Wahltaste (Mac) gedrückt und ziehen Sie den Kreis nach unten, um ihn zu klonen. Wiederholen Sie dies so oft wie nötig, damit der Inhalt außerhalb der Standardvorlagengröße positioniert wird.
Fügen Sie Inhalte hinzu, die über den Anzeigebereich hinausgehen, damit Sie sehen können, wie Sie das Scrollen implementieren.
Wählen Sie nun die Zeichenfläche aus, indem Sie entweder auf den Namen der Zeichenfläche klicken oder indem Sie bei gedrückter Strg-Taste (Windows) bzw. ⌘-Klick (Mac) auf die Zeichenfläche klicken.
Stellen Sie sicher, dass Scrollen im Abschnitt Scrolling des Eigenschafteninspektors ausgewählt ist. Beachten Sie den Wert in der Viewport-Höhe.
Klicken und ziehen Sie den unteren mittleren Ziehpunkt. Dadurch wird die Zeichenfläche erweitert, aber wenn Sie eine Standardvorlage verwendet haben, sollten Sie dort, wo die Zeichenfläche früher endete, eine gepunktete Hilfslinie sehen. Wenn diese gepunktete Anleitung nicht angezeigt wird, lesen Sie den folgenden Hinweis.
Wenn Sie eine Standardvorlage verwenden, ändert sich der Wert für die Ansichtsfensterhöhe nicht, wenn Sie klicken und ziehen, um Ihre Zeichenfläche zu verlängern. Wenn sich die Ansichtsfensterhöhe ändert, haben Sie Ihre Zeichenfläche höchstwahrscheinlich mit benutzerdefinierten Werten erstellt. Kein Problem; Geben Sie einfach die ursprüngliche Höhe in das Ansichtsfeld-Steuerelement zurück, nachdem Sie Ihre Zeichenfläche erweitert haben.
Jetzt können Sie das Scrollen testen, indem Sie oben rechts in Ihrem Arbeitsbereich auf die Schaltfläche zum Abspielen der Desktop-Vorschau klicken. Beachten Sie, dass Sie durch Ihren Inhalt scrollen können, wenn die Vorschau angezeigt wird.
Nachdem Sie nun mit den Grundlagen des Erstellens und Organisierens von Zeichenflächen vertraut sind, können Sie damit beginnen, mehr Inhalte auf diesen Bildschirmen bereitzustellen.