zurück
Modul 1

Erstellen interaktiver

Übungen mit JClic

Praxis
1
2
5
Fenstereigenschaften verändern
 
In diesem Kapitel lernen Sie, wie Sie die Eigenschaften der beiden in den Übungen verwendeten Fenster (Hauptfenster und Arbeitsfenster) bearbeiten können.
   
Práctica

Starten Sie JClic Author, klicken Sie auf Datei | Datei öffnen... und laden Sie das Projekt modulo1.jclic.zip, an dem Sie bereits in den vorigen Praxiskapiteln gearbeitet haben. Es befindet sich im Verzeichnis  C:\Programme\JClic\projects\modulo1 (Windows), oder $home/JClic/projects/modulo1 (andere Betriebssysteme).

Bestätigen Sie Ihre Auswahl durch Anklicken der Schaltfläche Öffnen.

Gehen Sie nun zum Registerpunkt Übungen. In der linken Spalte finden Sie die Liste aller Übungen, die bereits im Projekt enthalten sind. Wählen Sie die Übung info aus, die Sie im vergangenen  Kapitel erstellt haben.

Hinweis: Wenn die Übungsliste so lang ist, dass nicht alleÜbungen angezeigt werden können, können Sie das Fenster vergrößern, indem Sie mit der Maus über die rechte Seite der Spalte fahren. Es erscheint ein Doppelpfeil, mit dem Sie die Spalte beliebig skalieren können, bis sie die gewünschte Größe hat.

Klicken Sie nun die Registerkarte Fenster an. In der  Grundeinstellung sind JClic Fenster immer grau, das Übungsfenster ist im Hauptfenster zentriert.

Im mittleren Frame finden Sie den Button Voransicht, mit dem Sie das Erscheinungsbild des Fensters überprüfen können, wenn Sie daran Veränderungen vorgenommen haben.

In der unteren Reihe finden Sie zwei Registerkarten: Hauptfenster und Übungsfenster sowie die Werkzeuge, die Sie benötigen um die Einstellungen der beiden Fenster zu verändern.

Beginnen Sie mit dem Hauptfenster. Dieses enthält alle Elemente einer Übung. Wenn Sie das Erscheinungsbild des Hauptfensters verändern, verändern Sie gleichzeitig die Hintergrundeinstellungen für Ihre Übung. Testen Sie nun verschiedene Optionen und beobachten Sie, welche Veränderungen diese bewirken.

Beim Anklicken des Buttons Hintergrundfarbe öffnet Sich ein weiteres Fenster mit 4 Registerkarten. Die ersten drei davon dienen zur Farbauswahl. Jede Registerkarte steht für eine andere Auswahlmöglichkeit: Muster, HSB und RGB.

Bei diesen drei Optionen wird im unteren Bereich der jeweiligen Registerkarte die ausgewählte Farbe in Kontrast zu Schwarz, Weiß, Grau und Text angezeigt.

Entscheiden Sie von Fall zu Fall, welcher Modus Ihnen am geeignetsten erscheint. 

Über die Registerkarte Muster können Sie eine Farbe aus der Farbpalette auswählen. In den beiden anderen Optionen können Sie die gewünschte Farbe durch Anklicken auf das Farbfeld oder mit Schiebereglern individuell definieren.

.

Eine genaue Bestimmung der Farbe kann durch die HSB-Farbauswahl erfolgen. Die Farbe wird durch Klicken auf das Farbfeld bestimmt. Der Farbbalken rechts neben dem Farbfeld bestimmt die Farbe des Farbfeldes. Die Definition der Farbe kann auch durch Eingabe des HSB-Wertes in die dafür vorgesehenen Eingabefelder H, S und B erfolgen

Die Registerkarte RGB erlaubt die Farbbestimmung durch je einen Schieberegler für die Farben Rot, Grün und Blau. Die Definition der Farbe kann auch durch Eingabe des RGB-Wertes in die dafür vorgesehenen Eingabefelder R, G und B erfolgen

Nehmen Sie sich Zeit und testen Sie nun die verschiedenen Möglichkeiten der Farbauswahl..

Die vierte Karteikarte ermöglicht Ihnen, die Transparenz der gewählten Farbe zu bestimmen.

Durch Verschieben des Schiebereglers nach links, wird die Farbe transparenter, wenn Sie den Schieberegler nach rechts verschieben, nimmt der Sättigungsanteil zu.

