Criando Loading no Flash

Vamos iniciar fazendo o sistema "Loading" do nosso futuro site. Com barra horizontal, porcentagem, total de KB e KB carregados.

Primeiramente vamos criar um Layer e instacia-lo com o nome de "Ações". Será necessário criar algumas variáveis ("nomes" escolhido pelo programador onde são guardadas informações).

VARIÁVEIS	DESCRIÇÃO
total	Guardará o total de Kb do swf.
carregado	Guardará os Kb que ja foram carregados.
porcento	Divide o total de Kb pelos Kb ja carregados e  multiplica por 100, onde acharemos o percentual.

Então no primeiro frame do layer "Ações", entra a seguinte Action.

//----------------------------------------------
total = int(getBytesTotal()/1024);
carregado = int(getBytesLoaded()/1024);
porcento = Math.floor((total/carregado)*100);
//----------------------------------------------

Pronto as variáveis foram criadas e dada as respectivas funções à elas. Reparem que as variáveis "total" e "carregado", foram dividas (representado pelo sinal " / ") por 1024, isso faz com que ao invés de bytes, tenhamos Kb.

Agora criaremos a barra e logo após, seu andamento.

Vamos desenhar uma barra horizontal clicando na ferramenta "Rectangle Tool", ou apertando a tecla (R). Após criada vamos transforma-la em um Movie Clip ( F8 ), frisando que é de extrema importância alinha-la à esquerda, como na imagem abaixo:

Agora criada a barra, vamos instancia-la com o nome de "barra_load", e no mesmo frame adicionar a seguinte Action:

//-----------------------------------------------
barra_load._xscale = porcento=Math.floor((carregado/total)*100);
//-----------------------------------------------

Essa action faz com que a barra cresça na horizontal, conforme a porcentagem contida na variável "porcento", neste caso crescerá para direita, pelo fato de termos alinhado a barra à esquerda.

Próximo passo é criarmos duas caixas de texto dinâmico (T) e instacia-las. A primeira com o nome "porcento_txt" e a segunda "tamanho_txt", como na imagem abaixo:





Com os campos dinâmicos criados, vamos adicionar
a seguinte Action:

//-------------------------------------------------
porcento_txt = porcento+"%";
tamanho_txt = carregado+" KB de "+total+" KB";
//-------------------------------------------------

Isso fará com que os campos dinâmicos recebam as respectivas informações.

Agora vamos criar uma Action para que quando a variável "porcento" receber o valor "100", pare de executar a função que nós acabamos de escrever.

//------------------------------
if (porcento == 100) {
    gotoAndPlay(3);
}
//------------------------------

Terminada as Actions que deverão ser escrita no primeiro frame do layer "Ações". Vamos criar um novo frame (frame 2), ainda no layer "Ações" e colocar a seguinte Action:

//------------------------
gotoAndPlay(1);
//------------------------

Isso fará com que o swf fique dando "loop", ou seja, do frame 1 vai para o frame 2, e após, retorna para o frame 1 e assim por diante.

Feito isso, esta pronto nosso sistema "Loading". Lembrando que é a partir do frame 3, que começaremos a desenvolver nosso site.

Segue abaixo Código completo do nosso "Loading".

//--------------------------------------------------
total = int(getBytesTotal()/1024);
carregado = int(getBytesLoaded()/1024);
porcento = Math.floor((total/carregado)*100);

barra_load._xscale = porcento=Math.floor((carregado/total)*100);
porcento_txt = porcento+"%";
tamanho_txt = carregado+" KB de "+total+" KB";

if (porcento == 100) {
    gotoAndPlay(3);
}

//--------------------------------------------------

Dica: Para poder visualizar o nosso loading após pronto, aperte as teclas "Ctrl" + "Enter". Após abrir a vizualização normal, aperte novamente as teclas "Ctrl" + "Enter". Assim conseguiremos visualizar o andamente da nossa barrinha, porcentagem e tamanho do swf.

Espero ter sido útil para a maioria de vocês! Lembrando que qualquer dúvida que tenham, é só entrar em contato diretamente comigo.

Forte abraço à todos.

Tutorial Criado Por Rodrigo Marini

FONTE: http://www.plugmasters.com.br

Nussa que tuto show, aprendi muito com esse tuto ^^ vlw ae lucas

Muito bom mesmo kra.
Exemplar xD

Lembrando-se que o tutorial foi criado por Por Rodrigo Marini do PlugMasters...

Alem de ter aprendido bastante , achei um tutorial de conteúdo para colocar no fórum !