tutorial flash checkbox component

flash checkbox component

_{door vinTage op 13-05-2007}

In deze flash component checkbox tutorial leg ik uit hoe je de checkbox component via de component inspector configureert en via actionscript.
Natuurlijk leer je ook bij hoe je de waarde gebruikt die de checkbox heeft.

We spreken hier over onderstaande component

flash voorbeeld

Download de gratis flash plugin
Normaal zou hier dit voorbeeld moeten staan.

Een component hoef je maar één keer uit de componentlijst(CTRL+F7) te halen, daarna zit hij ook in de library (F11).
Als je dus meer dan één checkbox wilt gebruiken, dan sleep je die gewoon vanuit de library op je werkblad.

checkbox via de component inspector configureren

Sleep je checkbox uit de components lijst (CTRL + F7)
Open de component inspector (ALT+f7 met de component geselecteerd ).
Deze inspector lijkt me vanzelfsprekend, maar hier toch nog een illustratie ter verduidelijking.

label: is de text die bij je checkbox hoort.
labelPlacement: zegt waarde text moet staan, links rechts erboven, eronder.
selected: of het vinkje er al wel of niet moet staan.

De flash checkbox via actionscript configureren.

actionscript code

mijnCheckbox.label = "een checkbox;";  //de text tussen quotes zal dienst doen als label

mijnCheckbox.labelPlacement = "right"; //left, right, top of bottom

mijnCheckbox.selected = true;          //true of false

De settings van de component inspector worden overschreven door de waardes die we zetten via actionscript.

waarde opvragen van de flash checkbox component

Via value kunnen we de waarde opvragen van de checkbox.
Als we de waarde veranderen, dan willen we natuurlijk gelijk de nieuwe waarde weten, dat kunnen we doen vie een listener.

actionscript code

trace("De huidige waarde van de checkbox is "+mijnCheckbox.value);

var checkBoxListener:Object = new Object();

checkBoxListener.click = function(evt:Object) {

  trace("De huidige waarde van de checkbox is "+mijnCheckbox.value);

};

mijnCheckbox.addEventListener("click", checkBoxListener);

download de fla ter ondersteuning.

Share |

Stem op deze tutorial

Reacties

Je bent niet ingelogged, je kan geen commentaar geven, of commentaren lezen over deze tutorial.