Alle Veränderungen werden in der Vorschau im unteren Bereich des Dialogfensters angezeigt.

Sie können das Hauptfenster mit einer einzigen Farbe oder einem Farbverlauf füllen.

Beim Anklicken des Buttons Farbverlauf auf der Karteikarte Hauptfenster öffnet sich ein Dialogfenster, in dem Sie Startfarbe, Endfarbe und Ausrichtung des Farbverlaufs definieren können.

Wählen Sie über die Schaltfläche Startfarbe die gewünschte Farbe aus und bestätigen Sie Ihre Auswahl mit OK. Tun Sie dann das selbe mit der Endfarbe.

Der Wert Zyklus gibt an, wie oft sich der Farbverlauf innerhalb einer Fläche wiederholt.

Experimentieren Sie mit verschiedenen Einstellungen. Sie können den Zykluswert durch Verschieben des Schiebereglers nach rechts oder links verändern. Die Änderungen werden direkt im Vorschaufenster auf der linken Seite angezeigt. Wenn Sie einen exakten Wert einstellen möchten, schreiben Sie die Zahl direkt in das entsprechende Kästchen.

Der Wert Ausrichtung bestimmt den Winkel des Farbverlaufs zur Horizontalen. Sie können diesen Winkel mit dem Schieberegler verändern, bzw. direkt in das entsprechende Feld eintragen.

Versuchen Sie nun, die Einstellungen für das Hauptfenster nach dem folgenden Muster zu konfigurieren:

Verwenden Sie für die Farbauswahl den Modus RGB

Einstellungen für den Farbverlauf:
Startfarbe: 102,101,255
Endfarbe: 153,153,255
Diese Werte werden auf der Registerkarte Muster angezeigt, wenn Sie mit der Maus über die jeweilige Farbe im Fenster Farbauswahl fahren.

Eine andere Möglichkeit zur Gestaltung des Hauptfensters ist die Auswahl eines Hintergrundbilds.

Klicken Sie dazu auf die Schaltfläche  Grafik und wählen Sie das gewünschte Bild aus der Mediathek (in die Sie es vorher hoch laden müssen) aus. Das Bild wird vom Programm zentriert  (Standardeinstellung) oder als Kachelung angezeigt (d.h. es wiederholt sich so oft, bis es die ganze Fläche nahtlos bedeckt). Wir kommen darauf in den folgenden Übungen noch einmal genauer zurück.

Testen Sie nun die Einstellungen in der Vorschau durch Anklicken des Buttons  .

Schließen Sie anschließend das Vorschaufenster und gehen Sie zurück zu JClic Author.

Nun muss noch das Erscheinungsbild des Übungsfensters konfiguriert werden. Dazu  stehen Ihnen die Optionen Hintergrundfarbe, Ausrichtung und Rahmen zur Verfügung.

Wie wir beim Hauptfenster gesehen haben, kann auch das Übungsfenster als Hintergrund eine einzige Farbe oder einen Farbverlauf aufweisen, im Gegensatz zum Hauptfenster kann es aber kein Hintergrundbild beinhalten.

Klicken Sie nun die Option Hintergrundfarbe auf der Registerkarte Spielfenster an und stellen Sie im RGB-Modus die Werte: 204,255,102 ein. Bestätigen Sie die Auswahl anschließend durch einen Klick auf  OK.

Testen Sie die Übung nochmals in der Vorschau durch Anklicken des Buttons  .

Schließen Sie nun das Vorschaufenster und gehen Sie zurück zu  JClic Author.

Überprüfen Sie bei den Eigenschaften des Übungsfensters, ob die Option Zentriert ausgewählt ist.

Stellen Sie nun noch den Wert für die Rahmendicke auf 26 ein und überprüfen Sie, ob die Option Rahmen aktiv ist.

Überprüfen Sie die Übung nochmals in der Vorschau durch Anklicken der Schaltfläche  .

Ihre Übung sollte nun etwa so aussehen, wie beim folgenden Musterbeispiel:

Schließen Sie das Vorschaufenster und speichern Sie das Projekt unter Datei | Speichern unter...  Wählen Sie als Bezeichnung modul1.jclic.zip  aus und bestätigen Sie durch einen Klick auf Speichern. Wenn Sie vom Programm gefragt werden, ob Sie die ursprüngliche Datei überschreiben wollen, klicken Sie auf OK.

 
nach oben