Como desenvolver um navegador de imagens on-line FLASH MX baseado em ASP

A estreia de FLASH MX (FLASH6) dá aos pisca-piscas mais um motivo para desmaiar, pois sua nova carinha nos deixa entusiasmados.

1. Vamos começar com as novas funções do MX.

Depois de entrar na interface de desenvolvimento do MX, clique em Help=>Samples na barra de menu e uma página da web será aberta nas folhas para nos permitir sentir as novas funções do MX. Em seguida, clique no link "Destaque de recurso: Carregar imagens" na folha. Vimos 5 fotos de vida marinha nesta animação (Passageiro A: E se víssemos? A diferença do passado é que essas 5 fotos não foram compiladas junto com esse arquivo swf (Passageiro B: Definitivamente é o externo). swf de "loadMovie", que é raro e estranho), e não é o swf externo chamado, mas os 5 arquivos de imagem jpg externos de "loadMovie". É precisamente porque o MX expandiu o comando "loadMovie" que tenho a honra de escrever este tutorial ^_^.

Abra a ajuda online do MX e você encontrará a descrição detalhada de "loadMovie" do MX. A primeira frase da seção "Parâmetros", "url O URL absoluto ou relativo do arquivo SWF ou JPEG a ser carregado." Apontado: O "loadMovie" atual pode não apenas carregar swf externo, mas também carregar arquivos de imagem jpg externos. Hoje, quando as imagens no formato jpg são muito populares na Internet, devemos dizer que esta é uma excelente notícia.

Vamos voltar e dar uma olhada na descrição de MX deste exemplo de animação "Sea Life": "Este exemplo demonstra como você pode carregar imagens de uma unidade ou servidor em um filme em tempo de execução. Não há imagens na biblioteca do arquivo de origem para " Esta amostra." Sim, o "loadMovie" deste navegador de imagens de "vida marinha" são todas imagens jpg da "unidade" local, e a lista de nomes de arquivos das imagens jpg foi definida antecipadamente.

Um pequeno problema surge disso: se houver um arquivo "daliang.jpg" na lista de nomes de arquivos definidos, mas um dia esse arquivo infelizmente desaparecer na "unidade ou servidor", quando "loadMovie" for usado novamente, como pode Nada pode dar errado, e daí? !:~(, não chore, vamos encontrar uma solução juntos :)

(Lurenbing: Se uma lista de nomes de arquivos atuais puder ser gerada dinamicamente toda vez que "loadMovie" for usado, tudo ficará bem. Daliang: Isso mesmo) Sempre Ao executar a animação, uma lista de nomes de arquivos de imagem JPG atuais pode ser gerada dinamicamente, o que pode resolver o problema acima.

No entanto, não é fácil gerar dinamicamente uma lista de nomes de arquivos na "unidade" local. No entanto, também podemos saber pela descrição desta animação "Sea Life": O "loadMovie" do MX também pode carregar imagens dinamicamente do servidor. lado em um "chip de filme". Então, vamos pensar novamente: usando algumas linguagens do lado do "servidor", podemos gerar de forma fácil e dinâmica uma lista de nomes de arquivos de imagem jpg do lado do "servidor".

2. Conceito

Em resumo, sabemos que este navegador de imagens MX será executado na rede e deve haver um programa em segundo plano no lado do "servidor" que gere dinamicamente uma lista de nomes de arquivos de imagem jpg no lado do "servidor". esses arquivos de imagem jpg também devem ser colocados no lado do “servidor”.

Sempre que este navegador de imagens MX for executado, ele sempre usará o método "loadVariables" para solicitar ao SERVIDOR que retorne uma lista dos arquivos de imagem atuais no lado do "servidor", e então o navegador de imagens MX poderá "carregarMovie" esses arquivos jpg em sequência de arquivo de imagem.

Escolheremos ASP como suporte de back-end porque é muito conveniente usá-lo para percorrer os arquivos do lado do "servidor".

Para facilitar a compreensão deste tutorial, os arquivos ASP de fundo e todos os arquivos de imagem jpg são colocados no mesmo diretório no lado do "servidor".

Este é o conceito de todo o programa. A seguir implementaremos o navegador de imagens MX em detalhes.

3. Implementação específica

1. A parte ASP

começa com o ASP em segundo plano, pois o navegador de imagens MX que vamos desenvolver conhecerá a lista de arquivos jpg do diretório atual no lado do "servidor" através do ASP. O seguinte arquivo imagebrowse.asp pode realizar a função de gerar dinamicamente uma lista de nomes de arquivos jpg:

<%
 dim strPathInfo,strPhysicalPath
 'Obtém o nome do arquivo deste arquivo asp
 strPathInfo = Request.ServerVariables("SCRIPT_NAME")
 'Obtém o caminho absoluto deste arquivo asp no servidor
 strphysicalpath = server.MapPath(strpathinfo)

Este ASP tem apenas uma dúzia de sentenças, então é muito simples. Acredito que pisca-piscas experientes serão capazes de entender esse ASP rapidamente.

Suponha que o diretório onde o arquivo ASP está localizado contém dois arquivos jpg "one.jpg" e "two.jpg". Se você executar este programa ASP sozinho, no navegador da web, a seguinte lista de nomes de arquivos será retornada:

&image1=. two.jpg&image2=one.jpg&total=2Tudo

que começa com "&" é um nome de variável e "=" é seguido pelo valor da variável, porque este é o formato especificado pelo Flash usando "loadVariables" para ler variáveis ​​externas.

A parte ASP do plano de fundo foi concluída. Vamos dar uma olhada em como fazer coisas em FLASH.

