Benutzerschnittstellenausschnitt erstellen

Sie können eine wiederverwendbare Gruppe von Benutzerschnittstellenelementen, einen sogenannten "Ausschnitt", erstellen, um Skizzen und Storyboards zu füllen. Ausschnitte können ein einzelnes Element, z. B. ein Menü, enthalten, oder mehrere Elemente, die in einem Containerelement zusammengefasst sind, z. B. eine Anzeige oder Gruppe.
Vorbereitungen
Sie können Ausschnitte in Benutzerschnittstellenskizzen und Storyboard-Rahmen wiederverwenden, um persistente Benutzerschnittstellenelemente zu erstellen. Wenn Sie beispielsweise Skizzen von Webseiten erstellen, die alle dasselbe Menü verwenden, erstellen Sie zuerst einen Ausschnitt, der nur aus den Elementen in dem Menü besteht, und fügen Sie anschließend den Ausschnitt zu jeder Skizze hinzu. Wenn Sie zu einem späteren Zeitpunkt entscheiden, das Menü in Ihren Skizzen zu ändern, müssen Sie nur diesen einen Ausschnitt ändern, damit die Änderungen automatisch in allen Skizzen mit diesem Ausschnitt widergespiegelt werden.
Warum und wann dieser Vorgang ausgeführt wird

(Wenn Sie einen Film ansehen möchten, in dem die Erstellung eines Ausschnitts veranschaulicht wird, rufen Sie den Abschnitt Benutzerschnittstellenskizze erstellen auf.)

Gehen Sie wie folgt vor, um einen Ausschnitt zu erstellen:

  1. Führen Sie eine der folgenden Aktionen aus:
    • Klicken Sie auf der Projektseite "Artefakte" auf Artefakt erstellen > Benutzerschnittstellenausschnitt.
    • Klicken Sie auf Datei > Neu > Benutzerschnittstellenausschnitt.
    • Klicken Sie in einer Benutzerschnittstellenskizze mit der rechten Maustaste auf ein Element oder auf mehrere Elemente, die in einem einzelnen Container gruppiert sind (z. B. in einer Shell, Anzeige oder Gruppe), und wählen Sie Benutzerschnittstellenausschnitt extrahieren aus.
  2. Geben Sie im Fenster "Neuer Benutzerschnittstellenausschnitt" einen Namen für den Ausschnitt ein. Dieser Name, der mit dem Artefakt in den Projektseiten und im Projekt-Explorer angezeigt wird, kann Großbuchstaben, Kleinbuchstaben und Leerzeichen enthalten.
  3. Navigieren Sie zu einem Projekt und einem Ordner für den neuen Ausschnitt.
  4. (Optional) Fügen Sie dem neuen Ausschnitt ein Tag hinzu.
  5. (Optional) Wählen Sie für den ersten Inhalt des Ausschnitts eine Vorlage aus.
  6. (Optional) Klicken Sie auf Weiter, und wählen Sie Attributgruppen aus, die dem Ausschnitt zugeordnet werden sollen.
  7. Klicken Sie auf Fertig stellen. Der Ausschnitteditor wird geöffnet.
  8. Wenn der Ausschnitt nur ein einzelnes Element enthält, ziehen Sie ein Element aus der Palette in den Inhaltsbereich. Wichtig: Der Inhaltsbereich muss mindestens ein Element enthalten. Wenn der Ausschnitt in einem anderen Artefakt wiederverwendet wird, werden nur Elemente im Inhaltsbereich angezeigt.
  9. Wenn der Ausschnitt mehrere Elemente enthält, ziehen Sie ein Containerelement, z. B. eine Anzeige oder Gruppe, in den Inhaltsbereich.
  10. Wenn Sie die Größe des Containers ändern möchten, wählen Sie ihn aus, und ziehen Sie einen Handle zur Größeneinstellung. Wenn Sie die Eigenschaften des Containers ändern möchten, klicken Sie ihn mit der rechten Maustaste an, und klicken Sie auf Eigenschaften.
  11. Klicken Sie mit der rechten Maustaste auf ein Element im Erstellungsbereich, um ein Menü mit Aktionen aufzurufen, die für das Element ausgeführt werden können, z. B. Ausschneiden, Kopieren, Löschen, Text editieren oder Eigenschaften und Darstellung ändern.
  12. Klicken Sie auf Datei > Speichern.
Beispiel
Nächste Maßnahme
Nachdem Sie einen Ausschnitt erstellt haben, können Sie ihn einer Skizze hinzufügen. Dadurch wird die Skizze mit den Elementen des Ausschnitts gefüllt. Wenn Sie später ein Element im Ausschnitt ändern, wird die Änderung an jede Skizze weitergegeben, die den Ausschnitt enthält. Sie können den ursprünglichen Ausschnitt in der Skizze öffnen, indem Sie auf das Symbol oberhalb des ausgewählten Ausschnitts in der Skizze klicken. Ausschnitte können außerdem zu Storyboard-Rahmen oder anderen Ausschnitten hinzugefügt werden.

Feedback