Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Gilvano

Paginação de galeria em grid

Recommended Posts

Estou fazendo uma galeria em AS3, peguei um tutorial na internet, mas ela não tem paginação dai fui tentando fazer com base em uma com AS2, mas a segunda pagina carrega em baixo da primeira, sendo que a primeira deveria sumir, segue o codigo se alguém puder me ajudar

 

import fl.controls.ProgressBar;
import fl.transitions.Tween;
import fl.transitions.easing.*;
import fl.transitions.TweenEvent;

var columns:Number;
var my_x:Number;
var my_y:Number;
var my_thumb_width:Number;
var my_thumb_height:Number;
var my_images:XMLList;
var my_total:Number;
var x_counter:Number=0;
var y_counter:Number=0;
var thumbsPage:Number = 25;
var currentIndex:Number = 0;
var calculaX: Number = 0;
var calculaY: Number = 0;
var oldIndex:Number = 0;

//var container_mc:MovieClip;
var preloaders_mc:MovieClip;
var full_mc:MovieClip;

var my_tweens:Array=[];
var container_mc_tween:Tween;
var full_tween:Tween;

var myXMLLoader:URLLoader = new URLLoader();
myXMLLoader.load(new URLRequest("galeria.xml"));
myXMLLoader.addEventListener(Event.COMPLETE, processXML);

function processXML(e:Event):void
{
	var myXML:XML=new XML(e.target.data);

	columns=myXML.@COLUMNS;
	my_x=myXML.@XPOSITION;
	my_y=myXML.@YPOSITION;
	my_thumb_width=myXML.@WIDTH;
	my_thumb_height=myXML.@HEIGHT;
	my_images=myXML.IMAGE;
	my_total=my_images.length();

	createContainer();
	callThumbs();

	myXMLLoader.removeEventListener(Event.COMPLETE, processXML);
	myXMLLoader=null;
}

function callThumbs():void
{	
	mcPagination.nextBtn.buttonMode = true;
	mcPagination.prevBtn.buttonMode = true;
	var fotosPagina = 0;
	
		
	while(fotosPagina<thumbsPage)
	{
		var fotosCarregadas = currentIndex+fotosPagina;
		var thumb_url=my_images[currentIndex].@THUMB;
		
		mcPagination.nextBtn.enabled = true;
		mcPagination.nextBtn.gotoAndStop("fn_enabled");
		mcPagination.prevBtn.enabled = true;
		mcPagination.prevBtn.gotoAndStop("fn_enabled");
		var totalImagens = fotosCarregadas+1;
		if (totalImagens>=my_total)
		{
			mcPagination.nextBtn.enabled = false;
			mcPagination.nextBtn.gotoAndStop("fn_disabled");
		}
		if (currentIndex<=1)
		{
			mcPagination.prevBtn.enabled = false;
			mcPagination.prevBtn.gotoAndStop("fn_disabled");
		}
		if (fotosCarregadas>=my_total)
		{
			mcPagination.nextBtn.enabled = false;
			mcPagination.nextBtn.gotoAndStop("fn_disabled");
			//break;
		}

		var thumb_loader = new Loader();
		thumb_loader.load(new URLRequest(thumb_url));
		thumb_loader.contentLoaderInfo.addEventListener(Event.COMPLETE, thumbLoaded);

		thumb_loader.name=currentIndex;

		thumb_loader.x = (my_thumb_width+10)*x_counter;
		thumb_loader.y = (my_thumb_height+10)*y_counter;

		if (x_counter+1<columns)
		{
			x_counter++;
		} else
		{
			x_counter=0;
			y_counter++;
		}
		var preloader_pb:ProgressBar = new ProgressBar();
		preloader_pb.source=thumb_loader.contentLoaderInfo;
		preloader_pb.x=thumb_loader.x;
		preloader_pb.y=thumb_loader.y;
		preloader_pb.width=my_thumb_width;
		preloader_pb.height=my_thumb_height;
		preloaders_mc.addChild(preloader_pb);

		preloader_pb.addEventListener(Event.COMPLETE, donePb);
		
		fotosPagina++;
		trace("index: "+currentIndex);
		
		
		mcPagination.txtPagination.text = ((((("Exibindo de "+(oldIndex+1))+" até ")+(fotosCarregadas+1))+" num total de ")+Math.ceil(my_total));
		oldIndex = currentIndex;

	}
}

mcPagination.nextBtn.addEventListener(MouseEvent.CLICK, proxPagina);

function proxPagina(e:MouseEvent):void
{
	if((currentIndex+thumbsPage)<my_total)
	{
		currentIndex = currentIndex+25;
		//createContainer();
		callThumbs();
				
	}
}

mcPagination.prevBtn.addEventListener(MouseEvent.CLICK, antPagina);

function antPagina(e:MouseEvent):void
{
	if(currentIndex>0)
	{
		currentIndex = currentIndex-25;
		//createContainer();
		callThumbs();
		
		
	}
		
}


