[Fernando Spinola]

Galera, preciso da ajuda de vocês. Vou tentar explicar qual é minha dúvida.
Ex.: fiz um site em 800 x 600 pixels, esse é o tamanho do palco, mas fora desse limite coloquei uma imagem com 1600 x 1200 pixels, para q a mesma apareça caso a pessoa q está vendo o site tenha uma configuração de monitor maior que 800 x 600, para q não apareça fundo neutro.
O primeiro passo eu consegui, pois na hora de publicar, eu coloquei DIMENSIONS em percent e deixei 100 x 100 % e em ESCALE deixei NO ESCALE. Aí ficou perfeito, pois aparece a imagem q está fora do meu palco (800 x 600) nos monitores com configuraçao maior q 800 x 600.

O problema: quando minimizo a janela pra um tamanho menor que meu palco, ou quando a configuração do monitor é menor q o tamanho do meu palco, eu gostaria que os scrollbars aparecessem, mas isso não está acontecendo.

Um bom exemplo é esse site..www.buxixobar.com.br. Ele está da forma q eu quero, percebam q a foto de fundo aparece completa quando a configuração é grande, mas no palco principal, caso minimizem a janela, aparecem os scrollbars

Conto com a ajuda de vcs.
Muito obrigado

[Rodrigo Pixel]

Exemplo de escala proporcional de uma imagem em largura, seguindo o mesmo tamanho do stage:

AS3

stage.scaleMode = StageScaleMode.NO_SCALE;
stage.align = StageAlign.TOP_LEFT;

//evento: quando o stage sofrer modificação do tamanho, dispara função redimensiona()
stage.addEventListener(Event.RESIZE, redimensionaElementos);

redimensionaElementos(null); //começa redimensionar antes

//quando mudar o tamanho do stage, essa função dispara
function redimensionaElementos(e:Event):void
{
	//posiciona no topo esquerdo do stage
	imagemBg.x = 0;
	imagemBg.y = 0;
	imagemBg.width = stage.stageWidth; //imagem ajusta com a largura do stage
	imagemBg.scaleY = imagemBg.scaleX; //proporção de largura, escale Y é igual escala X
}

AS2:

Stage.scaleMode = "noScale"; //stage sem escala
Stage.align = "tl"; //top left
Stage.addListener(this); //adiciona ouvinte de eventos, essa timeline

//evento: quando o stage sofrer modificação do tamanho, dispara função redimensiona()
this.onResize = redimensionaElementos;


redimensionaElementos(); //começa redimensionar antes

//quando mudar o tamanho do stage, essa função dispara
function redimensionaElementos():Void
{
	//posiciona no topo esquerdo do stage
	imagemBg._x = 0;
	imagemBg._y = 0;
	imagemBg._width = Stage.width; //imagem ajusta com a largura do stage
	imagemBg._yscale = imagemBg._xscale; //proporção de largura, escale Y é igual escala X
}

Arquivos CS4:
http://www.mediafire...1q2j5kka2f9pwka

Pra scrollbar no browser você pode usar um javascript chamado swffit, no site tem exemplos e toda documentação de como usar:
http://swffit.millermedeiros.com/

Links úteis AS3 (no google você acha mais exemplos do tema):
http://www.flashpedi...porcionalmente/
http://www.flashpedi...layout-liquido/
http://www.flashpedi...icao-de-imagem/
http://www.flashpedi...-e-fullbrowser/

Abraço.

[Fernando Spinola]

Amigo, muito obrigado pela dica, vou estudar as dicas dadas. Muito obrigado!

Rodrigo Pixel, on 21 October 2011 - 02:01 PM, said:

Exemplo de escala proporcional de uma imagem em largura, seguindo o mesmo tamanho do stage:

AS3

stage.scaleMode = StageScaleMode.NO_SCALE;
stage.align = StageAlign.TOP_LEFT;

//evento: quando o stage sofrer modificação do tamanho, dispara função redimensiona()
stage.addEventListener(Event.RESIZE, redimensionaElementos);

redimensionaElementos(null); //começa redimensionar antes

//quando mudar o tamanho do stage, essa função dispara
function redimensionaElementos(e:Event):void
{
	//posiciona no topo esquerdo do stage
	imagemBg.x = 0;
	imagemBg.y = 0;
	imagemBg.width = stage.stageWidth; //imagem ajusta com a largura do stage
	imagemBg.scaleY = imagemBg.scaleX; //proporção de largura, escale Y é igual escala X
}

AS2:

Stage.scaleMode = "noScale"; //stage sem escala
Stage.align = "tl"; //top left
Stage.addListener(this); //adiciona ouvinte de eventos, essa timeline

//evento: quando o stage sofrer modificação do tamanho, dispara função redimensiona()
this.onResize = redimensionaElementos;


redimensionaElementos(); //começa redimensionar antes

