DEMIS BUCCI (50 pts)

JONAS GALVEZ (521 pts)

GÉRIO (93 pts)

SYDNEY GANHO (60 pts)

ZEBEDIAH (35 pts)

KEN AWAMURA (130 pts)

AUTOR DESCONHECIDO (100 pts)

DENIS CARAVALHO (85 pts)

MARCOS JOSÉ PINTO (44 pts)

STICKMAN (155 pts)

DAUTON JANOTA (255 pts)

MAURO ROCHA TAVARES (40 pts)
Treinamento PontoFlash de Flash e ActionScript

Eu gostaria de saber como faz o efeito de desfoque nos objetos!!

Calcular distância de um movieclip invisível.

Como eu faço um carregando bem simples no flash5?

Como colocar uns floquinhos de neve caindo somente com javascript?

Poderia me explicar um pouco mais sobre o arrays dentro de objetos?

Como carregar dinamicamente JPGs em sequência, com intervalo de 5 segundos, usando setInterval?

Como faço pra mudar o nome de uma variável em tempo real?

Como tornar palavras inseridas em um scroll em links clicáveis?

Posso limitar o tempo de permanência de um usuário numa página?

Como desenhar, simulando dinamicamente a ferramenta caneta do Flash?

Como criar membros (*propriedades e métodos) PRIVADOS de classes (OOP)?

Como simular o "salvar imagem como" do botão direito do browser no Flash?

Como de um botão no flash abrir uma página em um outro frame do HTML?

Como fazer um autorun em um CD para abrir um .EXE feito pelo Flash já em tela cheia?
Uso da tecla tab num formulário Flash.

Um contador Flash + PHP

O desenho animado abrindo sites.

Máscara com gradiente.

Criando um Editor HTML com o MM Flash

Alterar a parência dos componentes do FlashMX.

Máscara arrastável no Flash 5.

Janelas com abas.

Máscara arrastável no Flash 4.

Detectando funções de browser usando ASP

Introdução ao Droptarget

Abrir PopUp no Flash com JS e ASP.
Ponto e inércia

Mouse cross F5

Mapa Mundi

Lightball

Mulher

Combobox

Dynamic menu

Rastro Luis

Twang

Menu vai e volta

Escrever

Texto com mask
HOME | TUTORIAIS
Utilizando o ScrollPane no Flash MX.
por Fábio Duarte

Nesse tutorial iremos aprender a construir uma barra de rolagem (scroll) contendo textos e imagens, utilizando o componente ScrollPane do Flash MX.

Veja o exemplo abaixo.

Vamos lá?

:: Passo 01 ::

Abra um novo arquivo no Flash MX pressionando File/New ou CTRL+N. Clique em Modify/Document ou pressione CTRL+M para dimensionar o seu filme para 300 x 200 pixels.

   Com um duplo clique sobre a Camada 1 (Layer 1) vamos nomeá-la para "scrollPane", e no primeiro frame dessa camada, inserir a seguinte ação:

fscommand ("allowscale", "false");

Isso evitará que seu filme seja redimensionado mesmo que a janela do navegador (browser) seja.


- Fig. 01 -

:: Passo 02 ::

Organize na Camada "scrollPane" (somente nela) todos os textos e imagens que deverão constar no seu scroll. Comece desenhando um retângulo para servir de base.

   Isso é necessário para que se crie uma margem de espaçamento entre o conteúdo e as bordas laterais do seu scroll (Recomendo isso pelo fato do componente ScrollPane "colar" todo o conteúdo que está dentro dele às suas margens).

   Para ter certeza que o retângulo ficará por baixo dos textos e imagens, clique nele e vá em Modify/Arrange/Send to Back. Depois disso, crie um campo de texto estático (static text), insira o seu texto e arraste para o palco (stage) as imagens previamente importadas.

   Logo que terminar de inserir os textos e imagens, redimensione o retângulo para que cubra toda a extensão deles.

   Veja como deverá ficar todos os objetos posicionados no palco (stage).


- Fig. 02 -

:: Passo 03 ::

Feito isso, selecione todo o conteúdo (CTRL+A) e transforme em um Movie Clip pressionando a tecla F8 ou clicando no menu Insert/Convert to Symbol. Repare se a caixa de diálogo Convert to Symbol está em modo avançado. Caso não esteja, clique em Advanced como mostra a figura abaixo:


- Fig. 03 -