function thumbLoaded(e:Event):void
{
	var my_thumb:Loader=Loader(e.target.loader);
	//container_mc.addChild(my_thumb);
	mc_ThumbsContainer.addChild(my_thumb);
	my_tweens[Number(my_thumb.name)]=new Tween(my_thumb,"alpha",Strong.easeIn,0,1,0.5,true);

	my_thumb.contentLoaderInfo.removeEventListener(Event.COMPLETE, thumbLoaded);
}

function createContainer():void
{
	//container_mc = new MovieClip();
	//mc_ThumbsContainer.x=my_x;
	//mc_ThumbsContainer.y=my_y;
	addChild(mc_ThumbsContainer);

	mc_ThumbsContainer.addEventListener(MouseEvent.CLICK, callFull);
	mc_ThumbsContainer.addEventListener(MouseEvent.MOUSE_OVER, onOver);
	mc_ThumbsContainer.addEventListener(MouseEvent.MOUSE_OUT, onOut);
	mc_ThumbsContainer.buttonMode=true;

	preloaders_mc = new MovieClip();
	preloaders_mc.x=mc_ThumbsContainer.x;
	preloaders_mc.y=mc_ThumbsContainer.y;
	addChild(preloaders_mc);
}

function callFull(e:MouseEvent):void
{
	var full_loader:Loader = new Loader();
	var full_url=my_images[e.target.name].@FULL;
	full_loader.load(new URLRequest(full_url));
	full_loader.contentLoaderInfo.addEventListener(Event.INIT, fullLoaded);

	var full_pb:ProgressBar = new ProgressBar();
	full_pb.source=full_loader.contentLoaderInfo;
	full_pb.x = (stage.stageWidth - full_pb.width)/2;
	full_pb.y = (stage.stageHeight - full_pb.height)/2;
	preloaders_mc.addChild(full_pb);

	full_pb.addEventListener(Event.COMPLETE, donePb);

	mc_ThumbsContainer.removeEventListener(MouseEvent.CLICK, callFull);
	mc_ThumbsContainer.buttonMode=false;
	mc_ThumbsContainer.removeEventListener(MouseEvent.MOUSE_OVER, onOver);
	mc_ThumbsContainer.removeEventListener(MouseEvent.MOUSE_OUT, onOut);
	container_mc_tween =new Tween(mc_ThumbsContainer,"alpha",Strong.easeIn,1,0.5,0.5,true);
}

function fullLoaded(e:Event):void
{
	full_mc = new MovieClip();
	full_mc.buttonMode=true;
	addChild(full_mc);
	var my_loader:Loader=Loader(e.target.loader);
	full_mc.addChild(my_loader);// This line was addChild(my_loade), just add full_mc. before it.
	full_tween=new Tween(my_loader,"alpha",Strong.easeIn,0,1,0.5,true);
	my_loader.x = (stage.stageWidth - my_loader.width)/2;
	my_loader.y = (stage.stageHeight - my_loader.height)/2;
	my_loader.addEventListener(MouseEvent.CLICK,removeFull);

	my_loader.contentLoaderInfo.removeEventListener(Event.COMPLETE, fullLoaded);
}

function removeFull(e:MouseEvent):void
{
	var my_loader:Loader=Loader(e.currentTarget);
	full_tween=new Tween(my_loader,"alpha",Strong.easeOut,1,0,0.5,true);
	full_tween.addEventListener(TweenEvent.MOTION_FINISH, tweenFinished);

	container_mc_tween=new Tween(mc_ThumbsContainer,"alpha",Strong.easeOut,0.5,1,0.5,true);
}

function donePb(e:Event):void
{
	var my_pb:ProgressBar=ProgressBar(e.target);
	preloaders_mc.removeChild(my_pb);
	my_pb.removeEventListener(Event.COMPLETE, donePb);
}

function tweenFinished(e:TweenEvent):void
{
	var my_loader:Loader=Loader(e.target.obj);
	my_loader.unload();
	full_mc.removeChild(my_loader);// This line was removeChid(my_loader), just add full_mc before it.
	removeChild(full_mc);
	full_mc=null;

	mc_ThumbsContainer.addEventListener(MouseEvent.CLICK, callFull);
	mc_ThumbsContainer.buttonMode=true;
	mc_ThumbsContainer.addEventListener(MouseEvent.MOUSE_OVER, onOver);
	mc_ThumbsContainer.addEventListener(MouseEvent.MOUSE_OUT, onOut);

	var my_tween:Tween=Tween(e.target);
	my_tween.removeEventListener(TweenEvent.MOTION_FINISH, tweenFinished);
}
function onOver(e:MouseEvent):void
{
	var my_thumb:Loader=Loader(e.target);
	my_thumb.alpha=0.5;
}
function onOut(e:MouseEvent):void
{
	var my_thumb:Loader=Loader(e.target);
	my_thumb.alpha=1;
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

Gilvano, seja bem vindo ao fórum e antes de mais nada temos uma seção somente para dúvidas em AS3 e sua dúvida deveria ser postada nesta seção. Aguarde para que um moderador mova o tópico. E quando houver dúvidas, prefira postar apenas o bloco de código que há problema...

 

Att.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.