Desenvolvimento Multimdia

Texto dinmico e Mscaras dinmicas

Desenvolvimento Sistemas Internet | 5 Perodo | Prof. Allan Brito

Contedo
Criando caixas de texto com ActionScript Classe TextField Classe TextFormat Mscaras Dinmicas Timer Event

Desenvolvimento Sistemas Internet | 5 Perodo | Prof. Allan Brito

Classe TextField
Essa classe permite adicionar de maneira dinmica caixas de texto no Stage Assim como os textos podem ser criados, podemos tambm formatar os mesmos

Desenvolvimento Sistemas Internet | 5 Perodo | Prof. Allan Brito

Classe TextField
Para criar um campo de texto com ActionScript, precisamos declarar uma varivel usando a classe TextField var nome:TextField = new TextField();

Desenvolvimento Sistemas Internet | 5 Perodo | Prof. Allan Brito

addChild
A Classe TextField, assim como diversas outras classes que criam elementos visuais no Flash, precisam de instncias no cdigo e no stage. Essas instncias no stage so criadas por meio de um addChild.

Desenvolvimento Sistemas Internet | 5 Perodo | Prof. Allan Brito

Exemplo
O seguinte cdigo: var meuTexto:TextField = new TextField; meuTexto.text = Esse o texto...

No gera nenhum tipo de elemento visual no Stage. Sem o addChild a instncia no entra no chamado Display List do ActionScript.
Desenvolvimento Sistemas Internet | 5 Perodo | Prof. Allan Brito

Exemplo
O seguinte cdigo: var meuTexto:TextField = new TextField; meuTexto.text = Esse o texto... addChild(meuTexto)
Assim o texto exibido no Stage.

Desenvolvimento Sistemas Internet | 5 Perodo | Prof. Allan Brito

addChild
A ordem com que o addChild adicionado na seqncia de eventos, no influncia no resultado da caixa de texto. var meuTexto:TextField = new TextField; meuTexto.text = Esse o texto... addChild(meuTexto) meuTexto.text = Hoje dia de aula...

Desenvolvimento Sistemas Internet | 5 Perodo | Prof. Allan Brito

Propriedades da caixa de texto

Assim como acontece com os MovieClips e outros elementos do Flash, as caixas de texto tambm tem propriedades que podem ser alteradas. Por exemplo, a cor do texto acessvel pela propriedade textColor. meuTexto.textColor = 0xFF00CC
Desenvolvimento Sistemas Internet | 5 Perodo | Prof. Allan Brito

textColor
Essa propriedade precisa usar as informaes sobre o texto, com base em cores hexadecimais. O formato sempre 0xFFFFFF

Desenvolvimento Sistemas Internet | 5 Perodo | Prof. Allan Brito

border
Adiciona uma borda ao texto Valores booleanos (true/false) meuTexto.border = true

Desenvolvimento Sistemas Internet | 5 Perodo | Prof. Allan Brito

borderColor
Altera a cor da borda da caixa de texto Aceita o mesmo formato de cor hexadecimal meuTexto.border = true meuTexto.borderColor = 0xFFCC00

Desenvolvimento Sistemas Internet | 5 Perodo | Prof. Allan Brito

wordWrap
Controla a quebra de linha automtica do texto A configurao feita por valores booleanas Essa opo importante no ajuste de textos muito longos meuTexto.border = true meuTexto.borderColor = 0xFFCC00 meuTexto.wordWrap = true
Desenvolvimento Sistemas Internet | 5 Perodo | Prof. Allan Brito

width / heigth
Controla a largura (width) e altura (heigth) do texto; A propriedades s aceitam valores numricos meuTexto.width = 300 meuTexto.heigth = 200

Desenvolvimento Sistemas Internet | 5 Perodo | Prof. Allan Brito

x/y
Controla a posio da caixa de texto no Stage, usando coordenadas de x e y Tambm com valores numricos meuTexto.x = 200 meuTexto.y = 50

Desenvolvimento Sistemas Internet | 5 Perodo | Prof. Allan Brito

Outras propriedades
selectable Determina se o texto pode ser selecionado (Booleano) meuTexto.selectable = true Permite usar tags simples de formatao em HTML. meuTexto.htmlText = Mais um <b>texto</b>... Permite determinar o tipo do campo de texto: meuTexto.type = TextFieldType.INPUT; meuTexto.type = TextFieldType.DYNAMIC;

htmlText

type

Desenvolvimento Sistemas Internet | 5 Perodo | Prof. Allan Brito

Classe TextFormat
Para fazer a formatao do texto, usamos a classe TextFormat Com essa classe possvel criar estilos que podem ser aplicados em vrios textos

Desenvolvimento Sistemas Internet | 5 Perodo | Prof. Allan Brito

Classe TextFormat
Para usar essa classe, precisamos declarar uma instncia:
var meuFormato:TextFormat = new TextFormat();

