Hoe maak je een knop in Flash CS4 maken

Maak een knop van een afbeelding en de tekst

1. 1
   Open een nieuw document in Flash CS4.
2. 2
   Kies een afbeelding voor uw knop. U kunt ofwel een vorm tekenen en selecteer deze of kies een bestaande afbeelding.
   • Als u een afbeelding te gebruiken van uw browser, dan moet je het op te slaan op uw harde schijf en vervolgens sleep de afbeelding in uw document. U kunt niet kopiëren en plakken een afbeelding van uw browser in Flash.
   • U kunt ook een opgeslagen afbeelding in het document door te kiezen voor Bestand> Importeren> Importeren naar Stage.
3. 3
   Tekst toe te voegen aan uw knop. Selecteer de tekst gereedschap in het deelvenster Gereedschappen en schrijf uw tekst naast de afbeelding.
4. 4
   Gebruik uw cursor naar zowel het beeld en de tekst te selecteren. Start de Convert to Symbol dialoogvenster door op F8 of door het selecteren van Wijzigen> Converteren.
5. 5
   Typ de naam "SimpleButton" in het veld en kies de knop uit het drop-down menu naast typen. Klik op OK als u klaar bent.

Definieer de knopstatussen

1. 1
   Dubbelklik op de knop en selecteer Bewerken in plaats van het drop-down menu.
2. 2
   Bekijk uw tijdlijn. Je moet koppen die zeggen Up, Over, omlaag zien en Hit.
3. 3
   Klik met de rechtermuisknop op de layer 1 en kies insert laag. De volgorde van de lagen zodat Layer 1, die uw beeld en tekst bevat, is op de top.
4. 4
   Selecteer alle 3 frames in de boven kolom. De loop kolom bepalen hoe je de knop wordt weergegeven wanneer u de muisaanwijzer eroverheen. Klik met de rechtermuisknop en kies Invoegen Hoofdframe uit het drop-down menu.
5. 5
   Klik op de meer dan keyframe in laag 2. Wanneer de knop verschijnt, gebruik je line tool om een ​​rechte lijn te trekken onder de tekst van uw knop. Uw Layer 2 keyframe verschijnt solide op de tijdlijn.
6. 6
   Selecteer de laag 3 keyframe onder voorbij. Teken een rechthoek die is net groot genoeg om je de knop omringen. Wanneer uw cursor zweeft boven de knop, ziet u nu een onderstreping en een rechthoek verschijnen samen met de toets.
7. 7
   Kies de kolom naar beneden, klik met de rechtermuisknop en kies steek keyframe. Zorg ervoor dat uw Omlaag column blijft gemarkeerd.
8. 8
   Klik op de rechthoek aan de linkerkant van de up kolomkop. De kleur van de knop de hover een andere kleur. Door dit te doen zal je de knop in staat om kleuren te veranderen wanneer u erop klikt.

Voeg de code

1. 1
   Gebruik de cursor om uw knop te selecteren. Typ de naam "myButton" in het veld Naam van het paneel Properties.
2. 2
   Druk op F9 om het paneel acties te openen. Voer de volgende code in het venster Acties:
   • functie setupEvents () {
   • / / Associate evenementen met event handlers
   • myButton.addEventListener (MouseEvent.CLICK, clickButtonHandler);
   • myButton.addEventListener (MouseEvent.MOUSE_OVER, hoverButtonHandler);
   • }
   • setupEvents ();
   • functie clickButtonHandler (e: MouseEvent) {
   • trace ("geklikt Button!");
   • }
   • functie hoverButtonHandler (e: MouseEvent) {
   • trace ("zweefde over Button!");
   • }
3. 3
   Kies Besturing> Film testen> test commando. Uw aanvraag wordt dan weergegeven in de Flash Player-venster.
4. 4
   Beweeg en klik op uw knoop. Het venster Uitvoer zal tekst weergeven zoals "zweefde over Button!" of "geklikt Button!" afhankelijk van de acties die je nam.