Galeria simples em Flash + XML

set 30, 12 • In Desenvolvimento

Em algum momento você pode precisar criar uma galeria em Flash que puxe dinamicamente dados de um arquivo em XML, no caso apresentado aqui o flash de forma dinâmica captura as descrições e fotos de um arquivo XML, onde ainda se você desejar esse arquivo XML pode ser atualizado via php ou outra linguagem. Então continue lendo e confira a Galeria em Flash + XMlL que preparamos para você!. Abaixo desse post incluímos o arquivo para download

Nesse link veja o resultado final

Galeria Flash + XML (Arquivo .SWF)

Galeria de Foto em Flash + XML

Galeria de Foto em Flash + XML

Conheça o código

galeria.xml


<?xml version="1.0" encoding="utf-8"?>
<galeria>
<imagem>
<url_img>foto1.png</url_img>
<descricao>Descrição Foto 1</descricao>
</imagem>
<imagem>
<url_img>foto2.png</url_img>
<descricao>Descrição Foto 2</descricao>
</imagem>
<imagem>
<url_img>foto3.png</url_img>
<descricao>Descrição Foto 3</descricao>
</imagem>
<imagem>
<url_img>foto4.png</url_img>
<descricao>Descrição Foto 4</descricao>
</imagem>
<imagem>
<url_img>foto5.png</url_img>
<descricao>Descrição Foto 5</descricao>
</imagem>
</galeria>

Action Script


//Importamos livrarias necessarias para que certos eventos funcione corretamente

import flash.events.Event;

import flash.net.URLRequest;

import flash.net.URLLoader;

import flash.display.Loader;

//Iniciamos com os eventos do aplicativo

var vRequest:URLRequest = new URLRequest(“galeria.xml”); //Declaramos o xml que iremos importar

var vLoader:URLLoader = new URLLoader(vRequest);

//No trecho abaixo declaramos variaveis que usaremos no decorrer da aplicação

var g_xml:XML; //g_xml é uma variavel tipo XML

var img_atual:Number = 0; // Variavel inteiro, que servira para controlar a ordem

var img_loader:Loader; // Suportara a imagem

var rawImage:String; // Suportara texto

var numFilhos:Number; // Armazena o numero de filhos

var texto:String; //Suportara o texto descritivo

//Bloco que escuta o evento que carrega a pagina e dos botoes pra frente e pra tras

vLoader.addEventListener(Event.COMPLETE,onComplete);

btn_prox.addEventListener(MouseEvent.CLICK,nextclick);

btn_atras.addEventListener(MouseEvent.CLICK,lastclick);

//Variavel verif boleana, já definimos como falsa

var verif:Boolean = false;

//Função oncomplete

function onComplete(evt:Event){

g_xml = new XML(evt.target.data);

verifica();

}

//Função que verifica e carrega

function verifica(){

if(verif == false){

carrega();

img_atual++;

verif = true;

}else if(img_atual < numFilhos){

if(img_atual < 0){

img_atual = numFilhos – 1;

img_loader.unload();

carrega();

}else{

img_loader.unload();

carrega();

}

}else {

img_loader.unload();

img_atual = 0;

carrega();

}

}

//Testa e dispara para frente

function nextclick(evt:Event){

verifica();

img_atual ++;

}

// Testa e dispara para trás

function lastclick(evt:Event){

verifica();

img_atual –;

}

//Função que carrega a imagem e a descrição

function carrega(){

numFilhos = g_xml.*.length();

rawImage = g_xml.imagem[img_atual].url_img;

img_loader = new Loader;

img_loader.load(new URLRequest(rawImage));

caixa_foto.addChild(img_loader);

texto = g_xml.imagem[img_atual].descricao;

descricao.text = texto;

}

Download da Galeria em Flash + XML completa

Para baixar todos os arquivos, basta clicar link abaixo e descomprimir  o arquivo. Dentro do arquivo compactado se encontra 5 imagens de exemplo, o arquivo galeria.xml apresentado nesse post, galeria_xml.fla que é o arquivo de edição em Flash para você fazer as alterações que desejar e por último o arquivo galeria_xml.swf que é o arquivo de exportação do flash para você poder consular o correto funcionamento da galeria.
Baixar galeria_flash_xml

Posts Relacionado

Deixe uma resposta

Ir ao topo