Caixas de texto de entrada e dinâmicas

 

Vamos aprender neste tutorial como criar caixas de textos de entrada e dinâmicas, a caixas de texto de entrada servem para escrever e as dinâmicas servem para mostrar conteúdos de variáveis processadas pelo action script, como exemplos vamos criar uma calculadora simples e veremos também como criar barras de rolagem personalizadas para caixas de texto dinâmicas.

 

Além das caixas de texto estáticas que usamos até agora, temos mais dois tipos de caixas de texto:

 

» Entrada – Caixas de texto como as dos formulários HTML, podemos escrever nestas caixas e depositar os valores digitados em variáveis de Action Script.

 

» Dinâmicas – Exibem conteúdo de variáveis.

 

Caixas de entrada

 

1. Crie um novo arquivo com 400 pixels de largura por 200 pixels de altura.

 

2. Clique na ferramenta texto e, desenhe com ela, um retângulo no palco.

 

3. Siga as instruções da figura.

 

 

4. Pressione CTRL ENTER para testar sua caixa, clique nela para escrever alguma coisa.

 

Caixa dinâmica

 

1. Crie um novo arquivo com 400 pixels de largura por 200 pixels de altura.

 

2. Clique na ferramenta texto e, desenhe com ela, um retângulo no palco.

 

3. Siga as instruções da figura.

 

 

4. Clique no primeiro frame de sua linha de tempo e pressione F9 para mostrar a paleta Actions e digite a ação abaixo

 

 

5. Quando digitamos uma Action num frame não precisamos associar a um evento, qualquer ação digitada num frame é executada automaticamente quando o filme rodar.

 

6. Pressione CTRL ENTER para testar seu filme, a caixa de texto dinâmica vai mostrar o texto “um texto qualquer”.

 

Combinando caixa de entrada e dinâmica

 

Vamos criar num arquivo Flash uma caixa de entrada, uma de saída e um botão, quando a aplicação rodar vamos escrever um texto na caixa de entrada, clicar no botão e este texto vai aparecer na caixa dinâmica.

 

1. Crie um novo arquivo com 400 pixels de largura e 200 pixels de largura.

 

2. Desenhe no alto a esquerda do palco uma caixa de texto de entrada e dê o nome “entrada” à sua variável.

 

3. Desenhe em baixo a esquerda do palco uma caixa de texto dinâmica e dê o nome de “saida” à variável.

 

4. Insira um botão no meio a direita do palco, a interface tem de ficar parecida com a figura abaixo.

 

 

5. Clique no botão, pressione F9 para mostrar o painel Action e digite a ação abaixo:

 

Exercício

 

Vamos montar uma calculadora simples para as quatro operações básicas.

 

1. Crie um novo arquivo com 400 pixels de largura e 300 pixels de altura.

 

2. Desenhe a interface abaixo.

 

 

3. Clique no botão Soma e digite a ação abaixo.

 

 

4. Clique no botão Subtração e digite a ação abaixo.

 

 

5. Clique no botão Divisão e digite a ação abaixo.

 

 

6. Clique no botão Multip. e digite a ação abaixo.

 

 

Criando botões para rolagem de textos

 

A partir da versão 7.2 do Flash MX, podemos criar botões para rolagem de textos longos com um mínimo de código.

 

Exemplo prático

 

1. Crie um novo arquivo no Flash com 500 pixels de largura e 300 pixels de altura.

 

2. Clique na ferramenta Texto e desenhe uma caixa de texto como mostrado abaixo.

 

 

3. Cole dentro desta caixa um texto bem grande, que exceda o tamanho do palco.

 

 

4. Mude o tipo da caixa para Dynamic Text.

 

 

5. Dê o nome de “rolagem” a Instância.

 

 

6. Selecione o seu texto e clique no menu Text/Scrollable.

 

 

7. Clique na Ferramenta Texto e observe que aparecerá um quadrado preto em baixo a direita da sua caixa de texto, você deve usar este quadrado para diminuir o tamanho da caixa de texto para que ela caiba dentro do palco.

 

8. Desenhe dois botões do lado da caixa de texto, um servirá para rolar a caixa de texto para cima e o outro para baixo.

 

 

Dica: O Flash tem uma biblioteca com botões prontos que você pode usar no seu projeto, para acessar esta biblioteca observe a figura abaixo.

 

 

9. Selecione o botão de cima e digite a ação abaixo:

 

 

10. Selecione o botão de baixo e digiite a ação abaixo: