Livro de visitas usando flash + asp – parte 2

Livro de visitas usando flash + asp – parte 2

Ola flashers de todo Brasil!!!

Nessa coluna continuarei a falar sobre a interação entre flash e asp.

Para fazer esse livro de visitas eu estou utilizando o flash mx 2004 e o action script 2.0.

Bom uma das novidades trazidas pela versão mx do flash foi os componentes. Estarei trabalhando com eles para fazer o formulário e a tela onde mostra as mensagens que estão no banco de dados do nosso livro de visitas.

Eu utilizei apenas um frame e 3 camadas para fazer esse livro de visitas. Uma camada para as ações, uma para os objetos (componentes e textos) e uma para um fundo.

Na coluna passada vimos o banco de dados, nessa coluna veremos a estrutura visual do nosso livro, como funcionam os componentes e começaremos a ver as ações utilizadas.

Os componentes a serem trabalhados são:

Todos os componentes são formados por Métodos, Propriedades e Eventos.

Propriedades são valores de entrada ou saída servem para consulta e configuração de um componente. Por exemplo o

length

é uma propriedade que retorna a quantidade de caracteres tem o conteúdo de um componente (como o textinput por exemplo)

Métodos são funções que executam um ou mais comandos. Como o método show do componente Alert. Ele exibe um alerta na tela.

Enfim os eventos. Evento é quanto o objeto alçando algum estado específico, por exemplo quando o botão é clicado.

Os componentes por si só não executam os eventos para isso usamos uns objetos que recebe os mesmo eventos do componente assim esse objeto “ouve” quando o evento é chamado e executa ele. Chamamos esse objeto de

Listener.

Agora vamos ver as propriedades, métodos e eventos que utilizaremos nesse tutorial.

instancia_do_componente.Text – retorna o valor digitado num TextInput

Instancia_do_componente.Editable (true/false) – especificamos se o esse campo será editável ou não.

Instancia_do_componente.Length – retorna a quantidade de caracteres que o conteúdo desse textinput tem.

Todas as propriedades citadas anteriormente que estão se referindo ao textinput, servem para o textarea, mais as que seguem abaixo:

instancia_do_componente.html (true/false) – é através dessa propriedade que dizemos ao flash se queremos ou não exibir comandos html no textarea.

instancia_do_componente.label – através dessa propriedade configuramos o texto que será exibido no botão.

instancia_do_componente.addEventListener(evento, objeto);

O método acima referencia ao botão uma função que será executada quando o evento for acionado. Exemplo:

//declaramos o objeto que sera o listener, contendo a função relativa ao evento do botao

var ouvidor:Object = new Object();

//funcao que sera ativada quando o evento click for acionado

ouvidor.click = function() {

trace(“botao foi clicado”);

}

//agora adicionamos o linstener ao botao

bt01.addEventListener(“click”, ouvidor);

instanica_do_botao.click – evento que é acionado quando o botão é clicado.

Para que o alert funcione não é necessário que ele esteja na cena. Mas é preciso que ele esteja na biblioteca do flash. Para isso arraste o componente alert para a cena e depois delete ele.

Como disse anteriormente, não é necessário ter o alerta na cena, mas precisamos importar uma classe especial para trabalharmos com o alerta. Para importar essa classe usamos a seguinte sintaxe:

import mx.controls.Alert;

Para exibir um alerta usamos o método Alert.Show, veja o exemplo:

Alert.show(mensagem, titulo);

Agora que já vimos os comandos que usaremos em relação aos componentes, vamos ver como ficará a estrutura visual em relação a eles. Na figura abaixo mostra como ficará o layout dos componentes no flash, mostrando o componente e sua instância:

Só lembrando que para instnânciar um componente é só selecioná-lo e no painel Properties digitar a instância referente a ele como na figura.

Depois de ter feito o layout e ter instanciado cada componente, selecione o frame da camada acoes e abra o painel action (f9), para digitarmos as ações.

Começaremos ativando o useCodePage para podermos usar acentos e ‘ç’ nos campos de texto.

System.useCodepage = true;

Agora vamos configurar a ordem dos componentes em relação ao tab. Esclarecendo quando apertamos a tecla tabulação para avançar de componente por componente na ordem que nós queremos usamos o tabIndex.

nome.tabIndex = 0;

email.tabIndex = 1;

mensagem.tabIndex = 2;

limpar.tabIndex = 3;

enviar.tabIndex = 4;

exibir.tabIndex = 5;

Configuramos o TextArea Exibir, para que ele aceite códigos html e para que ele não seja editável.

exibir.editable = false;

exibir.html = true;

Abaixo configuramos o label dos botões, ou seja, o texto que será exibido neles:

limpar.label = “limpar”;

enviar.label = “assinar”;

E damos um stop para que ele não avance. Nesse caso só tem um frame, mas se você quiser utilizar preloader isso seria necessário.

stop();

Bom as ações iniciais do livro de visitas são essas. Na próxima coluna veremos como ficará o código em asp e como enviar e receber dados através do flash, finalizando a nossa jornada através do asp+flash

Até lá…

Andrews Patrick Rocha Medina

Escrito por Andrews_Medina on maio 10, 2004. Arquivado em Flash. Você pode seguir as respostas a esse artigo pelo RSS 2.0. Você pode deixar respostas para esse artigo

1 resposta a Livro de visitas usando flash + asp – parte 2

  1. muito bom!

Deixe uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *

*

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>