Benutzerdefinierter Mauszeiger (Teil 1 von 2)

[Madokan]

Benutzerdefinierter Mauszeiger

So meine Lieben hier ein Tutorial um einen benutzerdefinierten
Mauszeiger zu erzeugen, der jedoch noch etwas mehr drauf haben soll.

Mit Flash 5 ist es nun kein Problem mehr einen benutzerdefinierten
Mauszeiger zu erstellen. Das einzige Problem das wir dabei zu lösen
haben, ist wie geht das und was ist zu beachten.

Maus sichtbar - Maus unsichtbar

Wir haben in Flash nun die Möglichkeit den Systemzeiger von der
Bildfläche zu werfen. Dies funktioniert mit dem sog. Maus-Objekt.
Hier stehen uns zwei Funktion zur Verfügung. Entweder der Systemzeiger
soll angezeigt werden oder er soll versteckt werden.

Wie man sieht kann man hierbei schonmal nicht viel falsch machen.

So nun kommen wir zur eigentlichen Frage, aus was muß ein Benutzerdefinierter
Mauszeiger eigentlich bestehen ?

Diese Frage ist ebenfalls recht einfach zu beantworten. Wir benötigen
eine Filmsequenz oder kurz einen MC (aus dem engl. MovieClip). Diese
Filmsequenz muß keine besondere Form aufweisen, ein einfaches Objekt
wie ein Kreis oder ein Pfeil reichen, da völlig aus.

Eine Filmsequenz zu erstellen wird uns nicht schwer fallen - einfach
den Menüpunkt Einfügen -> Neues Symbol wählen und eine Filmsequenz mit
dem Namen meinZeiger erstellen.

Nun folgt der nächste Schritt, wie bekommen wir die Filmsequenz dazu
an die Stelle des Systemzeiger zu tretten ?

Auch dieses Problem läßt sich relativ einfach lösen, wir haben nun eine
Filmsequenz und in Flash gibt es für diese Art von Symbole auch eine
eigene Objektkategorie. Soll heissen nun geht es an die Programmierung.

Wir klicken auf die Filmsequenz (1xmal) und öffnen uns mit hilfe des
Instanz-Panels den Actionscript-Editor (kleiner Blauer Pfeil der nach
rechts oben deutet) oder wir führen einen doppel-Click auf die Filmsequenz
aus mit gedrückter ALT-Taste, die Kombination öffnet uns ebenfalls den
Actionscript-Editor.

Los geht's

Da wir nun den Actionscript-Editor vor uns haben können wir mit der eigentlichen
Arbeit beginnen.

Wir wollen die Filmsequenz an den Systemzeiger bekommen, diese soll den
Systemzeiger sogar ersetzen. Die Actionscript-Anweisung dazu lautet startDrag()
und gehört zur Methode (Funktion) der Filmsequenz. Folgende Skriptzeilen sollten
uns nun vorliegen:

PHP-Code:

onClipEvent (load) {
    startDrag ("");
} 


Was hier nur noch fehlt ist der verweis auf die akt. betroffene Filmsequenz, das
sog. Ziel. Hier sollte man um die Sache zu vereinfachen den relativen Instanzverweis
verwenden - in Flash lautet der Instanzverweis this. Die Skriptzeilen sollten anschließend,
wie folgt ausschauen:

PHP-Code:

onClipEvent (load) {
    startDrag (this);
} 


Nun könnten wir bereits einen ersten Test durchführen, aber wir sollten uns um eine
Kleinigkeit kümmern, nämlich um die Zentrierung. Damit die Filmsequenz auch die richtige
Position einnimmt muß der Methode startDrag noch etwas hinzugefügt werden:

PHP-Code:

onClipEvent (load) {
    startDrag (this,true);
} 


FS Mauszeiger

Der Systemzeiger muß wech

So nun werden wir sehen wie die Filmsequenz am Systemzeiger hängt. Zufrieden, naja
noch nicht da wäre noch das Problem mit dem Systemzeiger, dieser sollte ja
durch unsere Filmsequenz ersetzt werden und d.h. wir wollen Ihn natürlich auch
nicht mehr sehen !

Nun gut diese Problem können wir mit Hilfe des Maus-Objekt lösen, das wir bereits
kennengelernt haben - hier die zusätzlichen Angaben in unserem Skript um den
Systemzeiger zu entfernen - ich betone ohne die Funktionsfähigkeit unseres
Benutzerdefinierten Mauszeigers negativ zu beeinflussen:

PHP-Code:

onClipEvent (load) {
    startDrag (this, true);
    Mouse.hide();
} 


So nun wäre das auch erledigt. Der letzte Schritt um die Funktionalität unseres
Zeigers zu überprüfen, wäre einen kleinen Schalter mit drei Zuständen zu konstruieren
und einen zweiten Testdurchlauf zu starten.

FS Mauszeiger (Funktionstest)

Beispiele (Teil 1):

FS Mauszeiger
FS Mauszeiger (Funktionstest)

Dies war Teil 1 von 2 - Teil 2 gibt es spätestens am Sonntag.

mfg
Matze K.