Jump to content


Photo

Carregando Com Barra E Porcentagem


  • This topic is locked This topic is locked
8 replies to this topic

#1 maisemconta

maisemconta

    Novato no fórum

  • Usuários
  • 9 posts
  • Sexo:Não informado
  • Localidade:Rio de Janeiro

Posted 14/02/2005, 16:57

Carregando com porcentagem e barra

Na Internet é bem comum nos deparármos com situações com o tão falado "CARREGANDO", muitos iniciantes no Flash tem dúvidas em relação a ele. Como funciona, pra que ele serve, quando usá-lo e etc.

Vamos ao que interessa.

O que é
Para que não fique uma tela "em branco" sem nada, enquanto o usuário faz o download do SWF pra sua máquina, utiliza-se o Pre-load, ou carregando, como muitos preferem chamá-lo. Existem inumeras formas de "Pre-Load". Com Movie Clip, texto, barra, porcentagem, e etc.

Pra que
Para carregar o SWF com algum tipo de animação, dizendo CARREGANDO e até falando a porcentagem. Dando assim um "parecer" ao usuário de que está fazendo o dowload daquela animação.

Quando usar
Usamos o carregando ou "Pre-Load" no Flash quando temos um SWF igual ou superior a 35KB. Mas se você quiser colocar em um SWF a partir de 1KB, nada impede.

Agora vamos fazer um carregando com uma barra que vai crescendo de acordo com tamanho do filme carregado, e um campo de texto informado o tanto que carregou em porcentagem.

Colocando a mão na massa

Crie um Movie Clip

Posted Image

com o nome Carregador.

Posted Image

Agora dentro do Movie Clip Carregador, crie 2 camadas, em 1 ficará uma borda da barra, com o nome: BORDA. Na outra camada ficará a barra, com o nome: BARRA. Lembrando que deve ficar no tamanho 100%

Posted Image

Agora selecione a barra que você desenhou e transforme-a em Movie Clip(F8)

Posted Image

Agora estâncie o Movie Clip BARRA como barra.

Posted Image

Na camada barra, adcione um campo de Texto Dinâmico (Dynamic Text), com o campo Var: porcentagem.

Posted Image

Pronto, já preparamos toda parte visual do nosso carregando. Agora clique 2 vezes fora do pauco para fecharmos a edição do movie clip Carrgador.

Posted Image

Com o Movie Clip Carregador selecionado aperte F9 para abrir a caixa de Action Script. Adcione o seguinte código:

onClipEvent (load) {
barra._xscale = "0"
total = _root.getBytesTotal();
_root.stop();
}
onClipEvent (enterFrame) {
carregado = _root.getBytesLoaded();
porcentagem = Math.floor((carregado/total)*100);
barra._xscale = porcentagem;
if (porcentagem == "100") {
_root.play();
}
porcentagem = porcentagem add "%";
}

O Movie Clip Carregador está no 1º Frame do nosso filme, agora adicione MAIS 1 frame, o seu SITE, IMAGEM ou seja tudo o que você quer que carregue deve ficar no 2º FRAME.

Adcione stop(); nos 2 frames.

Pronto. Agora aperte Ctrl+Enter pra visualizar o filme. Aperte mais uma vez para testar o carregando.

Qualquer dúvida ou mais dicas poste nesse fórum...

At+

Edição feita por: maisemconta, 01/10/2005, 14:09.

HospedandoSites.com.br - Hospedagem de Sites e Streaming
3 GB de Espaço + 20 GB de Tráfego por R$ 5,00
Registro de Domínios:
Nacionais = R$ 20,00
Interncionais = R$ 10,00

#2 Saruman

Saruman

    Veterano

  • Usuários
  • 1112 posts
  • Sexo:Masculino
  • Localidade:São Paulo, SP

Posted 14/02/2005, 17:13

OK... bom tutorial... jah há diversos iguais inclusive aqui na seção de Tutos de Flash, mas esse tah bem explicado... movido para Tutoriais...
import Profile;

