In der guten alten Zeit vor AS3 (*seufz* 
) war es sehr leicht, abzufragen, ob ein Sound fertig abgespielt ist, um beispielsweise den nächsten Sound oder denselben erneut abspielen zu lassen.
Heute scheint das nicht ganz so einfach zu sein, auch wenn das AS3-Referenzhandbuch eigentlich behauptet, dass es einen ganz einfachen Weg gibt. Continue reading
Manchmal möchte man ein Navigationselement nur bei Bedarf anzeigen lassen, da es vielleicht zu viel Raum einnimmt oder sonstwie stört, wenn es ganz angezeigt wird. Im “geschlossenen” Zustand bleibt dann lediglich eine kleine “Lasche” übrig, die überrollt oder geklickt werden kann, um das Element zu “öffnen”. Continue reading
Abb. 1
Die vertikalen Streifen in Abb. 1 können geklickt werden und führen dazu, dass alle Streifen geschlossen werden und der eine geklickte geöffnet wird. Es ist also zu jedem Zeitpunkt immer genau ein Streifen geöffnet. Im Beispiel wurde Streifen “2″ geklickt. Continue reading
Im vorliegenden, recht speziellen Fall geht es darum, gleich mehrere angezeigte Thumbnails einer Bildergalerie auszutauschen, wenn User einen passenden Button klicken.
Ein Klick auf ein Thumbnail soll das passende große Bild laden und anzeigen. Continue reading
Hier wieder ein Artikel, der einen bereits für AS2 verfügbaren Artikel mit AS3-Syntax zeigt. In diesem Fall wird dieser AS2-Artikel (“Movieclips im Raster darstellen”) portiert.
Insbesondere bei Umsetzungen von Bildergalerien, aber auch in anderen Fällen, wird oft ein Weg gesucht, Inhalte rasterartig anzuordnen, also nicht nur unter- oder nebeneinander, sondern beides. Continue reading
Oft kommt es vor, dass man mehrere Buttons (oder Movieclips) hat, auf die User klicken können sollen, und steht vor der Frage, wie man es umgeht, für jeden Button (oder Movieclip) eine eigene Event-Handler-Funktion zu programmieren. Eins vorweg: Es gibt mehrere Möglichkeiten. Hier wird eine davon gezeigt, die die String-Methode substr() benutzt. Continue reading
Abb. 1: Menü mit roter Linie als Highlight
Unter Navi(gation)-Highlighting versteht man das Hervorheben des aktuellen Menüpunkts zur besseren Orientierung der NutzerInnen. Zur Hervorhebung kann wie in der Abbildung 1 ein zusätzliches Element für das Highlight genutzt werden, z.B. eine Linie, die unter dem jeweils aktuellen Menüpunkt angezeigt wird. Eine weitere Idee ist es, dem aktuellen (oder: selektierten) Menüpunkt eine andere Farbe zu geben. Dies wird weiter unten beschrieben.
Für das direkt folgende Beispiel wurden drei Buttons (“menu_1″, “menu_2″ und “menu_3″) und ein Movieclip (“sel”) so angeordnet wie in Abbildung 1 oben zu erkennen. Um das Menü mit Funktionalität auszustatten und die rote Linie unter den jeweils geklickten Menüpunkt zu verschieben, könnten wir diese wenigen Zeilen verwenden:
menu_1.addEventListener(MouseEvent.CLICK, onClick);
menu_2.addEventListener(MouseEvent.CLICK, onClick);
menu_3.addEventListener(MouseEvent.CLICK, onClick);
function onClick (event:MouseEvent):void {
// ermittele, welcher Menüpunkt (von drei möglichen)
// tatsächlich geklickt wurde
if ( event.currentTarget.name == "menu_1" ) {
// es wurde button A geklickt, mach was!
sel.x = 20;
} else if ( event.currentTarget.name == "menu_2" ) {
// es wurde button B geklickt, mach was!
sel.x = 120;
} else if ( event.currentTarget.name == "menu_3" ) {
// es wurde button C geklickt, mach was!
sel.x = 220;
}
}
Abb. 2: Menü mit weißem Highlight
Im zweiten Beispiel wird auf die Verwendung von Buttons verzichtet. An ihrer statt werden drei Movieclips eingesetzt, die in ihrer eigenen Zeitleiste jeweils drei Frames tragen, worin das Rechteck jeweils eine andere Farbe hat: Frame 1 enthält den “Normal”-Zustand, Frame 2 den “Überrollt”-Zustand und Frame 3 den “Selektiert”-Zustand. Durch geeignete Programmierung wird jeder Movieclip in das gerade benötigte Frame geschickt.
In der Variablen isSelected merken wir uns hier, ob der betreffende Menüpunkt der selektierte ist und fragen hier und dort den Zustand dieser Variablen ab, um den Farbwechsel nur in bestimmten Fällen zu erlauben.
mp_1.isSelected = false;
mp_2.isSelected = false;
mp_3.isSelected = false;
// regelt umfärbung bei überrollen
mp_1.addEventListener(MouseEvent.ROLL_OVER, onRollOverMP);
mp_2.addEventListener(MouseEvent.ROLL_OVER, onRollOverMP);
mp_3.addEventListener(MouseEvent.ROLL_OVER, onRollOverMP);
// regelt umfärbung bei rausrollen
mp_1.addEventListener(MouseEvent.ROLL_OUT, onRollOutMP);
mp_2.addEventListener(MouseEvent.ROLL_OUT, onRollOutMP);
mp_3.addEventListener(MouseEvent.ROLL_OUT, onRollOutMP);
// regelt umfärbung bei klicken
mp_1.addEventListener(MouseEvent.CLICK, onClickMP);
mp_2.addEventListener(MouseEvent.CLICK, onClickMP);
mp_3.addEventListener(MouseEvent.CLICK, onClickMP);
function onClickMP (event:MouseEvent):void {
reset ();
event.currentTarget.gotoAndStop(3);
event.currentTarget.isSelected = true;
}
function onRollOverMP (event:MouseEvent):void {
if (event.target.isSelected == false) {
event.target.gotoAndStop(2);
}
}
function onRollOutMP (event:MouseEvent):void {
if (event.target.isSelected == false) {
event.target.gotoAndStop(1);
}
}
function reset ():void {
mp_1.gotoAndStop(1);
mp_2.gotoAndStop(1);
mp_3.gotoAndStop(1);
mp_1.isSelected = false;
mp_2.isSelected = false;
mp_3.isSelected = false;
}
Flash bietet eine Reihe von Ereignissen, deren Eintreten abgefragt und mit dem Ausführen von Code verknüpft werden kann. Continue reading
Folgende Tags sind ab Player-Version 6 möglich:
<font size=""></font> <font color=""></font> <font face=""></font> <font letterspacing=""></font> <font letterspacing=""></font> <b></b> <i></i> <u></u> <p></p> <a href="" target=""></a> <img src="" height="" width="" align="" hspace="" vspace="" id=""/> <li></li> <br /> <span class=""></span> <textformat tabstops='[...,...,...]'></textformat> <textformat leading=""></textformat> <textformat blockindent=""></textformat> <textformat indent=""></textformat> <textformat leftmargin=""></textformat> <textformat rightmargin=""></textformat>