Flash: Como criar um scroll de texto com AS3

Este é um tutorial básico, que irá corresponder a sua criatividade utilizando OOP para rolar alguma coisa em Flash. O que você precisa saber é como preencher o conteúdo em XML e como animar com enterFrame. Se você tiver problemas com os arquivos XML procure algum tutorial que explique como isso funciona.

Veja o resultado:

Configurações de todos os arquivos

Crie um novo ActionScript File e salve-o como "MainClass.as" (com.fladev.scroller.MainClass) - esta será a classe principal para o nosso arquivo flash, o pacote de classes estende a classe Sprite (pois não temos um cronograma de animação). Finalmente, crie um novo arquivo Flash AS3 (590 × 300px) e abri-lo, de modo que temos dois arquivos abertos.

Filme Principal - Main Movie

No filme principal criar um campo de texto dinâmico, com "preloader_txt" nome de instância, em seguida, converter esse símbolo para movieclip e dar-lhe um nome, digamos, "conteúdo". No meu exemplo, isso tem largura 487px e altura 198px; empate em seguida, um retângulo em uma nova camada com a mesma largura e altura, para converter este movieclip e dar-lhe um nome "mask_mc" - esta será a máscara sobre o conteúdo. É importante que estes dois movieclips para ter o mesmo tamanho e coordonates mesmo em X e Y (51,48). O que temos agora é um campo de texto "txt", um movieclip que contêm esse textfield "conteúdo" e uma máscara sobre isso, como um movieclip também chamado de "mask_mc" em uma nova camada. O que nós precisamos terminar isso é criar duas setas de rolagem para cima e para baixo.

Escrevendo o XML

Setas

Você não tem que ser um especialista em design para criar duas setas simples - na verdade, você irá criar apenas um, o outro vai ser o mesmo, mas terá um nome diferente. Desenhe um círculo com Oval Tool (O) e uma flecha no meio desta, em seguida, converter este MovieClip com "up_arrow" nome de instância; clone deste e dar outro nome "down_arrow" - agora que estamos a fazer com o filme principal.

Button.as

Crie um novo ActionScript File com o nome "Button.as" (com.fladev.scroller.Button.as), no filme principal, localize na biblioteca onde o botão é movieclip e clique direito sobre ela> propriedades> selecione Exportar para ActionScript. No campo Classe inserir a nova classe criada (com.fladev.scroller.Button) e finalmente clique em OK, isso significa que vamos atribuir uma classe para este botão e não temos para criar outra para cada botão. O código para Button.as é:

MainClass.as

Declare primeiro algumas variáveis para a velocidade de rolagem e XML:

Então, em função do construtor:

Quando os botões são pressionados a função de seleção para rolar ou não o conteúdo, depende da sua posição:

Depois de um botão será lançado nós removemos os ouvintes para a função EnterFrame:

Você pode alterar a velocidade de rolagem de acordo com a "velocidade" variável. Basicamente, nós rolar o conteúdo usando EnterFrame pela sua posição de acordo com a posição da máscara. Espero que gostem e aprendam alguma coisa, as fontes estão logo abaixo. Boa sorte!

Veja o resultado:

Anexo: simple_scroller.zip