Seqüencial Preloader – Porcentagem

Publicado por Renan Fretta em 02/09/2005
Neste artigo explicarei como criar um preloader com porcentagem.

Vamos direto a prática
1) Crie um arquivo com o nome Principal.fla.
2) Crie as camadas de acordo com a imagem abaixo.

3) Inclua uma foto no segundo quadro da camada Foto

4) Inclua o Script no primeiro quadro da camada Actions, como a imagem abaixo.

5) Insira um campo de texto dinâmico no primeiro quadro da camada Preloader, associe a váriavel pct, como mostra a imagem abaixo.

6) Com o campo de texto selecionado, tecle F8. Selecione a opção Movie Clip e o Registration do Centro. Clique no botão OK.

7) Com o Movie Clip selecionado, instancie de preloader.

8) Agora crie o arquivo preloader.as e coloque-o no mesmo diretório do arquivo principal.fla. Digite os comandos como mostra a imagem abaixo.

9) Pronto! Agora abra o arquivo Principal.fla e tecle CTRL + ENTER, quando você visualizar a imagem tecle novamente CTRL + ENTER para testar o seu preloader. Caso queira configurar a taxa de simulação de download, clique no menu View >>> Download Settings e escolha a velocidade de download.

Até o próximo artigo deste seqüencial!
Clique aqui para baixar os fontes deste artigo!
Caso tenha alguma dúvida utilize o fórum.
Abraços, Renan Fretta – renan@mxstudio.com.br


Assine o nosso Feed
1.326 assinantes,
assine você também!
Publique esse artigo no Twitter Salve este artigo no Delicious Cadastre esse artigo no Dihitt Cadastre esse artigo no UEBA Cadastre esse artigo no Rec6

Renan Fretta

Desenvolvedor de Aplicativos Ricos para Internet (RIA) em Adobe Flex, com PHP (AMFPHP) e Java (BlazeDS).

16 usuário comentou em " Seqüencial Preloader – Porcentagem "

Assine o Feed de Comtentários ou URL de Trackback

F@RRINH@ disse,
Enviado em 11-07-2008 às 4:36 pm

Cara Muito bom esse tuto, ja sabia como fazer um preloader mas ai ta muito bem explicado e com include show d bola

diogo disse,
Enviado em 19-07-2008 às 6:14 pm

como crio e salvo um arquivo.as ??
oq é um arquivo .as?
grato

Eu disse,
Enviado em 18-08-2008 às 4:33 pm

Mesma dúvida do Diogo…

Rafael Merola disse,
Enviado em 24-08-2008 às 5:42 pm

AS = Action script agora eu nao intendi pq preloader.as :s

Claudio disse,
Enviado em 01-09-2008 às 1:03 pm

Ola queria saber se esse código funciona também para arquivos FLV?

Ariel disse,
Enviado em 19-09-2008 às 2:06 pm

ótimo tutorial. prabéns!

Juliano disse,
Enviado em 08-01-2009 às 6:48 pm

muito bom o tutorial..

só faltou uma esticadinha da parte sobre o “arquivo as” .. mas de resto tudo otimo! pra quem tropeçou no “as” (rsss) basta baixar as fontes do arquivo!

obrigado, Renan

Juliano disse,
Enviado em 08-01-2009 às 6:58 pm

bom…

pra criar o as vc digita tudo ai q o Renan colocou na imagem la na janelinha de actions ae no canto direito (em cima do icone de ajuda) tem um icone tal, vc clica nele, vai abrir um menu, vc clica em exportar script ou simplesmente Ctrl+Shift+X

assim vc cria o bendito arquivo as

Rosni disse,
Enviado em 28-01-2009 às 12:27 pm

Meu, parabéns…ótimo tutorial e muito legal de sua parte disponibilizar os arquivos pra download.
Valeu !!

Felipe disse,
Enviado em 11-02-2009 às 4:42 pm

Muito bacana o tutorial, mas, infelizmente não esta dando certo comigo, estou fazendo alguma coisa errada que não consegui descobrir o que é!!!
já fiz três vezes e não esta dando nada!!!
*quando mando testar o filme (Ctrl+enter)a foto fica apenas “pincando”(aparece e sai)e não aparece nada da porcentagem!!!!
Valeu…abraços…

Alexandre Ramos disse,
Enviado em 13-02-2009 às 3:10 pm

Cara, muito bom seu tuto. Procurei mas tem muito boqueta ai na NET. O seu tá nota 10. Parabéns e abraço!

Alex disse,
Enviado em 03-03-2009 às 12:03 am

Muito…
simplesmente ótimo.
grato

Argeu disse,
Enviado em 27-05-2009 às 10:04 am

olá, eu fiz tudo certo só q as animações ficaram muito rapido como faço para voltar ao normal?

mathkps disse,
Enviado em 24-06-2009 às 8:52 am

bom cara , esse tutorial foi mal e porcamente feito , não explicou as coisas direito =/
fiz igual o que mostra ae , e nada de preloader funcionar =[

andre.leone disse,
Enviado em 23-07-2009 às 11:31 pm

hum… o meu nao deu certo… por favor, me ajude!!!

aparece somente

NaN%

orlando queiros disse,
Enviado em 05-10-2009 às 12:55 am

muito bom mesmo, só um conselho pra quem nao está conseguindo, eu revisei os códigos umas 4 vezes até dar certo, pois sempre havia uma maiuscula ou algum intem que eu havia copiado errado. basta revisar o que vc digitou.

Deixe o seu comentário abaixo...

 Username (*required)

 Email Address (*private)

 Website (*optional)

 

MXStudio © 2003-2010. Todos os direitos reservados.
É expressamente proibido a cópia, reprodução e difusão dos textos, fotos e outros elementos contidos neste site sem autorização expressa do MXStudio.