Este tutorial mostra como criar um preloader em flash com actionscript 3, para que quando você carregar arquivos seus usuários podem ter algumas indicações sobre o processo de carregamento do arquivo.
O preloader vai carregar um arquivo externo swf.
1. Crie um novo arquivo flash (ActionScript 3.0) e salve-o como simple_preloader.fla.
2. Faça a cor de fundo do palco preto e definir a taxa de quadros a 30fps. Deixe o tamanho do documento 550 × 400 pixels. (Este tamanho deve corresponder ao tamanho do conteúdo que você irá carregar).
3. Insira 2 novas camadas de modo que temos agora 3 camadas.
A um nome no topo “acções”, fecha-a agora, o segundo nome ‘texto’ e na parte inferior a um “bar”.
4. Selecione o texto camada, pegue a Ferramenta de Texto e na propriedade inspector definir o tipo de texto dinâmico e definir a fonte eo tamanho propriedades que desejar. Position the text in the middle of the stage and give it an instance name of percent. Posicione o texto no meio do palco e dar a ele um nome de instância por cento.
5. Selecione a camada bar e tomar as Rectangle Tool.
No seu conjunto propriedade inspector para nenhum acidente vascular cerebral e definir a sua cor vermelha. Posicione o retângulo abaixo do texto sobre o estádio e torná-lo 300 × 15 pixels.
Selecione o retângulo e convertê-lo em um clipe de filme, pressionando F8. Defina o seu nome para mcBar, o seu tipo de MovieClip e apontam para o registo superior esquerdo e clique em OK.
Com o retângulo ainda selecionado, defina o seu nome a instância bar.
6. Selecione a camada ações e abrir o painel ações.
Copie o seguinte código:
[code lang="as3"]
var loader:Loader = new Loader();
loader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, progressHandler);
loader.contentLoaderInfo.addEventListener(Event.COMPLETE, completeHandler);
loader.load(new URLRequest("content.swf"));
function progressHandler(event:ProgressEvent):void
{
var ratio:Number = event.bytesLoaded / event.bytesTotal;
percent.text = Math.ceil(ratio*100).toString();
bar.scaleX = ratio;
}
function completeHandler(event:Event):void{
removeChild(percent);
removeChild(bar);
percent = null;
bar = null;
addChild(loader);
}
[/code]
7. Vamos explicar o código.
Temos uma carga declarada objeto que irá carregar o nosso arquivo externo, que está contida na URLRequest objeto.
Content.swf representa o caminho do arquivo externo que queremos carregar.
Em seguida, adicione ouvintes, para que o carregador objeto de acompanhar o processo de carregamento.
O progressHandler função é a manipulação PROGRESSO evento.
Dentro dessa função, temos declarado um rácio variável que detém o rácio entre os bytes que já estão carregadas e os bytes totais.
Então, defina a propriedade texto do nosso texto para uma seqüência dinâmica que representa este rácio multiplicar por 100 a ter a percentagem.
No dias de hoje usamos o CSS em todo falo, em paginas simples, com programação, no flash, flex e outra aplicações. O CSS é uma das formas mais simples e complicadas para trabalhar, eu falo simples e complicada, não é pela forma de utilizar, eu utilizo o CSS no meu dia dia, criando sites, e aplicações como o flex, que usa CSS de uma forma diferente e com mais recursos que o nosso CSS voltado para a web.
