Usando a action loadMovie

 

Carrega um arquivo SWF ou JPG externo para dentro de um filme Flash, isto facilita a criação de um site em Flash e tem uma enorme vantagem sobre criar um site usando cenas, pois com cenas, o site tem de ser carregado inteiro antes de começar a funcionar, e com o loadMovie carregamos apenas a página inicial e as páginas internas do site só são carregadas quando acionadas.

 

Exemplo prático

 

1. Crie um novo arquivo com 760 pixels de largura por 430 de altura.

 

2. Desenhe do lado direito da tela um quadrado de 500 pixels de largura e 300 de altura, posicione em: X=187.3 e Y=98.6.

 

3. Converta em clipe de filme observando a figura abaixo.

 

 

4. Com o clipe de filme selecionado, vamos dar um nome de instância a ele, nomeamos uma instância para poder fazer referência ao clipe de filme dentro de rotinas Action Script.

 

 

5. Estamos prontos para criar os filmes externos que serão apontados para o clipe de filme que é o nosso alvo. Crie um novo arquivo com 500 pixels de largura e 300 pixels de altura (mesmo tamanho do clipe de filme que é o nosso alvo no documento principal).

 

6. Este arquivo deve ter a aparência da próxima figura.

 

 

7. Salve o arquivo como dicas.fla e exporte como dicas.swf.

 

8. Crie outro com 500 pixels de largura e 300 de altura, este arquivo deve ter a aparência abaixo.

 

 

9. Salve o arquivo como historico.fla e exporte como historico.swf.

 

10. Crie outro com 500 pixels de largura e 300 de altura, este arquivo deve ter a aparência abaixo.

 

 

11. Salve o arquivo como catalogo.fla e exporte como catalogo.swf.

 

12. Crie outro com 500 pixels de largura e 300 de altura, este arquivo deve ter a aparência abaixo.

 

 

13. Salve o arquivo como ranking.fla e exporte como ranking.swf.

 

14. Crie outro com 500 pixels de largura e 300 de altura, este arquivo deve ter a aparência abaixo.

 

 

15. Salve o arquivo como principal.fla e exporte como principal.swf.

 

16. Vamos voltar ao primeiro documento deste exercício.

 

17. Crie cinco botões com 130 pixels de largura e 15 pixels de altura, são eles:

 

a. Histórico

b. Catálogo

c. Dicas

d. Ranking

e. Principal

 

18. Altere a aparência do arquivo para que fique a próxima figura:

 

 

19. Entendendo a action loadMovie.

 

on (release)

      {

      loadMovie(“nomedoarquivo”,”instância do clipe de filme”)

      }

 

Onde:

 

» nomedoarquivo – é o arquivo .SWF ou .JPG que irá ser carregado.

 

» instância do clipe de filme – nome da instância de clipe de filme que serve de alvo, você notou que os arquivos internos do site (histórico, catálogo, dicas, ranking e principal) foram criados com o mesmo tamanho do clipe de filme que foi instanciado como alvo, este clipe de filme determina a posição que o filme carregado vai ocupar.

 

20. Clique no botão Histórico, pressione F9 para mostrar o painel Actions e digite a ação abaixo.

 

on (release)

      {

      loadMovie(“historico.swf”,”alvo”)

      }

 

21. Clique no botão Catálogo, pressione F9 para mostrar o painel Actions e digite a ação abaixo.

 

on (release)

      {

      loadMovie(“catalogo.swf”,”alvo”)

      }

 

22. Clique no botão Dicas, pressione F9 para mostrar o painel Actions e digite a ação abaixo.

 

on (release)

      {

      loadMovie(“dicas.swf”,”alvo”)

      }

 

23. Clique no botão Ranking, pressione F9 para mostrar o painel Actions e digite a ação abaixo.

 

on (release)

      {

      loadMovie(“ranking.swf”,”alvo”)

      }

 

24. Clique no botão Principal, pressione F9 para mostrar o painel Actions e digite a ação abaixo.

 

on (release)

      {

      loadMovie(“principal.swf”,”alvo”)

      }

 

25. Ainda temos de fazer o arquivo principal.swf aparecer quando a página for carregada, para isto, vamos colocar a action loadMovie no primeiro quadro de nossa linha de tempo, colocamos uma action do primeiro quadro quando quisermos que ela seja executada assim que o arquivo rodar. Uma outra característica de se colocar uma action num quadro é que não há a necessidade de se associar a action a um evento como fazemos quando a colocamos no botão, num quadro escrevemos apenas a action.

 

26. Clique no primeiro quadro da linha de tempo, pressione F9 e digite a action abaixo.

 

loadMovie(“principal.swf”,”alvo”)

 

27. Abra o Dreamweaver e crie um novo arquivo. Vamos colocar o Flash aqui, centralizado verticalmente e horizontalmente na página.

 

28. Salve este novo arquivo com o nome index.htm, na mesma pasta dos outros arquivos deste tutorial.

 

29. Clique no botão “Page properties”.

 

 

30. Configure Left Margin e Right Margin para 0.

 

31. Insira uma tabela com 1 linha e 1 coluna e 760 pixels de largura.

 

 

32. Depois de inserir a tabela, mantenha-a selecionada e use a barra de propriedades para aumentar sua altura para 100%.

 

 

33. Clique no meio da página e modifique o alinhamento vertical para CENTER e o horizontal para MIDDLE.

 

34. Clique em Insert/Media Flash e insira seu arquivo index.swf.

 

 

Salve o arquivo e pressione F12 para ver o resultado.