Personalizzare il componente ScrollPane

Potete trasformare un componente ScrollPane modificandone le dimensioni orizzontale e verticale sia durante la creazione che in fase di runtime. Durante la creazione, selezionate il componente nello stage e usate lo strumento Trasformazione libera o uno dei comandi Elabora > Trasforma. In fase di runtime, usate il metodo setSize() o le proprietà e i metodi validi della classe ScrollPane quali height , width , scaleX e scaleY .

Il componente ScrollPane ha le seguenti caratteristiche grafiche:

  • Il punto di registrazione (detto anche punto di origine o punto zero ) del contenuto si trova nell'angolo superiore sinistro del riquadro.

  • Quando la barra di scorrimento orizzontale è disattivata, la barra di scorrimento verticale viene visualizzata dall'alto verso il basso lungo il lato destro del riquadro di scorrimento. Quando invece è disattivata la barra di scorrimento verticale, la barra di scorrimento orizzontale viene visualizzata da sinistra a destra lungo il lato inferiore del riquadro di scorrimento. È anche possibile disattivare entrambe le barre di scorrimento.

  • Se il riquadro di scorrimento è di dimensioni troppo piccole, il contenuto potrebbe non essere visualizzato correttamente.

  • Quando il riquadro di scorrimento viene ridimensionato, la traccia di scorrimento e la casella di scorrimento si espandono o si comprimono e le aree attive vengono ridimensionate. Le dimensioni dei pulsanti rimangono invariate.

Usare gli stili con il componente ScrollPane

Mediante le proprietà degli stili del componente ScrollPane potete specificare i valori per gli skin e il riempimento per il layout quando il componente viene disegnato. I diversi stili dello skin consentono di specificare le diverse classi da usare per gli skin del componente. Per ulteriori informazioni sull'uso degli stili degli skin, vedete Informazioni sugli skin .

  1. Create un nuovo documento Flash (ActionScript 3.0).

  2. Trascinate nello stage un componente ScrollPane e assegnategli il nome di istanza mySp .

  3. Fate clic sulla scheda Parametri della finestra di ispezione Proprietà e inserite il seguente valore per il parametro source : http://www.helpexamples.com/flash/images/image1.jpg .

  4. Nel fotogramma 1 della linea temporale principale, aggiungete il codice seguente nel pannello Azioni.

    mySp.setStyle("contentPadding", 5);

    Il riempimento viene applicato tra il bordo del componente e il relativo contenuto, all'esterno delle barre di scorrimento.

  5. Selezionare Controllo > Prova filmato.

Skin e componente ScrollPane

Il componente ScrollPane usa il bordo e le barre di scorrimento per scorrere gli elementi. Per informazioni sull'associazione degli skin alle barre di scorrimento, vedete Usare gli skin con il componente UIScrollBar .