SwishKomponenten.de

Viele Komponenten erlauben die Definition von Ereignisbehandlungsmethoden, wenn die Komponente Ihren Status ändert.

Die CheckBox_neutral benutzt ein OnClick Parameter, die Button_silver Komponente nutzt eine EventFunction. Lesen Sie die Dokumentation zu den einzelnen Komponenten, um die Parameter für den Aufruf der Funktion zu erfahren.

Generell muss die Funktion im gleichen Level wie die Komponente vorhanden sein. Es werden 2 Parameter benutzt: name und state. Auf deutsch : Name der Komponente und Status.

Beispiel

function Events(name,state)
{
trace(name add "," add state);
}

Beim Testen in Swishmax zeigt der Debugger folgendes beim Klicken auf die Checkbox an:

Checkbox,false
Checkbox,true
Checkbox,false
Checkbox,true
Checkbox,false
Checkbox,true 

Der erste Parameter (name) ist der Name der Komponente, die das Ereignis ausgelöst hat. Der 2. Parameter (state) ist der Status der Komponente. Wenn true, ist die Checkbox markiert, wenn false, dann ist sie nicht markiert.

Weil der Name der Komponente als Parameter übergeben wird, kann man für alle Komponenten die gleiche Ereignisbehandlung verwenden. Sie müssen dann nur auf den Namen der Komponente reagieren und die Funktion weiter spezifizieren.

Besitzer des eBooks für Einsteiger in Swishmax 2 finden weitere Informationen im Kapitel 10 Komponenten ab Seite 197.

If you’re new to SWiSH Max2 and Flash you may not realize it’s possible to dynamically draw objects (lines and shapes) through scripting. Drawing on the screen opens up new and exciting possibilities for user iteraction with your Flash movies. This example emulates a whiteboard. If you press the left mouse button and drag the mouse, within the region below, you can draw arbitrary lines.

The source draw.swi file is contained in this .zip file – draw.zip. The zip file also contains drawrandom.swi, a simple extension that draws with a random color each time a the left mouse button is pressed.

For the sake of simplicity, in draw.swi I have kept the color (red, 0xFF0000) and line width (5) constant. These values can easily be modified by editing the script.

The script uses a mouse listener object to monitor the mouse movements. Although mouse listeners are not described in the SWiSH Max2 documentation, most Flash ActionScript 2 will work within SWiSH Max2.

The draw movieclip contains the Mouse Listener declaration as well as all of the drawing code. That script is shown below:

