SCROLL CONTÍNUO DE UM FICHEIRO HTML

Transcrição

1

2 SCROLL CONTÍNUO DE UM FICHEIRO HTML Introdução Com este tutorial vais aprender a criar um scroll para uma text field cujo seu conteúdo é código html que está num ficheiro.txt. Criar os botões de control do scroll Cria dois botões para comandar o scroll da forma que quiseres e coloca-os no stage no local que achares mais apropriado. Dá à layer onde colocás-te os botões o nome "botões". Carregar o ficheiro.txt

3 Cria uma nova layer e dá-lhe o nome texto. Nesta layer cria 4 frames em branco seleccionando cada uma delas e pressiona a tecla F7. Dá á label da frame #2 o nome "load" e á #4 end. Duplo clique na frame #1 na layer "texto", e aparece a janela "Action Properties". Insere o seguinte código: loadvariablesnum ("./teutexto.txt", 0); Onde está "teutexto" deverás por o nome do teu ficheiro. Move a janela "Action Properties" até conseguires ver a frame #2 da layer "texto" e clica nela. A janela "Action Properties" agora mostra as actions desta frame. Insere as seguintes actions: if (texto ne "") { gotoandstop ("end"); Clica na frame #3 da mesma layer e insere o seguinte código: gotoandplay ("load"); Clica na frame #4 da mesma layer e insere o seguinte código: stop (); Criar a Text Field Continuando na mesma frame (#4 da layer "texto") clica na ferramenta "Text Tool" e cria uma text field no local onde queres que o teu texto apareça. Na janela "Text Options" selecciona "Dynamic Text" e "Multiline". Escreve "texto" na caixa "Variable".

4 Marca as Check Box "HTML" e "Word Wrap". Agora selecciona a ferramenta "Arrow Tool" e a tua text field aparecerá com uma linha azul á volta, podes colocá-la onde quiseres. Duplo clique na text field e aparecerá um quadrado branco que serve para a redimensionar, se necessário fá-lo. Se quiseres mudar o tipo de letra, tamanho, ou cor, selecciona a janela "character" e muda o que pretenderes. Se usares fontes especiais terás que voltar á janela "Text Options" e activar o botão "[...]" abaixo de "Embed fonts". Atenção que isto vai aumentar o tamanho do filme. Criar dois filmes em branco Precisamos agora de criar 2 Movie Clips em branco com actions nas 3 primeiras frames. Estes filmes vão conter as actions para o teu filme subir ou descer. Primeiro filme Faz Insert» New Symbol, dá-lhe o nome "uptrigger" e o behavior Movie Clip. Clica OK. Dentro do Movie Clip cria as frames #2 e #3 em branco através da da tecla F7. Duplo clique na Frame#1 para abrir a janela "Action Properties" e insere as seguinte action: stop (); Clica na Frame #2 e insere a action set variable com os parametros mostrados na imagem

5 ou então copia o seguinte código: /text:scroll = /text:scroll-1; Clica na frame #3 e insere a seguinte action: Segundo filme Faz Insert» New Symbol, dá-lhe o nome "downtrigger" e o behavior Movie Clip. Clica OK. Dentro do Movie Clip cria as frames #2 e #3 em branco através da da tecla F7. Duplo clique na Frame#1 para abrir a janela "Action Properties" e insere as seguinte action: stop (); Clica na Frame #2 e insere a action set variable com os parametros mostrados na imagem ou então copia o seguinte código: /text:scroll = Number(/text:scroll)+1; Clica na frame #3 e insere a seguinte action: Vamos voltar á Scene #1 e colocar estes 2 filmes no stage em qulquer sitio pois como não tem gráficos não são vistos. Para possiveis alterações futuras do código é conveniente colocar o MovieClip "uptrigger" junto do botão para cima e o "downtrigger" junto do botão para baixo. Depois de colocados verás dois pequenos circulos, isto é suposto acontecer. Selecciona o "uptrigger" e na janela "instance" dá o nome "uptrigger". Faz o mesmo para o "downtrigger" mas agora dá o nome "downtrigger"

6 Inserir código nos botões Seleccionar o botão para cima a abre a janela "Action Properties". Insere este código: on (press) { telltarget ("uptrigger") { on (release) { telltarget ("uptrigger") { gotoandstop (1); Selecciona agora o botão para baixo e insere este código: on (press) { telltarget ("downtrigger") { on (release) { telltarget ("downtrigger") { gotoandstop (1); Agora grava todo o teu trabalho e exporta o filme. Criar o ficheiro txt que contém código html O último passo é criar o ficheiro que vai ser carregado para dentro do nosso filme de Flash.

7 Na frame #1 da layer "texto" colocá-mos: loadvariablesnum ("./teutexto.txt", 0); Para o tutorial vamos criar o ficheiro "teutexto.txt" no mesmo directório do teu filme Flash. Basta abrires o notepad ou outro editor de texto e colocar "texto=" no inicio do ficheiro e escrever o texto que te apetecer. Além de texto podes inserir também código HTML. Podes criar o teu texto num documento HTML e carregá-lo para dentro do filme Flash. O Flash reconhece tags de HTML mas ignora tabelas e imagens. O fantástico de utilizar esta tecnica é o facto de poderes utlizar, por exemplo, o código Java Script "open browser window" para abrir uma janela nova a partir do teu filme Flash. Para tal basta colocares no head da página onde está o teu swf o seguinte script: <SCRIPT LANGUAGE="JavaScript"> function newwinlink() { newwin = window.open("newwindow.htm","newwindow","height=220,width=400,resizable") // end hiding --></SCRIPT> e no ficheiro a carregar pelo filme Flash o link: <a href="javascript:newwinlink()">click HERE</a> E é tudo!!!