Textos no Flash

ndice
1. 1.1. 1.2. 1.3. 1.4. Texto no Flash ......................................................................................1 Static Text (texto esttico) ....................................................................1 Dynamic Text (Texto Dinmico) .............................................................3 Input Text...........................................................................................7 Exerccio .............................................................................................8

1. Texto no Flash H trs maneiras de se trabalhar com um texto no Flash, voc pode inserir textos estticos, dinmicos ou caixas de textos para digitao. Veja abaixo a descrio de cada um desses tipos de caixa texto: Static Text: utilize esse tipo de caixa de texto para inserir textos estticos no palco. Dynamic Text: tipo utilizado para textos dinmicos, que podem ser alterados por cdigo Actionscript. Input Text: tipo que permite a entrada de texto por parte do usurio, inclusive campos de senha.

x x x

1.1. Static Text (texto esttico)

Textos estticos so usados quando temos certeza que no iremos mudar o seu contedo durante a execuo do programa.
Negrito
Alinhamento

Tipo do Texto

Fonte

Tamanho

Cor

Itlico

Espaamento entre caracteres

URL Link

Selectable
Posio dos caracteres

Auto Kern
Alias Text

Formatao do texto

Direo do texto

Clique sobre a ferramenta de inserir texto Abra a janela de propriedades do texto que acabou de inserir. Para isso, utilize: Window > Properties ou pressione as teclas Ctrl + F3.

Tipo do Texto Permite a escolha de um dos comportamentos para o texto (Esttico, Dinmico ou Input Text). Cada tipo de texto habilita opes de propriedades referentes a ele.

Ao escolher a opo Static Text, voc ter as seguintes opes:

Fonte Tamanho Cor Negrito e Itlico Fonte usada no texto. Tamanho da Fonte (de 8 a 96). Podemos utilizar a paleta de cores ou criar novas cores para preenchimento das letras, alm das cores padres do Flash. Transforma o texto em negrito e em itlico.

Pgina 1

Podemos alinhar o texto, da mesma forma como em um editor de textos: x esquerda x centro x direita x justificado Espaamento entre Ajusta o espaamento entre os caracteres. Veja o exemplo caracteres abaixo: Texto T e x t o URL Link Ao definirmos uma URL para esse campo, criamos um link para essa pgina, que ser aberta no navegador padro instalado em seu sistema operacional. Podemos modificar o valor do atributo target, do link, para definir o local no qual a pgina que ser aberta. Alinhamento - _blank (abrir em uma nova pgina) - _self (abrir na mesma pgina que contm o swf) - _parent (abrir na pgina pai) - _top (abrir na pgina topo) Superscript: Muda os caracteres para acima da linha base. Exemplo: texto Subscript: Muda os caracteres para abaixo da linha base. Exemplo: texto Normal: Retorna os caracteres para a posio base. Exemplo: texto Ao marcarmos esse campo, o usurio poder selecionar o texto com o mouse, podendo copi-lo, se desejar. Quando ativado, controla o espaamento entre os caracteres de forma a melhorar a visualizao do texto. Melhora a qualidade da visualizao do texto. Podemos configurar o texto para que ele seja inserido no palco em diferentes direes, no somente na forma horizontal. Observe a imagem abaixo:

Posio dos caracteres

Selectable Auto Kern Alias Text Direo do Texto

Formato

Podemos tambm mudar o formato do texto. Configurar margens e espaamento entre linhas.

Pgina 2

Use Device Fonts

Quando escolhemos um determinado tipo de fonte para nosso texto, pode ser que ele no esteja instalado no sistema operacional do usurio que visualizar a animao. Por isso, a fonte includa por padro no SWF. Se habilitarmos a opo de usar fontes do dispositivo (Use Device Fonts), a fonte no ser includa no SWF, fazendo com que o tamanho do programa gerado seja menor. Porm, quando o seu programa for executado no computador cliente, se a fonte utilizada no existir, o Flash escolher uma fonte mais prxima possvel da original, isso pode trazer resultados no muito satisfatrios. Analise cada caso para escolher se deseja inserir ou no a fonte no programa final. Lembrando de que o tamanho de arquivos um fator muito importante para a distribuio de contedo pela Internet!

1.2. Dynamic Text (Texto Dinmico)

Utilizamos o texto dinmico, quando precisamos alterar o contedo de um texto durante nosso programa, podemos acess-lo atravs da linguagem Actionscript e modificarmos suas propriedades dinamicamente.

Nome da instncia

Tipo da linha

Apresentar Texto como HTML

Mostrar borda ao redor do texto

Varivel associada

Nome da instncia Tipo de Linha

Apresentar Texto como HTML

Quando configuramos um campo texto como sendo do tipo dinmico, podemos atribuir-lhe um nome ao qual poder ser referenciado atravs do Actionscript. Adiante, faremos exemplos da utilizao desse recurso. Podemos escolher entre trs tipos de linha para esse campo: x Single Line: linha nica. x Multiline: quando o texto fica maior que a rea delimitada o Flash insere mais linhas. x Multiline no wrap: o Flash cria novas linhas na caixa de texto, quando encontra o caractere referente tecla ENTER. Marcando essa propriedade, podemos apresentar um texto formatado por tags HTML. Porm, nem todas as tags so suportadas, entre elas: negrito (<b></b>), itlico (<i></i>), link (<a href=></a>) e propriedades da fonte (<font></font>).