var saruman:Profile = new Profile();

saruman.nome = new String("Tiago S. Kaneta");

saruman.localizacao = new Array("São Paulo","SP");

#3 guilherme2005

guilherme2005

    12 Horas

  • Usuários
  • 158 posts
  • Sexo:Não informado
  • Localidade:Belo Horizonte

Posted 22/02/2005, 11:49

Alguém pode me ajudar????

Eu fiz esse tuto mas ta dando erro no AS
olha só:

**Error** Scene=Scene 1, layer=barra, frame=2:Line 1: Clip events are permitted only for movie clip instances
onClipEvent (load) {

**Error** Scene=Scene 1, layer=barra, frame=2:Line 6: Clip events are permitted only for movie clip instances
onClipEvent (enterFrame) {

Total ActionScript Errors: 2 Reported Errors: 2


Oq tá de errado???
Um dia ainda seria um webMaster!!!!!!

#4 Saruman

Saruman

    Veterano

  • Usuários
  • 1112 posts
  • Sexo:Masculino
  • Localidade:São Paulo, SP

Posted 22/02/2005, 12:55

Tenha certeza que vc está colocando as ações
onClipEvent (load) {
barra._xscale = "0"
total = _root.getBytesTotal();
_root.stop();
}
onClipEvent (enterFrame) {
carregado = _root.getBytesLoaded();
porcentagem = Math.floor((carregado/total)*100);
barra._xscale = porcentagem;
if (porcentagem == "100") {
_root.play();
}
porcentagem = porcentagem add "%";
}

Em um MC (não nos quadros do MC, e sim no MC mesmo, assim como vc coloka uma ação em um botão...)...
import Profile;

var saruman:Profile = new Profile();

saruman.nome = new String("Tiago S. Kaneta");

saruman.localizacao = new Array("São Paulo","SP");

#5 XManiac

XManiac

    Novato no fórum

  • Usuários
  • 1 posts
  • Sexo:Não informado

Posted 03/04/2005, 10:30

ótimo tutorial bem explicado e funcionou certinho aki no meu pc

VALEW!!!!! :D

#6 guru_na_Web

guru_na_Web

    Novato no fórum

  • Usuários
  • 18 posts
  • Sexo:Não informado

Posted 03/05/2005, 10:19

Cara! otimo tutoriallll.....

meu...vc eh um cara mto genti fina de dar esse super tutorial...que mtos professores q eu tive num deram!!!! valew mesmo

#7 blacksaint

blacksaint

    12 Horas

  • Usuários
  • 269 posts
  • Sexo:Masculino
  • Localidade:São Paulo
  • Interesses:Designe, games e animações flash. Swift 3D (New)

Posted 15/07/2005, 17:21

Esse preloader é simplesmente 10!
Valeu

Tenho uma dúvida, esse preloader é realmente 10 para
usar a criatividade da gente... Porém queria um que carregasse
da posição x inicial até o final... Ex:
||
25%
|||
45%
|||||
65%
|||||||
75% etc...

Pois esta carrega do centro da barra, ou posso alterar a action?
Como faço?

Edição feita por: blacksaint, 22/07/2005, 09:01.

Assinatura editada pela administração.

#8 gUiTaR_mAn

gUiTaR_mAn

    Programador ASP

  • Usuários
  • 431 posts
  • Sexo:Masculino
  • Localidade:Gaspar - SC

Posted 11/11/2005, 14:49

galéra... to com a mesma duvida do blacksaint.... alguem sabe como fazer a barra carregar do canto esquerdo pro direiton e não do meio para os lados???

thsnk´s (y)
MegaClassi.com.br
Seu próximo veículo está aqui.

#9 Aspyr

Aspyr

    Normal

  • Usuários
  • 101 posts
  • Sexo:Não informado

Posted 05/12/2005, 14:57

tenta usando uma mascara




0 user(s) are reading this topic

0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq