Como criar uma carga Progress Bar em AS3

barras de progresso que os visitantes do site sabem quanto tempo eles vão ter que esperar por uma imagem, vídeo ou música para download antes que ele possa ser visto , ouvido ou tocado. Web designers , muitas vezes incluem barras de progresso para que os visitantes não vai deixar o seu site por causa de uma falta de conteúdo. Você pode fazer uma barra de progresso com Flash, e escrevendo código ActionScript ( AS3) . O código AS3 utilizado vai depender de que tipo de conteúdo que você está carregando. Neste exemplo, uma canção é downloaded.Things você precisa

Adobe Flash Professional ( versões CS3, CS4 ou CS5 )

Mostrar Mais instruções

1

Comece Flash. Clique em ” Arquivo”, ” Novo” . Clique no tipo de arquivo ” Flash File (ActionScript 3.0) ” na caixa de diálogo ” Novo documento ” . Clique em ” OK”.

2

Clique em ” Componentes ” no menu “Windows” . Clique e arraste o ícone de barra de progresso para o palco do Flash a partir da biblioteca de componentes. Clique em “Propriedades ” dos homens ” Windows” . Digite ” ProgressBar ” na caixa de texto o nome de instância .

3

Clique e arraste o ícone do botão para o palco do Flash a partir da biblioteca de componentes. Digite ” loadSound ” na caixa de texto o nome de instância .

4

Clique em ” Inspector Component” a partir do menu “Windows” . Digite “Load White Rabbit ” na caixa de texto do rótulo.

5

Selecione “Actions” no menu “Windows” . Coloque o cursor na primeira linha do “Ações” editor. Clique e digite o código para importar os utilitários de flash necessários para usar a barra de progresso : fl.controls.ProgressBar importação

;

flash.events.ProgressEvent importação;

6

Digite este código , a partir da próxima linha do “Ações” editor, para colocar um TextField no palco do Flash a ser usado para exibir a porcentagem do arquivo de música MP3 baixado:

var ProgressStatus : TextField = new TextField ();

ProgressStatus.x = 200;

ProgressStatus.y = 100;

ProgressStatus.width = 400;

addChild ( ProgressStatus );

7

Digite o código a seguir , a partir da próxima linha do “Ações” editor, para declarar um objeto de som para manter o arquivo baixado e música para usar como o arquivo de origem para a barra de progresso para monitorar o progresso de carregamento com :

var música : Sound = new Sound ();

ProgressBar.source = música;

var musicFilelocation : String = “http://173.192.206.135/cgi-bin/dl.cgi/ze6fl4bvyep6nqwg7fcgcwlb4msqhqpawhws2aeogy/z6ipwi6m53na.mp3”;

var musicrequest : URLRequest = new URLRequest ( musicFilelocation );

8

Digite o código a seguir , a partir da próxima linha do “Ações” editor. Isto irá detectar quando o arquivo de música tenha concluído o download; instruir o Flash para começar a baixar o arquivo de música quando o botão loadSound foi clicado; atualizar a barra de progresso sobre a porcentagem do arquivo baixado e começar a jogar o arquivo de música depois de ter completado os downloads

ProgressBar.addEventListener ( ProgressEvent.PROGRESS , progressHandler ); .

ProgressBar.addEventListener ( Event.COMPLETE , soundLoaded_fn );

loadSound.addEventListener ( MouseEvent.CLICK , getSound_fn );

função progressHandler (event: ProgressEvent ): void {

ProgressStatus.text = (“File Loaded é ” + ProgressBar.percentComplete + ” Percent Complete” ); }

função soundLoaded_fn (event: Event): void {

music.close ( );

loadSound.enabled = false;

music.play (); }

função getSound_fn (event: MouseEvent ) {

music.load

( musicrequest );

}

9

Copie e cole esse código no “Ações” editor para garantir que o programa Progress Bar funciona livre de erros :

fl.controls.ProgressBar importação;

flash.events.ProgressEvent importação;

var ProgressStatus : TextField = new TextField ();

ProgressStatus . x = 200;

ProgressStatus.y = 100;

ProgressStatus.width = 400;

addChild ( ProgressStatus )

var música : Sound = new Som ();

ProgressBar.source = música;

var musicFilelocation : String = “http://173.192.206.135/cgi-bin/dl.cgi/ze6fl4bvyep6nqwg7fcgcwlb4msqhqpawhws2aeogy/z6ipwi6m53na.mp3”;

var musicrequest : URLRequest = new URLRequest ( musicFilelocation );

ProgressBar.addEventListener ( ProgressEvent.PROGRESS , progressHandler );

ProgressBar.addEventListener ( Event.COMPLETE , soundLoaded_fn );

loadSound.addEventListener ( MouseEvent.CLICK , getSound_fn );

função progressHandler (event: ProgressEvent ): void {

ProgressStatus.text = (“File Loaded é ” + ProgressBar.percentComplete + ” Percent Complete ” ); }

função soundLoaded_fn (event: Event): void {

music.close ();

loadSound.enabled = false;

music.play (); }

função getSound_fn (event: MouseEvent ) {

music.load ( musicrequest );

}

10

Clique na opção ” TestMovie ” no menu “Control” para baixar o arquivo de música e assistir ao movimento Progress Bar da esquerda para a direita, como o arquivo é baixado .