Übung 3: Bilder überarbeiten 

In dieser Übung lernen Sie, wie Sie Ihre Bildschirmbilder überarbeiten, um sie übersichtlicher zu gestalten. Sie sollen zwei bereits vorhandene Textfelder in Auswahlknöpfe umwandeln und bestimmte Bildbereiche definieren, indem Sie sie beschriften oder in Gruppenrahmen stellen. Öffnen Sie im Fullscreen Editor des Screen Painters zunächst das Bild 100 .

Felder in Auswahlknöpfe umwandeln

Die Felder Linienflug und Charterflug Ihres Bildschirmbilds beziehen sich auf zwei unterschiedliche Flugarten; beim Flug kann es sich entweder um einen Linienflug oder um einen Charterflug handeln. In der Benutzungsoberfläche dienen Auswahlknöpfe dazu, genau eine Auswahl unter mehreren Optionen zu treffen, die sich gegenseitig ausschließen. Um die Textfelder in Auswahlknöpfe umzuwandeln, gehen Sie folgendermaßen vor:

  1. Markieren Sie die Felder Linienflug und Charterflug mit einem "Gummiband".

    2. Beide Felder werden im Screen Painter markiert.

  2. Wählen Sie Bearbeiten ® Umwandeln ® Auswahlknopf ® Knopf links.

    3. Der Screen Painter wandelt die beiden Textfelder in Auswahlknöpfe um. Sie müssen die beiden Auswahlknöpfe nun in einer Gruppe zusammenfassen, damit sie sich gegenseitig ausschließen.

  3. Wählen Sie Bearbeiten ® Auswahlknopfgruppe ® Definieren.

    4. Der Screen Painter faßt die Auswahlknöpfe in einer Gruppe zusammen. An den Seiten der Gruppe erscheinen kleine rautenförmige Griffe , mit denen Sie die Form der Gruppe verändern können. Mit dem an der Oberseite der Gruppe angezeigten rechteckigen Griff verschieben Sie die Gruppe.

  4. Sichern Sie die Änderungen.

Gruppenrahmen erstellen

Ein Gruppenrahmen bedeutet, daß die umrahmten Elemente inhaltlich zusammengehören. Um die Elemente Ihres Bildes in einen Gruppenrahmen mit der Bezeichnung Flugdaten einzuschließen, gehen Sie folgendermaßen vor:

  1. Wählen Sie in der Werkzeugpalette das Werkzeug Box aus.
  2. Stellen Sie den Cursor in den Arbeitsbereich.

    3. An der Form des Cursors erkennen Sie, daß ein Gruppenrahmen gezeichnet wird.

  3. Zeichnen Sie einen Gruppenrahmen um die Flugdaten auf Ihrem Bild.

    4. Stellen Sie den Cursor links neben die Gruppe. Halten Sie die linke Maustaste gedrückt, und ziehen Sie den Cursor nach rechts unten .

    Während Sie den Cursor ziehen, wird ein Rahmen um die Gruppe gezeichnet. Dieser Rahmen bleibt markiert, wenn Sie die linke Maustaste loslassen.

  4. Vergewissern Sie sich, daß der Gruppenrahmen markiert ist, und geben Sie dann über die Tastatur Flugdaten ein.

    5. Das System erstellt einen Titel für den neuen Gruppenrahmen.

  5. Wiederholen Sie die Schritte 1 bis 3, um einen Gruppenrahmen um die beiden Auswahlknöpfe zu erstellen.
  6. Legen Sie als Titel für den neuen Gruppenrahmen Klassifizierung fest.
  7. Sichern Sie die Änderungen.

Felder in Ankreuzfelder umwandeln

Wandeln Sie nun einige der vorhandenen Felder in Ankreuzfelder um. Mit Ankreuzfeldern können Sie bestimmte Optionen aktivieren oder deaktivieren. Wenn Sie eine Option aktivieren, wird das entsprechende Kästchen mit einer Markierung versehen. So erstellen Sie Ankreuzfelder:

  1. Markieren Sie die Felder Imbiß, Essen und Film.

    2. Alle drei Felder werden im Screen Painter markiert.

  2. Wählen Sie Bearbeiten ® Umwandeln ® Ankreuzfeld ® Knopf links.

    3. Der Screen Painter wandelt die Felder in Ankreuzfelder um. Da Ankreuzfelder unabhängig von den anderen Optionen markiert werden können, brauchen Sie sie nicht in Gruppen zusammenzufassen.

  3. Sichern Sie die Änderungen.

Überprüfen Sie Ihre Arbeit

Nehmen Sie sich einen Moment Zeit, um Ihre Arbeit zu überprüfen und das neu gestaltete Dialogfenster zu testen. Im Testmodus wird Ihr Bild so angezeigt wie ihn die Benutzer später sehen . Setzen Sie Umfang der Simulation diesmal auf Vollständige Ablauflogik.

Beachten Sie, daß bei der Verwendung von Auswahlknöpfen eine bestimmte Anwendungslogik zum Tragen kommt. Es kann stets nur einer der gruppierten Auswahlknöpfe markiert sein. Beim Testen Ihres neuen Bildes werden Sie feststellen, daß der Screen Painter diese Anwendungslogik automatisch integriert hat.