Ir para conteúdo

POWERED BY:

Arquivado

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

techno

Layout Liquido AS3.0

Recommended Posts

Bom galera, saudações!!!!

Sou novo aqui no Forum, quer dizer sempre dava umas olhadas, mas nunca me registrei!

 

Agora, como estou começando na área, e já no AS3.0, gostaria de um help, pra quem manjar aeh!!!

 

Seguinte, aqui vai o código de um layout Líquido (lembrando que eh em AS 3.0)

 

Criei 3 MovieClips, Topo (c/ instancia "header_mc"), Corpo (c/ instancia "body_mc") e um Rodapé (c/ instancia "footer_mc").

Cada uma dos "MC" em uma "Layer" diferente e uma "Layer" para a Programação "~AS".

 

Segue a programação (~AS):

 

import flash.display.StageScaleMode;

import flash.display.StageAlign;

import flash.events.Event;

 

stage.scaleMode = StageScaleMode.NO_SCALE;

stage.align = StageAlign.TOP_LEFT;

stage.addEventListener (Event.RESIZE, resizeHandler);

 

// começando a função de Redimecionamento.

resizeHandler (null);

 

function resizeHandler (event:Event):void {

var sw:Number = stage.stageWidth;

var sh:Number = stage.stageHeight;

 

header_mc.width = body_mc.width = footer_mc.width = sw;

body_mc.height = sw=sw-footer_mc.height;

footer_mc.y = sh-footer_mc.height;

}

 

 

---------------------------------------------------------------------------------------------------------------------------

Agora vem minha díuvida, ta funcionando, mas eu queria que ao redimendionar, que o "Rodapé" não ultrapase o meio da pagina, um afunção eu achu, seila.... que ao chegar no meio do palco principal ele parace, e ao maximinizar novamente ele voltace ao rodapé!

 

Não sei se conseguir explicar certo.. heheh...

Um exemplo, seria o Site da "Vivara" www.vivara.com.br, reparem no rodapé, que tem os links , "Empresa, Novidades...", se for Minimizando, chega a um ponto que ele para e é issu que eu quero.

 

Se alguem poder ajudar, com esse codigo, ou até mesmo ver se o site Vivara, eh no mesmo estilo!

 

Valeu, obrigado.

http://forum.imasters.com.br/public/style_emoticons/default/clap.gif http://forum.imasters.com.br/public/style_emoticons/default/clap.gif http://forum.imasters.com.br/public/style_emoticons/default/clap.gif http://forum.imasters.com.br/public/style_emoticons/default/clap.gif

 

Ps.: E desculpa se estou criando esse tópico no lugar errado!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Tenta assim (coloquei uma animação no rodape, qualquer coisa é só alterar para a linha comentada)

 

import flash.display.StageScaleMode;
import flash.display.StageAlign;
import flash.events.Event;

import fl.transitions.Tween;
import fl.transitions.easing.Strong;

stage.scaleMode = StageScaleMode.NO_SCALE;
stage.align = StageAlign.TOP_LEFT;
stage.addEventListener (Event.RESIZE, resizeHandler);

// variavel para animar o rodape no redimensionamento
var tw_rodape:Tween;

// começando a função de Redimecionamento.
resizeHandler (null);
	function resizeHandler (event:Event):void {
	var sw:Number = stage.stageWidth;
	var sh:Number = stage.stageHeight;

	header_mc.width = body_mc.width = footer_mc.width = sw;
	body_mc.height = sh-footer_mc.height;

	// altura minima para o rodape
	var alturaMinimaRodape:Number = 300;
	var alvo:Number = sh-footer_mc.height;
	
	if( alvo < alturaMinimaRodape )
	{
		alvo = alturaMinimaRodape;
	}
	
	// anima o rodape
	tw_rodape = new Tween(footer_mc, 'y', Strong.easeOut, footer_mc.y, alvo, 1, true);
	// sem animacao
	// footer_mc.y = alvo;
	
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

Não disse que teria novas dúvidas!!!

 

hehehehe

Agora me diga uma coisa.... em relação a imagem que ficara no Corpo,no caso "body".... como eu faria pra ele ficar como se fosse no site da url="www.annahickmann.com.br"]Anna Hickmann[/url], em que a imagem de traz.... parece que esta centralizada, mas ao passo que vamo minimizando ela não distorce ou sai do palco...

 

Alguem pode me explicar esse conceito???

 

 

Ahhh e Parabens ao Italo pelo excelente trabalho no site.

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.