Besluit welk type knop het beste aansluit bij uw vereisten.
Knopsymbool
De meeste mensen kiezen voor knopsymbolen omdat deze zo flexibel zijn. Knopsymbolen bevatten een speciale interne tijdlijn voor de toestanden van de knop. Het is heel eenvoudig visueel verschillende toestanden Omhoog, Omlaag en Boven te maken. De toestand van knopsymbolen wordt ook automatisch aangepast aan handelingen van gebruikers.
Filmclipknop
Met een filmclipsymbool kunt u geavanceerde knopeffecten creëren. Filmclipsymbolen kunnen vrijwel elk type inhoud bevatten, inclusief animatie. Filmclipsymbolen beschikken echter niet over geïntegreerde toestanden Omhoog, Omlaag en Boven. Deze toestanden maakt u zelf met gebruik van ActionScript. Een nadeel is wel dat filmclipbestanden groter zijn dan knopbestanden. Gebruik de volgende bronnen om te leren hoe u een knop met een filmclipsymbool maakt.
Zelfstudie: Filmclipknoppen (ActionScript 3.0, Schoolofflash.com)
Video: Een filmclipknop maken (ActionScript 2.0, Kirupa.com)
ActionScript-knopcomponent
Gebruik een knopcomponent als u alleen een standaardknop of een schakelknop nodig hebt die u niet op geavanceerde wijze wilt aanpassen. Zowel in ActionScript 2.0 als in 3.0 bevatten knopcomponenten geïntegreerde code die wijzigingen in de toestand mogelijk maakt. U hoeft de vormgeving en het gedrag van knoptoestanden dus niet te definiëren. U sleept de component gewoon naar het werkgebied.
U kunt ActionScript 3.0-knopcomponenten wel enigszins aanpassen. U kunt de knop aan andere componenten binden en toepassingsgegevens delen en weergeven. De componenten beschikken over geïntegreerde functies, zoals ondersteuning voor toegankelijkheid. Er zijn Button-, RadioButton- en CheckBox-componenten beschikbaar. Zie De Button-component gebruiken in Adobe ActionScript 3.0-componenten gebruiken voor meer informatie. Zie de AS3 Button-component, snel aan de slag voor voorbeelden van het gebruik van de component Button.
In ActionScript 2.0 kunt u Button-componenten niet aanpassen. De component maakt wijzigingen in de toestand mogelijk. Zie De component Button voor meer informatie.
Het frame Actief
Het gebied dat reageert op klikken van de gebruiker. Het definiëren van een Actief-frame is optioneel. Het kan handig zijn dit frame te definiëren in geval van kleine knoppen of niet-aangrenzende grafische gebieden.
De inhoud van het frame Actief is tijdens het afspelen niet zichtbaar in het werkgebied.
De afbeelding voor het frame Actief moet een effen gebied zijn dat groot genoeg is om alle grafische elementen voor de frames Omhoog, Omlaag en Boven te bevatten.
Als u geen frame Actief opgeeft, wordt de afbeelding voor de toestand Omhoog gebruikt.
U kunt een knop maken die reageert wanneer op een ander gedeelte van het werkgebied wordt geklikt of wanneer de muis erboven wordt geplaatst (dit wordt ook wel een rollover-koppeling genoemd). Plaats de afbeelding voor het frame Actief op een andere locatie dan de afbeeldingen voor de andere knopframes.
Koppel een handeling aan de knop.
Voeg de ActionScript-code toe aan de tijdlijn als u wilt dat er iets gebeurt wanneer de gebruiker een knop selecteert. Plaats de ActionScript-code in dezelfde frames als de knoppen. Het deelvenster Codefragmenten beschikt over vooraf geschreven ActionScript 3.0-code voor vele verschillende knopgebruiken. Zie Interactiviteit toevoegen met codefragmenten.
Opmerking:
ActionScript 2.0 is niet compatibel met ActionScript 3.0. Als uw Flash-versie gebruikmaakt van ActionScript 3.0, kunt u geen ActionScript 2.0-code in een knop plakken (en andersom). Controleer of uw versie compatibel is voordat u ActionScript uit een andere bron in uw knoppen plakt.
U kunt een knop interactief maken door een instantie van het knopsymbool in het werkgebied te plaatsen en vervolgens handelingen aan de instantie toe te wijzen. U wijst de handelingen toe aan de hoofdtijdlijn van het FLA-bestand. Voeg geen handelingen toe aan de tijdlijn van het knopsymbool. Als u handelingen aan de knoptijdlijn wilt toevoegen, kunt u beter een filmclipknop gebruiken.
Typ een naam in het dialoogvenster Nieuw symbool maken. Selecteer Knop als het symbooltype.
Flash Pro schakelt over naar de symboolbewerkmodus. De tijdlijn verandert om vier opeenvolgende frames weer te geven met de labels Omhoog, Boven, Omlaag en Actief. Het eerste frame, Omhoog, is een leeg hoofdframe.
U kunt de knopafbeelding voor de toestand Omhoog maken door het frame Omhoog te selecteren in de tijdlijn. Gebruik vervolgens de tekengereedschappen, importeer een afbeelding of plaats een instantie van een ander symbool in het werkgebied.
U kunt grafische symbolen of filmclipsymbolen in een knop gebruiken, maar u kunt niet een ander knopsymbool gebruiken.
Als u een geluid wilt toewijzen aan een toestand van de knop, selecteert u het frame van die toestand in de tijdlijn en kiest u Venster > Eigenschappen. Selecteer vervolgens een geluid in het menu Geluid in de Eigenschapcontrole. Alleen geluiden die u al hebt geïmporteerd, verschijnen in het menu Geluid.
Kies Besturing > Film testen > Testen om de functionaliteit van een knop te testen. U kunt de toestanden van een knopsymbool in het werkgebied ook voorvertonen door Besturing > Eenvoudige knoppen inschakelen te selecteren. Op deze manier kunt u de toestanden Omhoog, Boven en Omlaag van een knopsymbool weergeven zonder dat u de opdracht Besturing > Film testen > Testen hoeft te gebruiken.
Sommige items tonen de interface van Flash CS3 of CS4, maar zijn nog steeds van toepassing op Flash CS5.
Video: Knoppen maken (9:16, tv.adobe.com)
Video: Knopsymbolen en interactiviteit in Flash CS4 (Inclusief ActionScript 3.0, tv.adobe.com)
Lesbestand: Knopsymbolen in Flash (Inclusief ActionScript 3.0, Kirupa.com)
Voorbeeld: deel van animatieportfolio (Flash Professional) (Adobe.com)
Voorbeeld: ActionScript 3.0 gebruiken om een webpagina te openen met een knop (Flashthusiast.com)
Voorbeeld: ActionScript 2.0 gebruiken om een webpagina te openen met een knop (Adobe.com)
Voorbeeld: ActionScript 3.0 gebruiken om met knoppen te springen naar verschillende scènes in de tijdlijn (Flashthusiast.com)
Voorbeeld: ActionScript 3.0 gebruiken om meerdere knoppen tegelijk in het werkgebied te maken (Flashthusiast.com)
TechNote: Een eenvoudige knop maken (Adobe.com)
Standaard blijven knopsymbolen in Flash Pro uitgeschakeld als u ze maakt. Selecteer een knop en schakel deze in om te zien hoe de knop reageert op muisgebeurtenissen. U kunt knoppen tijdens het werken het beste uitschakelen en ze pas inschakelen als u hun functionaliteit snel wilt testen.
Selecteer een knop door met het selectiegereedschap een selectievak rond de knop te slepen.
Kies Besturing > Eenvoudige knoppen inschakelen om de knoppen in het werkgebied in of uit te schakelen. Deze opdracht fungeert als een schakelknop tussen de twee toestanden.
U kunt een knop verplaatsen met de pijltoetsen.
Gebruik de Eigenschapcontrole om een knop te bewerken. Kies Venster > Eigenschappen als de Eigenschapcontrole niet wordt weergegeven.
Kies Besturing > Eenvoudige knoppen inschakelen als u de knop in de ontwerpomgeving wilt testen.
Kies Besturing > Film testen (of Scène testen) > Testen als u de knop in Flash Player wilt testen. Dit is de enige manier waarop u filmclipknoppen kunt testen.
Selecteer een knop in de bibliotheek en klik op Afspelen om de knop in het voorbeeldvenster van de bibliotheek te testen.
TechNote: Knopacties functioneren niet (Adobe.com)
TechNote: Knophotspots zijn actief, ook al worden de knoppen bedekt door andere objecten (Adobe.com)
TechNote: Acties toevoegen aan gedeelde knoppen (Adobe.com)
Video: Problemen oplossen met ActionScript 2.0-knopsymbolen (Kirupa.com)
TechNote: Een nieuwe knop maken (Adobe.com)
TechNote: Geavanceerde knoppen maken (Adobe.com)
TechNote: Een roll-outanimatie voor een knop maken (Adobe.com)
TechNote: Een resetknop maken (Adobe.com)
TechNote: Hoe kan één knop verschillende handelingen uitvoeren op verschillende momenten? (Adobe.com)
TechNote: Een Terug-knop maken in een SWF-bestand (Adobe.com)
Twitter™ en Facebook-posts vallen niet onder de voorwaarden van Creative Commons.