De component ScrollPane aanpassen

U kunt een component ScrollPane horizontaal en verticaal aanpassen tijdens het ontwerpen en bij uitvoering. Selecteer tijdens het ontwerpen de component in het werkgebied en gebruik het gereedschap Vrije transformatie of een van de opdrachten Wijzigen > Transformeren. Bij uitvoering kunt u de methode setSize() of alle toepasselijke eigenschappen en methodes van de klasse ScrollPane gebruiken, zoals height , width , scaleX en scaleY .

De component ScrollPane moet de volgende grafische kenmerken hebben:

  • Het registratiepunt (ook uitgangspunt of nulpunt genoemd) van de inhoud bevindt zich in de linkerbovenhoek van het veld.

  • Wanneer de horizontale schuifbalk uitgeschakeld is, wordt de verticale schuifbalk rechts in het schuifvenster van boven naar beneden weergegeven. Wanneer de verticale schuifbalk uitgeschakeld is, wordt de horizontale schuifbalk onder in het schuifvenster van links naar rechts weergegeven. U kunt ook beide schuifbalken uitschakelen.

  • Wanneer het schuifvenster te klein is, wordt de inhoud mogelijk niet correct weergegeven.

  • Wanneer de grootte van het schuifvenster wordt gewijzigd, worden het schuifvak en het schuifblokje uitgevouwen of samengevouwen en wordt de grootte van hun raakgebied aangepast. De knoppen behouden hun grootte.

Stijlen gebruiken met de component ScrollPane

Met de stijleigenschappen van de component ScrollPane worden waarden voor skins en opvulling voor de layout opgegeven wanneer de component wordt getekend. Met de diverse skinstijlen kunt u verschillende klassen opgeven die voor de skins van de component kunnen worden gebruikt. Zie Skins voor meer informatie over het gebruik van skinstijlen.

  1. Maak een nieuw Flash-document (ActionScript 3.0).

  2. Sleep een component ScrollPane naar het werkgebied en geef deze de instantienaam mySp .

  3. Klik op de tab Parameters in Eigenschapcontrole en voer de volgende waarde in voor de parameter source : http://www.helpexamples.com/flash/images/image1.jpg .

  4. Voeg aan frame 1 van de hoofdtijdlijn de volgende code toe in het deelvenster Handelingen.

    mySp.setStyle("contentPadding", 5);

    De opvulling wordt toegepast tussen de rand en de inhoud van de component, aan de buitenkant van de schuifbalken.

  5. Selecteer Besturing > Film testen.

Skins en de ScrollPane

De component ScrollPane bevat een rand en schuifbalken als schuifelement. Zie voor meer informatie over het toewijzen van skins aan schuifbalken Skins gebruiken met de component UIScrollBar .