//quando mudar o tamanho do stage, essa função dispara
function redimensionaElementos():Void
{
	//posiciona no topo esquerdo do stage
	imagemBg._x = 0;
	imagemBg._y = 0;
	imagemBg._width = Stage.width; //imagem ajusta com a largura do stage
	imagemBg._yscale = imagemBg._xscale; //proporção de largura, escale Y é igual escala X
}

Arquivos CS4:
http://www.mediafire...1q2j5kka2f9pwka

Pra scrollbar no browser você pode usar um javascript chamado swffit, no site tem exemplos e toda documentação de como usar:
http://swffit.millermedeiros.com/

Links úteis AS3 (no google você acha mais exemplos do tema):
http://www.flashpedi...porcionalmente/
http://www.flashpedi...layout-liquido/
http://www.flashpedi...icao-de-imagem/
http://www.flashpedi...-e-fullbrowser/

Abraço.

[Fernando Spinola]

Amigão, valeu pela ajuda, mas ainda nao consegui, alguns links que vc mandou foram bem interessantes, e até aprendi novas coisas importantes q eu nao sabia fazer, mas ainda nao consegui resolver meu problema... esse codigo q vc passou desse link "http://swffit.millermedeiros.com/"m eu coloco na pagina html certo? (desculpe a ignnorância)... um bom site q exemplifica bem o que eu quero, é esse www.2advanced.com , ele está da forma q eu quero, percebam q a imagem de fundo aparece completa quando a configuração é grande, mas no palco principal, caso minimizem a janela para um tamanho menor q esse palco, aparecem os scrollbars verticais.

Desculpe a encheção amigão.. mas como eu disse.. resolvendo esse meu problema, eu resolvo 99% dos meus problemas com flash, pelo menos por quanto.. rs... agradeço muito a atenção

Rodrigo Pixel, on 21 October 2011 - 02:01 PM, said:

Exemplo de escala proporcional de uma imagem em largura, seguindo o mesmo tamanho do stage:

AS3

stage.scaleMode = StageScaleMode.NO_SCALE;
stage.align = StageAlign.TOP_LEFT;

//evento: quando o stage sofrer modificação do tamanho, dispara função redimensiona()
stage.addEventListener(Event.RESIZE, redimensionaElementos);

redimensionaElementos(null); //começa redimensionar antes

//quando mudar o tamanho do stage, essa função dispara
function redimensionaElementos(e:Event):void
{
	//posiciona no topo esquerdo do stage
	imagemBg.x = 0;
	imagemBg.y = 0;
	imagemBg.width = stage.stageWidth; //imagem ajusta com a largura do stage
	imagemBg.scaleY = imagemBg.scaleX; //proporção de largura, escale Y é igual escala X
}

AS2:

Stage.scaleMode = "noScale"; //stage sem escala
Stage.align = "tl"; //top left
Stage.addListener(this); //adiciona ouvinte de eventos, essa timeline

//evento: quando o stage sofrer modificação do tamanho, dispara função redimensiona()
this.onResize = redimensionaElementos;


redimensionaElementos(); //começa redimensionar antes

//quando mudar o tamanho do stage, essa função dispara
function redimensionaElementos():Void
{
	//posiciona no topo esquerdo do stage
	imagemBg._x = 0;
	imagemBg._y = 0;
	imagemBg._width = Stage.width; //imagem ajusta com a largura do stage
	imagemBg._yscale = imagemBg._xscale; //proporção de largura, escale Y é igual escala X
}

Arquivos CS4:
http://www.mediafire...1q2j5kka2f9pwka

Pra scrollbar no browser você pode usar um javascript chamado swffit, no site tem exemplos e toda documentação de como usar:
http://swffit.millermedeiros.com/

Links úteis AS3 (no google você acha mais exemplos do tema):
http://www.flashpedi...porcionalmente/
http://www.flashpedi...layout-liquido/
http://www.flashpedi...icao-de-imagem/
http://www.flashpedi...-e-fullbrowser/

Abraço.

[IAMDIX]

Ola Fernando,

nesses dias andei mechendo com os arquivos swfobject, swfaddress, e swffit e consegui que todos os browser redimensionavam
a homepage do swf principal; mesmo deminuindo a janela do browser ao minimo toda a pagina diminuiva em perspectiva.

tem que baixar as bibliotecas e colocar na pasta de sua escolha (eu tenho uma com nome "classes" onde junto
as varias bibliotecas.

exemplo com swffit

No flash vai em edit ......preferences
no lado esquerdo na 2a linha clica em ActioScript
em baixo a direita agora clica em ActionScript3 (eu uso o AS3)
no sourcepath clica em +
e procura as classe no diretorio onde voce colocou e clica aonde achar elas:
a pasta millermedeiros

ok e ok

na parte do action script (F9) precisa importar as classes agora
import swffit.*;

quando vai publicar o swf (F12) ele cria umarquivo html.....é nesse arquivo que vai mecher os codigos conforme ilustrado nos links do Rodrigo.

Abç

[TSRDesign]

Caso esteja trabalhando com AS2 segue abaixo um arquivo para vc ver os comandos de um site com ajuste automatico:
http://www.tutoriale...stePantalla.fla