Personalizar o componente ScrollPane

Você pode transformar um componente ScrollPane horizontal e verticalmente, durante a autoria e em tempo de execução. Durante a autoria, selecione o componente no Palco e use a ferramenta Transformação livre ou qualquer um dos comandos Modificar > Transformar. Em tempo de execução, use o método setSize() ou qualquer propriedade ou método aplicável da classe ScrollPane, como height , width , scaleX e scaleY .

O componente ScrollPane tem as seguintes características gráficas:

  • O ponto de registro (também chamado de ponto de origem ou ponto zero ) do conteúdo fica no canto superior esquerdo do painel.

  • Quando a barra de rolagem horizontal está desativada, a barra de rolagem vertical é exibida da parte superior até a parte inferior, ao longo do lado direito do painel de rolagem. Quando a barra de rolagem vertical está desativada, a barra de rolagem horizontal é exibida da esquerda para a direita, ao longo da parte inferior do painel de rolagem. Você também pode desativar as duas barras de rolagem.

  • Se o painel de rolagem for muito pequeno, talvez o conteúdo não seja exibido corretamente.

  • Quando o painel de rolagem é redimensionado, a faixa de rolagem e a caixa de rolagem (miniatura) se expandem ou se contraem, e suas áreas de pressionamento são redimensionadas. Os botões permanecem do mesmo tamanho.

Usar estilos com o componente ScrollPane

As propriedades de estilo do componente ScrollPane especificam valores para as capas e o preenchimento de seu layout quando o componente é desenhado. Os diversos estilos de capas permitem especificar diferentes classes a serem usadas com as capas do componente. Para obter mais informações sobre o uso de estilos de capa, consulte Sobre capas .

  1. Crie um novo documento Flash (ActionScript 3.0).

  2. Arraste um componente ScrollPane para o Palco e atribua a ele o nome de ocorrência de mySp .

  3. Clique na guia Parâmetros, no Inspetor de propriedades, e digite o seguinte valor para o parâmetro source : http://www.helpexamples.com/flash/images/image1.jpg .

  4. No Quadro 1 da Linha do tempo principal, adicione o seguinte código ao painel Ações.

    mySp.setStyle("contentPadding", 5);

    Observe que o preenchimento é aplicado entre a borda e o conteúdo do componente, fora das barras de rolagem.

  5. Selecione Controlar > Testar filme.

As capas e o ScrollPane

O componente ScrollPane usa uma borda e barras de rolagem nos ativos de rolagem. Para obter informações sobre a atribuição de capa a barras de rolagem, consulte Usar capas com o componente UIScrollBar .