|
Sie haben ja bereits ein Fenster erstellt, das Fenster Notizen. Grundsätzlich unterscheidet man bei Fenstern zwischen lokalen Fenstern, die auf der aktuellen Seite angezeigt werden und globalen Fenstern, die von überall aufgerufen werden können.
Zunächst geht es darum, ein lokales Fenster zu erstellen. Dies soll dazu dienen, auf einer Seite zusätzliche Informationen anzeigen zu lassen.
Erstellen Sie dazu wieder eine neue Seite mit der Vorlage Standardseite und speichern Sie diese als „Klick&Info“.
Fügen Sie eine Grafik ein, z.B. „Moderation1“ aus TutorialMaker/Vorlagen/Beispiele/Grafiken/Illus und eine Textkomponente, die beispielsweise den folgenden Text beinhaltet:
„Bei einer Präsentation oder Moderation können trotz guter Vorbereitung auch immer wieder schwierige Situationen auftreten - beispielsweise durch Störungen.“
Um Zusatzinformationen anzeigen zu lassen, fügen Sie nun eine Taste ein. Klicken Sie dazu im Register Steuerung auf das Icon TutButton und platzieren Sie es unterhalb der Grafik.
Als Vorlage wählen Sie Standardtaste und klicken auf Erstellen.
Diese Taste soll als Beschriftung den Titel „Zusatzinformationen“ erhalten. Den Tastentext können Sie direkt unter Anzeige: eingeben.
Weitere Eigenschaften können Sie über das Icon Weitere Eigenschaften einstellen.
Es öffnet sich daraufhin der „Objektinspektor“, in dem Sie den im Feld Titel ebenfalls die Beschriftung bzw. den Anzeigetext eintragen können.
Passen Sie die Größe des Buttons entsprechend Ihren Wünschen an. Um die Zusatzinformationen anzeigen zu lassen benötigen Sie nun ein Fenster.
Das Einfügen eines Fensters funktioniert genau so, wie das Einfügen anderer Komponenten. Die Komponente TutPageWindow befindet sich im Register Design. Klicken Sie auf das entsprechende Icon und platzieren Sie es im Arbeitsfenster.
In der Eigenschaftenleiste Darstellung wählen Sie anschließend die Option Bild editieren, um dem Fenster einen Hintergrund zuzuweisen.
Im Dialogfenster Bild-Einstellungen können Sie nach diesem suchen, z.B. tptextwin_back.gif aus dem Verzeichnis TutorialMaker/Vorlagen/Beispiele/Navigation. Bestätigen Sie Ihre Wahl mit OK.
Da es sich bei dem gewählten Hintergrund um eine Grafik handelt, ist diese zunächst auf einen feste Größe definiert. Das Hintergrundbild sollte sich jedoch flexibel an die Fenstergröße anpassen.
Klicken Sie dazu in der Eigenschaftenleiste Darstellung auf das Icon Bild editieren. Im Listenfeld Größenanpassung wählen Sie den Eintrag Rahmenvergrößerung und positionieren diesen wie in der Bildvorschau gezeigt. Zur Bestätigung klicken Sie auf OK.
Nun können Sie das Fenster beliebig skalieren. Die Hintergrundgrafik passt sich entsprechend an.
Da in dem Fenster die Zusatzinformationen angezeigt werden sollen, müssen Sie noch ein Textfeld integrieren und es mit dem Fenster verknüpfen. Aktivieren Sei dazu die Komponente TutText und platzieren Sie diese so im Fenster, wie es im Verhältnis zum Fenster immer angezeigt werden soll. Das Textfeld ist jetzt ein Teil des Fensters.
Damit das Textfeld diese Position nicht verliert, muss es noch verankert werden (dies kann mit jedem Objekt durchgeführt werden).
Klicken Sie dazu bei aktiviertem Textfeld in der Eigenschaftenleiste auf Weiter Eigenschaften. Im Objektinspektor wählen Sie bei Anker alle vier Optionen aus. So passt sich das Textfeld entsprechend an und behält seine Position innerhalb des Fensters.
Als Text können Sie beispielsweise den folgenden eingeben:
„Störungen von außen:
Zugesicherte Leistungen des gebuchten Raumes werden nur mangelhaft erfüllt.
Störungen aus der Gruppe:
Streit unter den Teilnehmern und persönliche Angriffe.
Störungen zwischen Moderator und Gruppe:
Die Gruppe ist unmotiviert oder der Moderator geht nicht auf die Gruppe ein.“
Da Textfenster sehr oft benötigt werden, gibt es dafür eine eigene Komponente namens TutTextWindow. Dies ist ein Fenster mit einem bereits verankertem Text. Über die weitere Eigenschaft TextIndent können Sie den Textbereich positionieren.
Wenn Sie jetzt in den Vorschaumodus wechseln, sehen Sie, dass das Fenster direkt angezeigt wird und der Button Zusatzinformationen noch ohne Funktion ist. Zur Kommunikation mit dem Textfenster wird nun zunächst noch ein Button zum Schließen des Fensters integriert.
Aktivieren Sie dazu das Fenster „Zusatzinformation“ und wählen Sie im Register Steuerung das Icon TutButton. Dieses platzieren Sie im Fenster „Zusatzinformation“ unten rechts und wählen als Vorlage Standardtaste. Anschließend klicken Sie auf Erstellen. Wichtig ist, dass der Button genau wie der Infotext innerhalb des Fensters ist. Ihre Komponentenleiste sollte jetzt so aussehen.