:: Passo 04 ::

Já no modo avançado, selecione Movie Clip na opção de Behavior (Comportamento) e dê o nome a ele de "meuScroll". Mais abaixo, em Linkage, marque a opção Export for ActionScript.

   Repare que o nome dado ao Movie Clip aparecerá automaticamente dentro do campo Identifier. Caso não apareça, escreva nesse campo o mesmo nome que você deu ao seu Movie Clip no campo Name.


- Fig. 04 -

Aperte OK para concluir o processo.

Agora que o seu Movie Clip está criado, você pode retirá-lo do palco (stage).
Clique sobre ele e aperte delete (Isso mesmo!).

:: Passo 05 ::

Com o palco (stage) vazio, vamos arrastar o componente ScrollPane para ele. Depois disso, vamos redimensioná-lo para que cubra a maior parte do filme e alinhá-lo no centro dele. Veja.


- Fig. 05 -

:: Passo 06 ::

Com o ScrollPane selecionado, vá até a caixa de Propriedades (Properties) e selecione a "aba" Parameters. Clique sobre a área Scroll Content e escreva o nome que você deu no Identifier para o seu Movie Clip na caixa de Convert to Symbol (veja Fig. 04).

   Em Horizontal Scroll, troque o parâmetro auto para false. Isso fará com que em nenhuma hipótese haja scroll horizontal.


- Fig. 06 -

:: Passo 07 ::

Chegamos na parte final.

   Como disse no item 2, o componente ScrollPane não permite que você possa formatar uma margem entre as bordas e o conteúdo dele. Com o retângulo criado para base do seu conteúdo, você conseguiu estabelecer uma margem entre as bordas laterais, mas não das bordas superior e inferior.

   Para isso, vamos fazer uso de um pequeno "truque" para corrigir esse problema.

   Crie uma nova Camada (layer) acima da camada scrollPane. Com a ferramenta Retangle Toll (R) crie um pequeno retângulo, de forma que ele cubra uma pequena área (do tamanho da margem que você quer que ele tenha) do conteúdo do componente.

   Duplique esse retângulo (CTRL+D). Posicione o retângulo duplicado na parte inferior do componente, como mostra a figura abaixo.


- Fig. 07 -

   Após posicionar os retângulos, falta somente retirar as linhas externas deles, de forma que só fiquem com o preenchimento.


- Fig. 08 -

   Pronto! Seu filme está terminado! Aperte CTRL+ENTER para testar o seu scroll.

Até a próxima!

Baixe aqui o arquivo FLA desse tutorial



Devido à reformulação implementada no site, pode ser que você encontre alguns links quebrados. Por favor, ajude-nos a corrigir eventuais problemas nos informando links quebrados
4 comentários


Comentário de Lucio Ivo
| 1/4/2012 - 16:32 |


OLa Fabio. Gostei do Tutorial e estou utilizando para uma apresentacão em Flash e encontrei uma dificuladede. Eu estou carregando um arquivo swf em minha apresentacão principal (é um menu) e deste menu eu carredo outros swf. Estou corregando um arquivo a partir do menu (vamos chamalo de scroll e é um modelo que vc colocou online). O problema é que neste scrool tem um link (que eu adicnionei) para valtar para o menu que náo está funcionando. o codigo que estou utilizando no arquivo scroll para chamar o menu é: on (release){ var objOuvinte:Object = new Object(); var objMCLoader:MovieClipLoader = new MovieClipLoader(); objOuvinte.onLoadProgress = function(mc:MovieClip, btLoader:Number, btTotal:Number){ trace("MC é o Movie Clip vazio "+mc+" ---- "+(btLoader/btTotal)*100 ) } objMCLoader.loadClip("files/menu.swf", _root.areatrab); objMCLoader.addListener(objOuvinte); } será que vc pode me ajudar?



Comentário de Fabricio SantaOnLine
| 7/8/2011 - 00:30 |
http://www.santaonline.com.br

Pô, manero, ajudou pra caramba.



Comentário de Fabricio SantaOnLine
| 7/8/2011 - 00:30 |
http://www.santaonline.com.br

Pô, manero, ajudou pra caramba.



Comentário de Robson Nunes
| 21/9/2010 - 09:48 |
http://kijornal.com.br

Muito bom os tutoriais que encontrei nesse site.. estão de parabens...ajuda muito no meu trabalho... valeu mesmo galerinha..