parte FLASH

, primeiro abra o FLASH MX, coloque duas variáveis ​​de Texto Dinâmico chamadas "text" e "test" na cena principal e insira a string "loading..." em "test" (indicando que está lendo pegue a lista). Entre eles, “texto” é usado para exibir o nome do arquivo jpg que está sendo navegado, e “teste” é usado para exibir algumas outras informações relacionadas.

Em seguida, crie uma instância do Movie Chip chamada "imageview" e uma instância do botão chamada "display" na cena principal. Cada vez que este botão for pressionado, a imagem jpg recebida "loadMovie" será exibida em "imageview".

Em seguida, crie um Movie Chip composto por 3 quadros denominados "finder" na cena principal. Sua função é solicitar ao servidor uma lista de nomes de arquivos de imagem jpg no diretório atual. Ele não irá parar no segundo quadro até que a resposta seja. corrida obtida. Os Action Scripts desses três frames são:

Action Script do primeiro frame:

//Retorna a lista de nomes de arquivos jpg gerados por imagebrowse.asp
 //Preencha o caminho do arquivo ASP de acordo com a situação real
 //Este artigo assume que os arquivos ASP e todos os arquivos jpg estão no diretório raiz do servidor WEB
 loadVariables("http://127.0.0.1/imagebrowse.asp", "");

Action Script do segundo quadro:

//Se o valor total retornado não estiver vazio, então... 
if (total<>nulo) { 
     //Exibir na caixa de texto "teste" quantos arquivos jpg existem no nome do arquivo jpg list_root.test = "total=" add total; 
     //Transfere esses nomes de arquivos jpg para essas variáveis ​​FLASH começando com "fImage" por sua vez for (i=1; i<=total; i++) { 
       set("fImagem" adiciona i, eval("imagem" adiciona i)); 
     } 
     //Para no quadro atual stop(); 
}  

Action Script do terceiro frame:

Como controlar a exibição da imagem

ao retornar ao segundo frame

Em seguida, é hora de dar uma alma ao botão "exibir".

Retorne à cena principal e adicione o seguinte Action Script ao primeiro quadro da cena principal (a cena principal possui apenas um quadro):

count = 1; 
   //Eventos acionados ao clicar no botão //(O novo método de descrição de eventos do FLASH MX torna a programação de scripts do MX mais próxima da orientação a objetos) 
   _root.display.onPress=função(){ 
   //Se o valor do total não estiver vazio, então... 
   //(Isso quer dizer: se a lista de nomes de arquivos for lida com sucesso, então...) 
     if (_root.finder.total<>nulo) { 
       //Use o método "loadMovie" para exibir uma imagem jpg em "imageview" loadMovie(eval("_root.finder.fImage" add count), _root.imageview); 
       //Exibe o nome do arquivo desta imagem jpg no texto "texto" box_root.text = eval("_root.finder.fImage" add count); 
       //Mostra na caixa de texto "teste" qual arquivo esta imagem jpg está na list_root.test = "Number=" add count; 
       //Se a última imagem da lista for exibida, comece a exibir a primeira imagem da lista novamente if (count<_root.finder.total) { 
         contar++; 
       } outro { 
         contagem = 1; 
       } 
     } 
   }; 

Até agora, as coisas na parte FLASH foram concluídas. Depois de compilar e gerar o arquivo swf, todo o programa é declarado completo!

3. Teste

Este artigo pressupõe que o arquivo ASP e todos os arquivos jpg estão no diretório raiz do servidor WEB.

Não sei como este programa funciona. Vamos testar:

primeiro coloque alguns arquivos de imagem jpg aleatoriamente no diretório raiz do servidor WEB, depois use o Flash Player ou um navegador da web para abrir o arquivo swf que você acabou de criar e espere até que o botão "carregar" apareça no "teste "caixa de texto. ..." Depois que a string desaparecer, podemos navegar nessas imagens jpg clicando no botão "exibir".

4. Resumo

A nova tecnologia do FLASH MX pode ser combinada com alguns programas como ASP para tornar o FLASH mais deslumbrante.

Afinal, este artigo é apenas um tutorial. Para que os leitores dominem rapidamente o essencial, a função deste navegador de imagens MX não pode ser mais simples. Se quiser usá-lo na prática, você precisará fazer algumas melhorias neste programa. Por exemplo: devido às limitações de largura de banda, ao "carregarMovie" uma imagem grande, é necessário adicionar o programa pré-carregador de imagens no FLASH para que o fenômeno de "espera boba" não ocorra mais quando "loadMovie" chegar quando o tamanho da imagem; seja grande ou pequeno, é necessário adicionar um programa que ajuste automaticamente seu tamanho; fazer as devidas melhorias no programa ASP e nas partes FLASH para que não se limitem a navegar no diretório onde está localizado o arquivo "imagebrowse.asp"; ao fazer melhorias apropriadas na parte FLASH, ele pode realizar alguns processamentos simples nas imagens provenientes do "loadMovie", como escala de tamanho, ajuste de cor, deformação simples, etc. (Após verificação, as ideias acima podem ser implementadas, mas Daliang tem preguiça de fazê-lo. Todos devem trabalhar duro! Trabalhe duro! Não seja preguiçoso com Daliang ^_^)

Finalmente, depois de ler este artigo, desejo que todos criem o navegador de imagens online FLASH MX mais deslumbrante da Internet. Não se esqueça de contar a Da Liang suas boas notícias e ideias.

Ok, isso é tudo, até mais!

Devido ao nível limitado de Da Liang, inevitavelmente há algumas omissões. Os amigos podem criticá-los e corrigi-los.