Toevoegen aan en verwijderen uit een document

U kunt een component aan een document toevoegen door deze vanuit het deelvenster Componenten te slepen. U kunt eigenschappen instellen voor elke instantie van een component in Eigenschapcontrole of op het tabblad Parameters in Componentcontrole.

1. Selecteer Venster > Componenten.

2. Dubbelklik op de component in het deelvenster Componenten of sleep de component naar het werkgebied.

3. Selecteer de component in het werkgebied.

4. Wanneer Eigenschapcontrole niet zichtbaar is, selecteert u Venster > Eigenschappen > Eigenschappen.

5. Voer in Eigenschapcontrole een instantienaam in voor de componentinstantie.

6. Selecteer Venster > Eigenschapcontrole en Component inspector en selecteer het tabblad Parameters tab om parameters voor de instantie op te geven.

   Zie Parameters en eigenschappen instellen voor meer informatie.

7. Wijzig de grootte van de component naar wens door de waarden voor de breedte (W) en hoogte (H) te bewerken.

   Zie UI-componenten aanpassen voor meer informatie over het instellen van de grootte van specifeke componenttypen.

8. Selecteer Besturing > Film testen of druk op Ctrl+Enter om het document te compileren en de resultaten van uw instellingen weer te geven.

   U kunt ook de kleur en tekstopmaak van een component wijzigen door de stijleigenschappen van de component in te stellen of het uiterlijk aan te passen door de skins van de component te bewerken. Zie UI-componenten aanpassen voor meer informatie over deze onderwerpen.

   Wanneer u tijdens het ontwerpen een component naar het werkgebied sleept, kunt u naar de component verwijzen door de instantienaam te gebruiken (bijvoorbeeld myButton ).

Wanneer u met ActionScript een component bij uitvoering aan een document wilt toevoegen, moet de component in de bibliotheek van de toepassing staan (Venster > Bibliotheek) wanneer het SWF-bestand wordt gecompileerd. Wanneer u een component aan de bibliotheek wilt toevoegen, sleept u de component van het deelvenster Componenten naar het deelvenster Bibliotheek. Zie Het deelvenster Bibliotheek voor meer informatie over de bibliotheek.

U moet ook het klassebestand van de component importeren zodat de API ervan beschikbaar is voor uw toepassing. Klassebestanden van componenten zijn in pakketten geïnstalleerd die één of meer klassen bevatten. Wanneer u een componentklasse wilt importeren, gebruikt u de aanwijzing import en geeft u de pakketnaam en klassenaam op. U kunt bijvoorbeeld de klasse Button importeren met de volgende aanwijzing import :

import fl.controls.Button;

Zie de Naslaggids voor ActionScript 3.0 voor Adobe Flash Professional CS5 als u wilt weten in welk pakket een component is opgenomen. Zie Werken met componentbestanden voor meer informatie over de locatie van componentbronbestanden.

Wanneer u een instantie van de component wilt maken, moet u de ActionScript-constructormethode van de component aanroepen. Met de volgende instructie maakt u bijvoorbeeld een instantie van een Button met de naam aButton :

var aButton:Button = new Button();

In de laatste stap wordt de statische methode addChild() aangeroepen om de componentinstantie aan het werkgebied of de toepassingscontainer toe te voegen. In de volgende instructie wordt bijvoorbeeld de instantie aButton toegevoegd:

addChild(aButton);

U kunt nu de API van de component gebruiken om dynamisch de grootte en positie in het werkgebied op te geven, naar gebeurtenissen te luisteren en eigenschappen in te stellen om het gedrag aan te passen. Zie de Naslaggids voor ActionScript 3.0 voor Adobe Flash Professional CS5 voor meer informatie over de API voor een bepaalde component.

Voor meer informatie over de methode addChild() raadpleegt u Werken met het weergaveoverzicht .

U kunt een componentinstantie uit het werkgebied verwijderen tijdens het ontwerpen door deze te selecteren en op Delete te drukken. De instantie wordt uit het werkgebied verwijderd, maar de component wordt niet uit uw toepassing verwijderd.

U kunt een component uit uw Flash-document verwijderen nadat u deze in het werkgebied of de bibliotheek hebt geplaatst. Verwijder de component en de bijbehorende elementen uit de bibliotheek. Het is niet voldoende om de component uit het werkgebied te verwijderen. Wanneer u de component niet uit de bibliotheek verwijdert, wordt deze tijdens het compileren in uw toepassing opgenomen.

1. Selecteer in het deelvenster Bibliotheek het symbool voor de component.

2. Klik op de knop Verwijderen onder in het deelvenster Bibliotheek of selecteer Verwijderen in het optiemenu van het deelvenster Bibliotheek.

   Herhaal deze stappen om alle elementen die aan de component zijn gekoppeld te verwijderen.

   Voor meer informatie over hoe u een component uit de container verwijdert terwijl de toepassing actief is, raadpleegt u Een component verwijderen uit het weergaveoverzicht .