onSelfEvent (load) {
    // define the mouse listener object
    var mouseListener:Object = new Object();    // define variables to save previous x,y position and drawing status    var X0 = 0;    var Y0 = 0;    var IsDrawing = false;    mouseListener.onMouseUp = function () {        // mouse button has been released, stop drawing.        IsDrawing = false;        trace("End Drawing");    }    mouseListener.onMouseDown = function () {        // user has pressed mouse button, note initial position and        // set to drawing mode        X0 = _xmouse;        Y0 = _ymouse;        IsDrawing = true;    // show that we are now drawing.        _parent.instructions._visible = false;    // hide the instructions        trace("IsDrawing");    }    mouseListener.onMouseMove = function() {        // mouse has moved.        if (IsDrawing) {            // we are in drawing mode so draw a line            lineStyle(5, 0xFF0000, 100); // width 5, color red, alpha 100%            moveTo(X0, Y0); // move to initial x,y co-ordinates            lineTo(_xmouse, _ymouse);    // draw a line to current position            X0 = _xmouse;    // save this current position for future draw events            Y0 = _ymouse;        }    }    Mouse.addListener(mouseListener);    // add this listener script.}

All of the script resides within the onSelfEvent (load) function for the draw movieclip. This code creates the mouse listener object, defines some variables that are used for the drawing process (X0, Y0 and IsDrawing) and then defines the functions that are to be executed during MouseUp, MouseDown and MouseMove events.

The onMouseUp event simply signifies the end of drawing. When this happens the variable IsDrawing is set to false.

The onMouseDown event signifies the drawing start. The current mouse position is saved in X0, Y0 and IsDrawing is set to true. The text instructions (named ‘instructions’) has its visibility set to false to hide the instructions once drawing commences.

The onMouseMove event is called each time a mouse movement is detected. If not in drawing mode (IsDrawing is false) the function simply returns. Otherwise, lineStyle() is used to set the line width (5), color (0xFF0000 – Red) and alpha (100% – solid), the drawing position is moved to X0,Y0 using moveTo() and a line is then drawn to the current mouse position using lineTo(). The current mouse position is then saved to X0, Y0 for future drawing operations.

The Mouse.addListener(mouseListener) instruction adds the three functions defined above to the Mouse listener list causing them to be executed on those specific mouse events.

The other objects in the movie are as follows:

• Shape is simply a static rectangle sized according to the movie to act as a visible boundary.
• instructions are the text instructions. These instructions are hidden by the onMouseDown function and are re-displayed by the Events function which is called when the Button_clear button is pressed.
• Button_clear is a button from the supplied components. It is configured to call the Events function in the main movie when it is pressed. Note that the button must be named “Button_clear” in the Outline Panel for the Event script to work.

The script for the Events function is shown below:

function Events(n,v) {
    if ("Button_clear" == n) {
        draw.clear();
        instructions._visible = true;    // show the instructions
    }
}

This function resides at the level of the main movie. When called, the n parameter contains the name of the calling object, in this case it should always be “Button_clear” as no other object is configured to call the Events function.

If the function was called by Button_clear, the current drawing is cleared via the command draw.clear();

The instructions are also made visible again via the command:
instructions._visible = true;

The source draw.swi file is contained in this .zip file draw.zip. The zip file also contains drawrandom.swi, a simple extension that draws with a random color each time a the left mouse button is pressed. The line width is set according to the distance traveled since the last mouse move. The larger the distance, the thinner the line. The drawrandom.swf is below:

Have fun!

Die Frage nach einem Texteffekt wie bei Star Wars (Sci Fi) kommt immer wieder auf. Damit die Benutzung schön einfach ist, gibt es hier eine Komponente dazu. Den Download gibt es am Ende des Beitrages!

Die Komponente arbeitet ab Swismax 3 bzw. Swish Minimax 3 mit dem Release  build dates of 20090904. Die Komponente ist nicht im aktuellen Installer enthalten und kann am Ende des Beitrages herunter geladen werden.

Voraussetzungen

Flashplayer ab Version 8

Swishmax 3 oder Swish Mini Max 3

Nur 19,95 € ! inkl. Mwst!

:: Hier geht es zu den Upgrades von 2 zu Swishmax 3

(nur begrenzte Zeit)

Installation

Nach dem Download die Zip_Datei entpacken und die beiden Dateien nach

C:\Program Files\SWiSH Max3\Components\Text display kopieren.

Hinweis: Die Dateien müssen in den Unterordner / Components/Text Display von Swishmax 3 oder MiniMax 3.

In späteren Versionen wird die Komponente in der Gruppe Text display enthalten sein. Die Komponente benötigt mindestens einen Export nach Flash 8.

Parameter

Die Komponente wird sehr schnell geladen, da sie keine komplexen Zeichnungen, Grafiken oder andere große Objekte beinhaltet. Daher kann man sie gut als Vorspann für eine Seite einsetzen, während die Seite im Hintergrund lädt. Die Komponente ist aber kein Preloader, dieser sollte separat eingesetzt werden. So könnte man die Komponente z.b. in der Preloaderszene einsetzen.

Diesen Beitrag weiterlesen »

Aus immer mehr modernen Bildquellen gibt es immer größere Bilder. Diese sind oftmals zu groß für die Webseiten, sollen aber trotzdem angeschaut werden. Beispielhaft seien hier Panoramafotos genannt, die man heute mit entsprechender Software schon aus Handybildern zusammen setzen kann. Mit einer Erweiterung der Scrollbar aus Swishmax 2 kann man diese Bilder sehr gut scrollen.

In diesem Artikel geht es um das Scrollen von großen Bildern. Ausserdem fügen wir einen Preloader hinzu. Den Download gibt es wie immer am Ende.

Voraussetzungen

Swishmax 2 oder Swishminimax 2

Schritt für Schritt Anleitung Swishmax 2 /Swishminimax 2

Schritt 1.Legen Sie die Größe des Films fest. Drücken Sie Strg+j und geben Sie die Filmgröße 400×300 ein.

Schritt 2. Richten Sie das Bild aus. Das Bild muss 300 Pixel hoch sein. Benutzen Sie ein Bildbearbeitungsprogramm um das Bild auf die 300 Pixel Höhe zu bringen.

Schritt 3. Importieren Sie das Bild. Benutzen Sie Menü-> Einfügen -> Bild importieren.  Klicken Sie O=X Knopf im Transformieren Fenster und setzen Sie den Transformations und Referenzpunkt auf Links oben, Setzen Sie  _xuand _y position auf 0, 0.

Merken Sie sich die Breite des Bildes. Im Beispiel sind es 1377 Pixel. Wir benötigen die Zahl später. Diesen Beitrag weiterlesen »

Diese Komponente ermöglicht die Steuerung beim Abspielen von SWF-Dateien wie bei einem anderen Videoplayer. Mögliche Einsatzgebiete sind Präsentationen (z.b. Slideshow), eingebettete Videos im Film oder andere Animationen mit einer einfachen Zeitleise. Das Erscheinungsbild der Komponente kann angepasst werden.

Voraussetzungen

Swishmax 2 oder Swishminimax

Download wie immer am Ende der Veranstaltung.

Installation der Komponente

Schließen Sie Swishmax 2/Swishminimax.

Entpacken Sie die Dateien auf Ihrem Computer. Kopieren Sie  den Ordner Multimedia aus swishzone_simplevideo_swf.zip in Ihr Komponentenverzeichnis.

Typischerweise befindet sich dieses in

C:\Program Files\SWiSH Max2\components\
oder
C:\Program Files\SWiSH miniMax2\components\

Starten Sie Swish erneut. Sie finden die Komponente jetztin der Komponentenübersicht im entsprechenden Ordner. Diesen Beitrag weiterlesen »

Im folgenden stellen wir eine Lupe / Vergrößerungsglas für Swishmax 2 / Swishminimax vor. Um die Lupe zu benutzen einfach die Lupe über die Elemente ziehen.

Den Download gibt es wie immer am Ende.

Das Projekt demonstriert einige wichtige Techniken:

• Preloader
• startDrag und stopDrag
• Masken
• Benutzung der Bibliothek (ist nicht in SWiSH miniMax2 enthalten)

Voraussetzungen

Swishmax 2 oder Swishminimax 2

Diesen Beitrag weiterlesen »

Bis zum 24.05.2009 läuft auf www.SwishKaufen.de eine Sonderaktion für das eBook zu Swishmax 2. In diesem Buch wird der Gebrauch der Komponenten erklärt und einige Komponenten ins deutsche übersetzt und angepasst (z.B. Kalender).

Dabei beträgt der Preis nur 19,95EUR statt 34.95 € (inkl. 19,00% MwSt.). Das sind 15 € Ersparnis. Ebenfalls wurde das Upgrade für Vorgänger auf 14.95 € gesenkt, so dass hier eine Ersparnis für Besitzer des eBook für Swishmax winkt.

»zum eBook für Swishmax 2

»zum eBook für Swishmax 2

Auszug aus der Beschreibung:

Sparen Sie Zeit und lernen Sie schneller Swishmax 2 kennen und benutzen. Dieses Buch gibt einen Überblick und Einstieg zum Umgang mit Swish Max 2 . Der Schwerpunkt des Buches liegt in der Einführung in Swish Max 2 und der Erläuterung von praxisbezogenen Beispielen. Bringen Sie Ihre eigene Webseite inkl. Bildergalerie schneller und bequemer online.
Das eBook beinhaltet:
• Über 700 Seiten
• Mit mehr als 1000 Bildern
• Über 80 mitgeliefert SWI- Dateien
• Beispiel für Bildergalerie
• Komplette Webseite
• MP3 ein- und ausblenden
• Grundlagen Scripting

»zum eBook für Swishmax 2

Diese Sammlung von MP 3 Player Komponenten für Swishmax 2 sind einfach zu benutzen. Es können einfach MP3-Dateien geladen werden. Über die Parameter werden schnell Einstellungen zur Anzeige von Titel, Track und Künstler vorgenommen. Es können Loops endlos abgespielt und eine Startlautstärke festgelegt werden. Beim Equalizer können Anzahl der Balken, Farbe und Ausschläge angepasst werden.

MP 3 PLayer

Diese MP3 Player sind in zukünftigen Versionen von Swishmax 2 und Swishminimax 2 enthalten. Den Download finden Sie am Ende.

Voraussetzungen

Swishmax 2 oder Swishminimax 2

Installation der Komponente

Schließen Sie Swishmax 2/Swishminimax.

Entpacken Sie die Dateien auf Ihrem Computer. Kopieren Sie  SimpleMP3_01-03.swi und SimpleMP3_01.png in den Komponentenfolder von SWiSH Max2 oder SWiSH miniMax2.

Am besten erstellen Sie einen Ordner MP3-Player.

Typischerweise befinden sich diese in

C:\Program Files\SWiSH Max2\components\
oder
C:\Program Files\SWiSH miniMax2\components\

Starten Sie Swish erneut. Sie finden die Komponente jetztin der Komponentenübersicht im entsprechenden Ordner.

ACHTUNG WICHTIG!

Der Flashplayer unterstützt nur Dateien mit 11kHz, 22kHz oder 44kHz.

Benutzung

Gehen Sie zum Komponentenpanel und wählen Sie einen MP3 Player aus. Diesen Beitrag weiterlesen »

Die Eselsohren oder Flashecken für Flashfilme werden mit am häufigsten nachgefragt. Das im folgenden vorgestellte “peelaway” funktioniert in Swishfilmen und ist als Komponente realisiert. Die Benutzung in Swishmax 2 und Swishminimax ist somit recht einfach. Das Eselsohr funktioniert nicht als Layer über HTMl-Seiten. Dafür empfehlen wir das sehr robuste Script vom XML-Peel, dass ausserdem sehr einfach anzupassen ist.

Die Ecke kann für vielfältige Zwecke eingesetzt werden. Ob nun Werbung oder Kontrollen für Musikplayer oder weitere Informationen, der Vorteil ist, dass Elemente ausgelagert werden und somit der Hauptbildschirm von unnöitgem Balast verschont wird.

Unglücklicherweise ist die Entwicklung solcher Ecken sehr schwierig. Daher wurde die Komponente “peelaway” entwickelt. Die Komponente wird in kommenden Versionen von Swishmax 2 und Swishminimax enthalten sein.

Voraussetzungen

Swishmax 2 oder Swishminimax 2

Hier ist ein Beispiel für die Funktionsweise des Peels.

Die Komponente kann wie gewohnt über Parameter konfiguriert werden. Die Parameter für das Beispiel sind rechts in dem Screenshot zu sehen. Die Farbparameter sind selbsterklärend. Die anderen Parameter werden weiter unten erklärt.

Closed Fold – Geschlossener Ordner – Das ist der Wert für das Eselsohr, dass bei geschlossenem Peel umgeklappt ist. Die Größe wird in Pixel angegeben. Hier kann auch 0 angegeben werden, aber nicht, wenn Mouse Over Area auf fold gesetzt wird, da sonst keine Reaktion auf die Maus erfolgt.

Maximum Fold – Die maximale Größe beim Ausklappen in %, wobei die kürzeste Seite berücksichtigt wird. Die Größe beinhaltet den Fold-Radius. Setzen Sie den Wert am Anfang auf 100 und probieren Sie andere Werte aus.

Fold Radius – Der Radius der Ecke. 30 sah im Beispiel am besten aus.  Eine kleinere Nummer gibt eine kleinere Ecke.

Fold Speed – Die Geschwindigkeit, je größer der Wert, desto schneller klappt die Ecke auf.

Event Function – Die Funktion, die aufgerufen wird, wenn ein Ereignis der Komponente aufgerufen wird. Folgende Ereignisse stehen zur Verfügung:

Opened – Das Peel ist komplett geöffnet Diesen Beitrag weiterlesen »

Beschreibung

Diese Komponente fügt einen numerischen Stepper zu Ihrem Film hinzu.

Beim Ändern der Werte wird die Event function im Parameter EventFunction aufgerufen.

Der aktuelle Status der Swishmax 2 Komponente kann über die Variable, die im Value Parameter definiert wird, abgefragt werden.

Voraussetzungen

Flash Export version	SWF 7 oder besser
SWiSH Max version	v2, build 20080505 oder besser
Software:
Swishmax 2	Swishminimax 2

Parameter

Text Font

Um die Schrift anzupassen öffnen Sie in der Übersicht die Komponente. Wählen sie das Textobjekt num . Ändern Sie die Schrift über das Eigenschaftenfenster.

Ändern Sie nicht den Referenzpunkt oder den Namen des Textobjektes, eine Änderung verhindert das korrekte Funktionen der Komponente.

Eigenschaften

Auf die folgenden Eigenschaften können Sie mit  Objektname.Eigenschaft zugreifen. Der Objektname ist der endgültige Name des Objektes in Ihrem Film. Damit können Sie die Startwerte des Objektes überschreiben.

Methoden

Es werden keine Mehtoden unterstützt.

Beispiel

Ein Beispiel für die Komponente finden Sie in Beispiele| Komponenten | lists_example.swi

Hinweis: In diesem Beispiel wird eine allgemeine Funktion von NumericStep_silver und TextStep_silver Komponenten genutzt.

Ein Beispiel für die Benutzung der Funktion:

Das Script fügt den Wert und Namen des Steppers an das Ende einer Scrolltextbox (textscroll) hinzu.

function Events(name,value) {
  var s:String = "Events(" add name add ", " add value add ") called" add newline;
  // fügt Name und Wert an das Ende der Scrollbox hinzu
  _root.textscroll.AppendText(s);
}

Diese Komponente ist in Swishmax 2 und Swishminimax enthalten.

ebook Swishmax 2 für Einsteiger

History