Geben Sie den Tastentext „Fenster schließen“ ein und im Feld Anker aktivieren Sie die Optionen rechts (akRight) und unten (akBottom).
Um das Fenster zu steuern, müssen Sie dem Button nun noch die entsprechende Aktion zuweisen. Dazu aktivieren Sie diesen und wählen in der Eigenschaftenleiste Aktion zuweisen. Daraufhin öffnet sich das gleichnamige Dialogfenster in dem Sie als Aktion Komponente verbergen wählen und als Control-Parameter das Fenster Zusatzinformation auswählen. Bestätigen Sie die Einstellungen mit OK.
In der Vorschau werden die Zusatzinformationen immer noch direkt angezeigt. Deshalb muss das Fenster zunächst unsichtbar gemacht werden und der Button zum Anzeigen der Informationen muss aktiviert werden.
Klicken Sie dazu auf das Fenster Zusatzinformationen und deaktivieren Sie unter Optionen in der Eigenschaftenleiste die Option Sichtbar.
Nun weisen Sie dem InfoButton noch die Aktion zum Anzeigen des Fensters zu. Dazu aktivieren Sie diesen und öffnen durch einen Doppelklick das Dialogfenster Aktion zuweisen. Hier wählen Sie Komponente anzeigen und als Parameter das Fenster Zusatzinformation.
Testen Sie jetzt die Steuerung der Seite über [F9] im Vorschaumodus.
Globale Fenster sind nicht an eine Seite gekoppelt und können von überall aufgerufen werden (z.B. Notizen oder Ende-Bestätigung). Der Endbenutzer kann dieses Fenster anpassen, die Größe verändern und verschieben.
Als globales Fenster fügen Sie Ihrem Projekt nun das Ende-Fenster auf Basis einer Vorlage hinzu. Dies soll aufgerufen werden, wenn im Menü auf Ende geklickt wird, anstatt das Programm direkt zu beenden. Wählen Sie dazu im Projektfenster aus der Liste Element hinzufügen den Befehl Fenster.
Als Vorlage nehmen Sie Abfragefenster und klicken Sie auf Kopieren (dann können Sie dieses anpassen).
Positionieren Sie das Fenster im Projektfenster unterhalb von Notizen und nennen Sie es Ende. Sie haben jetzt die Kopie eines Fenster, dass Sie individuell anpassen können. Nehmen Sie dort die folgenden Einstellungen vor:
· Geben Sie zunächst über Doppelklick als Fenstertitel den Namen „Programmende“ ein.
· Als Hinweis können Sie beispielsweise den folgenden Text verwenden: Wollen Sie wirklich das Programm beenden?
· Die erste Abfrage benennen Sie mit Programm beenden und die zweite mit Programm fortsetzen.
Das Umbenennen der AbfrageButtons können Sie entweder direkt in der Eigenschaftenleiste vornehmen oder alternativ auch im globalen Objektinspektor. Diesen rufen Sie über F11 auf. Der Inspektor ist frei positionierbar. Er zeigt alle Eigenschaften eines Objekts an, welches gerade markiert ist. Der Objektinspektor kann immer geöffnet bleiben und man kann mit ihm auch Eigenschaften mehrerer markierter Objekte ändern. Den Text der Abfragebuttons ändern Sie im Feld Titel.
Um den Tasten Aktionen zu zuweisen, machen Sie einen Doppelklick auf die entsprechende Taste und weisen Sie diesen die Aktionen Programm beenden bzw. Fenster schließen zu.
Um das Endefenster aufzurufen, statt das Programm direkt zu beenden, müssen Sie dies dem Endebutton im Menü zuweisen. Dazu müssen Sie in die Vorlagenbibliothek wechseln. Klicken Sie dazu im Projektfenster auf das Register Vorlagen und wählen Sie dort im Ordner Projektseiten die BasisMenüseite.
Auf der Vorlagenseite machen Sie einen Doppelklick auf den Ende Button. Dort ist der Komponente bisher die Aktion Programm beenden zu gewiesen. Wählen Sie nun stattdessen Gehe zu Seite und wählen Sie als Parameter in der Auswahlliste zu PageLink das Fenster Ende.
Wechseln Sie zurück in das Projekt und testen Sie die Änderung über F9 in der Vorschau.
|