Pgina 3

Mostrar borda ao redor do texto Varivel Associada

Por exemplo: <b>Texto</b> O resultado exibido na tela do usurio: Texto. Podemos configurar para mostrar uma borda ao redor de um texto. A borda sempre preta com o fundo branco. Textos estticos no oferecem essa opo. Ao associarmos uma varivel a esse tipo de campo texto, podemos alterar o valor do campo atravs da mudana no contedo da varivel associada.

Opes de edio dos caracteres

Adiante, explicaremos melhor a utilizao desse tipo de interao. Quando inclumos algum tipo de fonte no programa, o tamanho do SWF aumentado, o que pode prejudicar o carregamento do programa no computador do usurio, atravs da Internet. Muitas vezes, no utilizamos todos os caracteres que existem em um tipo de fonte: quando inclumos um campo numrico, por exemplo, sabemos que ele somente utilizar os caracteres 0, 1, 2, 3, 4, 5, 6, 7, 8 e 9. Caracteres que fazem parte do alfabeto (A..Z) no sero utilizados.

O Flash nos permite configurar quais so os caracteres que desejamos inserir. Faa um teste! Crie um novo Documento Flash e insira um campo de texto dinmico, siga os passos abaixo: 1. No campo criado campo, digite nmeros e letras intercalados. Por Exemplo: 23sdfs763sd3643ASfe. 2. Depois, clique na opo Character, da janela de propriedades do campo texto.

3. Nessa janela, escolha a opo Specify Ranges e, em seguida, selecione a opo Numerals [0 ..9], que permite apenas caracteres numricos no campo. Para testar, pressione as teclas Ctrl + Enter. Note que somente os caracteres numricos so apresentados na janela de teste do documento Flash.

Vamos fazer um exemplo. Voc agora, aprender a modificar o contedo de uma Dynamic Text, utilizando um boto pr-definido no Flash e um pequeno cdigo em Actionscript. Siga os passos abaixo:

Pgina 4

1. Crie um novo Documento Flash. 2. Abra a janela de propriedades do palco (stage) e redimensione o palco (stage) para que tenha 300 pixels de largura por 100 pixels de altura. Se voc quiser tambm trabalhar com o padro de palco Rived, configure: 600 px de largura por 400 px de altura. Aproveite e modifique a cor de fundo do palco para azul (#66CCFF).

3. Crie um campo texto dinmico com rtulo Clique no boto e configure suas propriedades como na figura abaixo:

Pgina 5

4. Agora, clique no menu Window, escolha Other Panels, depois Common Libraries e selecione Buttons. Se preferir, arraste a janela aberta para o meio do palco e redimensione.

5. Agora, abra o Painel de actions, que o local no qual devemos incluir os cdigos em Actionscript. Para isso, v at o menu Window > Development Panels > Actions ou pressione a tecla F9. 6. Selecione o boto no palco. Com o boto selecionado, digite o cdigo abaixo: No cdigo, // comentrio de uma linha.

Pgina 6

//evento acionado quando o boto liberado on (release) { //mudamos a cor da fonte com a propriedade textColor _root.meuCampoTexto.textColor = 0xFFFFFF; //alteramos o valor da propriedade text do meuCampoText _root.meuCampoTexto.text = "Texto Alterado";

} Sobre o cdigo escrito:

Elemento do cdigo _root on (realease)

Descrio utilizado para fazer com que o Flash procure o campo no primeiro nvel do palco, ou seja, o campo texto meuCampoTexto est localizado na raiz do programa. Esse evento disparado sempre que o boto for solto, ou seja, ele foi pressionado e solto.

Leia os comentrios feitos no prprio cdigo para compreender o funcionamento de cada linha. Em caso de dvidas, entre em contato com o seu tutor, por e-mail ou insira sua dvida no Frum de dvidas. Lembramos que o nosso objetivo ainda no o aprofundamento em caractersticas especficas do Actionscript, mas sim, entender quais as maneiras possveis de se trabalhar com texto no Flash.

Agora s testar, pressione as teclas Ctrl + Enter e clique sobre o boto que criou e verifique o resultado.

1.3. Input Text

O Input Text bem parecido com o Dynamic Text, porm, permitido que o usurio manipule o valor desse campo.

Pgina 7

1.4. Exerccio
Nesse exerccio, voc deve criar um campo texto dinmico, um campo texto do tipo Input Text e um boto que altere o contedo do campo dinmico. Siga o roteiro abaixo: x Crie um documento flash que contenha: o 1 boto pronto. o 1 campo texto dinmico. o 1 campo texto do tipo Input Text, configure-o como sendo do tipo password.

Input Text

Campo de texto dinmico

Boto

Com os objetos criados em tela, voc deve programar o boto de forma que ao clicarmos ele, o valor digitado no campo Input text dever ser atribudo ao campo texto dinmico. Veja o exemplo abaixo:

Pgina 8