Ir para conteúdo

POWERED BY:

Arquivado

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

Vinicius Cainelli

[Resolvido] Fullscreen + layoutliquido AS2

Recommended Posts

To desenvolvendo um site, ele tem que ter o layout liquido e um botão pra função de fullscreen, esses eu já consegui, sem problemas o que acontece é que: qdo eu redimensiono a a janela, ou clico no modo full, os objetos da cena fica estáticos, não se movem conforme resolução da tela e talz.

 

aqui tá o scrip do liquido: esse aqui tá em todos o frames, pois esses elementos (backGround, btFull, mcMask e footer) estarao em todos os frames

 


//Configurações do Stage
Stage.scaleMode = 'noScale';
Stage.align = 'TL';

//Função genérica para posicionar os elementos
// sw - stage width
// sh - stage height
function Liquido():Void {
	
	//Tamanho atual do Stage
	var sh = new Number(Stage.height); 
	var sw = new Number(Stage.width);	
		
	//Ajuste do background
	backGround._x = 0;
	backGround._y = 0;
	backGround._width = Math.floor(sw);
	backGround._height = Math.floor(sh);
			
	//Ajuste da MASK
	mcMask._x = 0;
	mcMask._y = 0;
	mcMask._width = Math.floor(sw);
	mcMask._height = Math.floor(sh);
	
	// POSIÇÃO BT FULL
	btFull._x = 20;
	btFull._y = 15;
	
	//Ajusta o rodape e seus sub-elementos
	footer._x = 0;
	footer._y = Math.floor(sh - footer._height); // posição do rodape sempre no rodape. 
	
	footer.bgFooter._alpha = 50 ;
	footer.bgFooter._width = Math.floor(sw); // backgroud sempre acompanha o stage
	
	footer.depoimentos._y = 10;
	footer.depoimentos._x = 10;
	
	footer.Copyright._y = 10;
	footer.Copyright._x = (sw -10);

};
//Listener para o Stage
stageList = new Object();
stageList.onResize = function():Void {
	Liquido();
};
Stage.addListener(stageList);

//Posicionar os elementos uma primeira vez
Liquido();

 

Agora o script para o posicionamento dos elementos

 

 

stop();

var sh = new Number(Stage.height); 
var sw = new Number(Stage.width);


	// DISPLAY HOME
	
	displayHome._x = 0;
	displayHome._y = 0;
	
		// BG DISPLAY HOME
		displayHome.bg._x = 0;
		displayHome.bg._y = 0;
		displayHome.bg._width = sw;
		displayHome.bg._height = sh;
		displayHome.bg._alpha = 0;
		
		// POSITION LOGO
		displayHome.logo._y = sh - displayHome.handPen._height - (displayHome.logo._height* 1.3);
		displayHome.logo._x = sw/2-150;
		displayHome.logo._alpha = 40;

		// POSITIO MENU
		displayHome.menuHome._y = displayHome.logo._y;
		displayHome.menuHome._x = sw/2+150;
		
		// POSITION HAND PEN
		displayHome.handPen._y = sh - displayHome.handPen._height - 50 ;
		displayHome.handPen._x = sw/2 - 250 ;

Compartilhar este post


Link para o post
Compartilhar em outros sites

Nesta linha

 

stageList.onresize = function():Void {
        Liquido();
};

Coloque o 'onResize' no lugar de 'onresize'

 

 

Como assim cara??? Já tá o 'onResize'

 

stageList = new Object();
stageList.onResize = function():Void {
	Liquido();
};
Stage.addListener(stageList);

//Posicionar os elementos uma primeira vez
Liquido();

Compartilhar este post


Link para o post
Compartilhar em outros sites

é mais ou menos isso que quero fazer

 

 

http://www.group.com.br/v2/

 

http://www.group.com.br/v2/main.swf

 

se quiser tá aqui o link pro down do swf http://www.tempfiles.net/download/200908/53151/main.html

 

 

nessa pegada, ele redimensiona o conteudo é mais ou menos isso, mas fica full no browser.

Compartilhar este post


Link para o post
Compartilhar em outros sites

ASsim amiguinho :

  var listener:Object = new Object;
  Stage.addListener(listener);
  
  listener.onResize = function(){
      liquido();
  }
  
  function liquido(){
      //seu código
      trace(Math.random()*99);//é apenas exemplo
  }
  
  liquido();

Caso o resize fique com letra minuscula ele é com mauiscula ok?

Assim: Resize

 

Abraços

Compartilhar este post


Link para o post
Compartilhar em outros sites

Oi Vinicius

 

Vi seu post e seu exemplo estou fazendo um projeto e semelhante ao seu mas estou com um duvida.

 

Como você faz a transição de cada pagina com o layout liquido? esse efeito de desmontar a pagina antes de montar a proxima? você usa SWF externos? se sim pode me passar um exemplo? se não como esta fazendo esse efeito com MC ?

 

me passa um exemplo para eu dar uma estudada aqui

 

Att

Compartilhar este post


Link para o post
Compartilhar em outros sites

bersek - Isso já tá feito, desde o começo o onResize tá correto, o problema é qdo a janela é redimensionada ela os objetos se movem, qdo não era pra se moverem... da uma olhada nisso aqui - http://creativehouse.com.br/v2/ - depois que o site carrega, ele aparece em full certo, mas se você clicar no botão do full, ou redimensionar a janela do browser, os elementos não acompanham o redimensionamento.

 

 

darkwader - Isso q eu postei de exemplo não foi eu quem fez não cara, é de uma agência q eu to usando como inspiração.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Só corrigindo o link, é esse aqui - http://ups.hdfree.com.br/

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bom não sei o que você fez ai...

 

Aparente mente o botão está mudando de posição corretamente......

Agora sua imagem central ta com algum calculo dinamico relacionado ao stage?

 

Se não estiver não vai funcionar.

 

Do jeito que o código postado la em cima está não vai funcionar... pois você ta fixando os calculos e não dinamizando o valor...

 

Abraços

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bom não sei o que você fez ai...

 

Aparente mente o botão está mudando de posição corretamente......

Agora sua imagem central ta com algum calculo dinamico relacionado ao stage?

 

Se não estiver não vai funcionar.

 

Do jeito que o código postado la em cima está não vai funcionar... pois você ta fixando os calculos e não dinamizando o valor...

 

Abraços

 

Fmza, nem eu sei o q fiz, agora fiz uns testes com swf's externos e funciono..

 

mas vlw cara.

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.