LUI FERNANDO (151 pts)

DAUTON JANOTA (255 pts)

RODRIGO AMARAL (56 pts)

ZEBEDIAH (35 pts)

EDUARDO CARREGA (150 pts)

JOÃO NETO (78 pts)

HELEN TRIOLO (444 pts)

DANIELA PIRES (86 pts)

MANGOOST (80 pts)

MARCOS JOSÉ PINTO (44 pts)

BÁRBARA TOSTES (64 pts)

JONAS GALVEZ (521 pts)
Treinamento PontoFlash de Flash e ActionScript

Não consigo mudar o foco do HTML para o objeto flash.

Visite o www.estudio.com. Como é feita a navegação desse site?

Há como inserir um som midi numa apresentação flash?

Queria fazer uma barra de rolagem no Flash.

Que programas tiram as bordas, barra de título de um projetor (executável)?

Quero fazer um loop infinito.

Biblioteca de fontes usadas em vários filmes (fontes compartilhadas).

Qual é o comando para quando um HTML abrir redirecione para outro automaticamente?

Aqui vai o segredo das variáveis

Como faço para abrir filmes menores dentro de outro maior (into level)?

Como simular um texto sendo digitado, como uma máquina de escrever?

Queria fazer uma ação no rollOuver, mas sem aparecer a mãozinha no mouse.

Alguém aqui consegue produzir um multimídia com o flash, utilizando arquivos Quicktime (.MOV)?

Quero alterar a ordem de movimentação da tecla tab num formulário.
Relógio analógico

Objeto array.

Botão avançar e recuar.

Animate - Fireworks

Download de arquivos com a classe File Reference

Utilizando o ScrollPane no Flash MX.

Como criar objetos 3D no Fireworks.

Shared object.

Redimensionar um filme no modo de edição

Flash MX 2004 Updater

EmbedFonts e Mini-dicionário Style

Integração Flash X ColdFusion.
Combobox

Combobox

Customcursor

Motion color

Colours

Satélite

Sashacircle 3

Openmask

Worms 3d

Break_text

Nudemask2

Old film countdown
HOME | TUTORIAIS
Barra de rolagem simples no Flash5.
por Alexandre Porto

"E aí galera ... alguém sabe como fazer um texto com barra de rolagem no Flash?"

Na lista de discussão PontoFlash recebemos pelo menos uma duas perguntas como essa todos os dias. Como sou um pouco preguiçoso, resolvi escrever esse tutorial para nunca mais ter de respondê-las. Agora só dou o link do tutorial e vocês que se virem. :))

Realmente esse é um dos calos do Flash, que não gera automaticamente a barra de rolagem (scroll) como o HTML. Bom, já que temos que fazer à mão mesmo, vamos ver como isso pode ser bem simples.

Vamos começar pelo começo.

Abra um arquivo novo no Flash (Ctrl+O).
Como você pode ver na figura abaixo, criei três camadas com quatro frames: ações, botões e campo. Quem olha vai pensar que sou muito organizado.
Na camada "campo" desenhe um campo de texto. Se queremos uma barra de rolagem, certamente é porque esse texto terá muitas linhas. Então vamos ver como configurar a panel "Text Options".

Selecionamos "Multiline" e "Word Wrap" para que o texto se adapte ao campo de texto, com quebras de linhas automáticas. Repare que associei ao campo de texto a variável "alvo". Encontraremos referências à essa variável mais adiante, tanto nas ações dos botões de rolagem quanto no arquivo de texto.

Ah! Já ia esquecendo de dizer que, para esse exemplo, preferi importar um texto contido em um arquivo .txt.

Vamos criar agora os códigos que serão usados para essa importação. Para isso utilizaremos a camada "ações". Clique com o botão direito do mouse no primeiro frame, escolha "actions" e insira o seguinte código no editor de actions:

loadVariablesNum ("barra_de_rolagem.txt", 0);

obs: barra_de_rolagem.txt é o nome que dei ao arquivo de texto.

Selecione o frame 3 e pressione F7 para inserir um blank keyframe. Chame novamente o Editor de Actions e insira o código abaixo.

if (alvo == "") {
   gotoAndPlay (2);
}

Essa ação checa se o arquivo .txt já foi carregado pelo Flash. Se a resposta for ser negativa (alvo == ""), há uma ação que retorna ao frame 2, configurando um loop. Quando o arquivo tiver sido carregado (alvo != "") a timeline correrá normalmente até o frame 4, no qual inserimos uma ação "stop" e, na camada botões, desenhamos os botões de rolagem.

Mas o que são esses lápis na imagem acima?

Podem acreditar, são os botões que eu fiz importando um gráfico da biblioteca do programa. Original, não?

Veja as ações que foram inseridas nos botões.

on (release, keyPress "") {
   up = alvo.scroll - 1;
   if (up < 1) {
      up = 1;
   }
   alvo.scroll = up;
}

e

on (release, keyPress "") {
   down = alvo.scroll + 1;
   if (down > alvo.maxscroll) {
      down = alvo.maxscroll;
   }
   alvo.scroll = down;
}

Repare que defini as variáveis "up" e "down" com o + 1 e -1 para dar movimento. Com as condicionais "if", incluídas nos códigos, limito mínimo e máximo para a rolagem. Na última linha, volto a definir as variáveis "up" e "down" para que o movimento seja contínuo.

E o arquivo TXT, como se configura?

Abra o seu bloco de notas e digite: alvo=blá, blá, blá blá, blá, blá, blá, blá, blá, blá, blá, blá, blá, blá, blá, blá, blá, blá, blá, blá, blá, blá, blá, blá, blá, blá, blá, blá, blá, blá.

Insira muitos "blás" para que a barra de rolagem possa ser criada. Repare que começo indicando a variável "alvo" definida no arquivo FLA para o campo de texto. Se você quiser indicar outras variáveis no mesmo arquivo txt, coloque antes um &, isto é, "&alvo2=blé, blé, blé".

As configurações de fonte você define na panel "Character". Nesse caso, em que usei um arquivo txt, todo o texto usa apenas uma única formatação. Você pode também inserir um texto com tags de formatação em HTML. Para mais detalhes veja o tutorial HTML no Flash5. Espero que tenha sido bem claro e que a partir de hoje não tenha mais que responder a essa pergunta em nossa lista. Qualquer dúvida é só falar.

baixe aqui os exemplos usados no 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
1 comentário


Comentário de Paulo Ricardo
| 10/3/2010 - 11:46 |


Gostei do tutorial, mas falta um detalhe: como posso fazer para além disso tudo, o texto seja controlado também pela roda do mouse, afinal, nos html todo mundo está aconstumado com a roda do mouse! valew! estarei esperando resposta!