Depois possvel determinar parmetros como o tamanho do texto com a propriedade size;
meuFormato.size = 15;

Desenvolvimento Sistemas Internet | 5 Perodo | Prof. Allan Brito

Associando com textos

Para associar um formato de texto em campos especficos, usamos a propriedade defaultTextFormat. Isso precisa ser realizado antes que qualquer contedo textual seja adicionado ao campo de texto.

Desenvolvimento Sistemas Internet | 5 Perodo | Prof. Allan Brito

1. 2. 3. 4. 5. 6.

var meuTexto:TextField = new TextField; var meuFormato:TextFormat = new TextFormat(); meuFormato.size = 15; addChild(meuTexto); meuTexto.defaultTextFormat = meuFormato; meuTexto.text = "Esse o texto...";

Desenvolvimento Sistemas Internet | 5 Perodo | Prof. Allan Brito

Alinhando texto
Para alinhar textos usamos a propriedade align. Essa propriedade s aceita valores prdefinidos:
TextFormatAlign.CENTER; TextFormatAlign.JUSTIFY; TextFormatAlign.LEFT; TextFormatAlign.RIGHT;
Desenvolvimento Sistemas Internet | 5 Perodo | Prof. Allan Brito

1. 2. 3. 4. 5. 6. 7.

var meuTexto:TextField = new TextField; var meuFormato:TextFormat = new TextFormat(); meuFormato.size = 15; meuFormato.align = TextFormatAlign.CENTER; addChild(meuTexto); meuTexto.defaultTextFormat = meuFormato; meuTexto.text = "Esse o texto...";

Desenvolvimento Sistemas Internet | 5 Perodo | Prof. Allan Brito

Fontes
O uso de fontes personalizadas em aplicativos, requer que a mesma esteja incorporada no aplicativo; Isso evita o uso de substituies em sistemas que no dispe dessas fontes;

Desenvolvimento Sistemas Internet | 5 Perodo | Prof. Allan Brito

Fontes
Para embutir as fontes nos aplicativos, precisamos exportar as mesmas para o ActionScript e transformar a fonte em instncia do Flash.

Desenvolvimento Sistemas Internet | 5 Perodo | Prof. Allan Brito

Procedimento
Criar uma nova instncia na Library do Flash New Font ; Selecionar a fonte e o nome; Exportar a fonte para o ActionScript com a opo Linkage;

Desenvolvimento Sistemas Internet | 5 Perodo | Prof. Allan Brito

var meuTexto:TextField = new TextField; var meuFormato:TextFormat = new TextFormat(); var minhaFonte = new calibriFonte(); meuFormato.size = 15; meuFormato.font = minhaFonte.fontName; addChild(meuTexto); meuTexto.defaultTextFormat = meuFormato; meuTexto.text = "Esse o texto...";

Desenvolvimento Sistemas Internet | 5 Perodo | Prof. Allan Brito

Mscaras dinmicas
Assim como acontece com as mscaras da timeline, podemos adicionar mscaras pelo ActionScript Basta adicionar a propriedade mscara em um MovieClip, e indicar qual ser o outro MovieClip mascarado.

Desenvolvimento Sistemas Internet | 5 Perodo | Prof. Allan Brito

Exemplo
movieclip_mc.mask = outro_mc

Desenvolvimento Sistemas Internet | 5 Perodo | Prof. Allan Brito

Eventos baseados em tempo

Alguns projetos podem necessitar de aes ou eventos baseados em tempo real; Nesse caso existe um tipo de evento chamado TimerEvent que pode ajudar; Esse evento funciona em conjunto com a Classe Timer; A classe Timer determina a durao do evento em milissegundos.
Desenvolvimento Sistemas Internet | 5 Perodo | Prof. Allan Brito

Exemplo
var tempo:Timer = new Timer (100);
//determina que o tempo de 1 segundo. O prximo passo adicionar um EventListener: tempo.addEventListener(TimerEvent.TIMER, executar); E declarar a funo chamada pelo Timer: function executar(e:TimerEvent):void { //executar.... }
Desenvolvimento Sistemas Internet | 5 Perodo | Prof. Allan Brito

Exemplo
Mesmo depois de declarar o Timer, ainda necessrio iniciar a contagem. Assim como acontece com um cronmetro;

tempo.start(); //inicia o contador. tempo.stop(); //interrompe o contador. tempo.currentCount; //retorna o nmero de vezes em que a contagem foi realizada. tempo.reset(); // faz o contador marcar zero. tempo.repeatCount(1); // limita o nmero de vezes em que o timer executado.
Desenvolvimento Sistemas Internet | 5 Perodo | Prof. Allan Brito

Desenvolvimento Sistemas Internet | 5 Perodo | Prof. Allan Brito

allan.brito@rec.mauriciodenassau.edu.br

Desenvolvimento Sistemas Internet | 5 Perodo | Prof. Allan Brito