| Autor: |
Flash Web Training |
| Versão: |
Flash MX / Flash MX 2004 |
| Data de
Publicação: |
16/06/2004 |
|
|
Introdução
Este é um tutorial que pretende dar a conhecer a
maneira de como criar uma validação de e-mail no Flash MX.
Antes de mais, ficam umas breves notas do que este tutorial não
ensinará. Este tutorial não se a string que o utilizador
inseriu no campo de texto, se é um endereço de e-mail válido,
irá somente dizer a string inserida, se é de sintaxe correcta
equivalente à de um endereço de e-mail.
Este tutorial trabalha em parte com a determinação de alguns
dos caracteres que não são válidos num e-mail, mas
não abrange todos os existentes. Existem diversos tipos de caracteres
que não são permitidos inserir num e-mail, contudo foi reduzido
o número de detecção de caracteres inválidos,
aos caracteres em que é mais usual tentar inserir-se.
Downloads:
1. Antes de tudo, deveremos tomar conhecimento que o site contém
duas scenes. Na primeira scene está contido um preloader e na segunda
scene está contida a homepage. Por isso mesmo, criem um novo ficheiro
de Flash e adicionem uma nova scene. Este é o primeiro passo a
ser dado. A partir deste momento, iremos trabalhar na segunda scene.
2. Agora, necessitamos de importar um som para a libraria. Para tal poderemos
pressionar as teclas de CTRL+R e seleccionar o ficheiro de som pretendido.
3. Após termos completado o passo 2, deveremos abrir a libraria
pressionando a tecla de F11, localizar o ficheiro de som, clicar com o
botão direito do rato sobre o ficheiro e escolher a opção
de Linkage. Neste tutorial usaremos o nome de ‘backsound’
para este ficheiro de som.
4. Agora que o ficheiro de som foi exportado para AS, continuaremos com
a magia. Dirijam-se à primeira frame, abram o painel de action
script e iniciem o som. Para tal deveremos inserir o seguinte código:
music = new Sound();
music.attachSound("backsound");
music.start(0, 999999);
5. Como não queremos que o som comece abruptamente, deveremos
programá-lo de forma a que comece suavemente. Para tal, primeiro
deveremos iniciar o valor de inicio do volume para 0.
music.setVolume(0);
6. Neste momento necessitamos de criar uma função que suavize
o som desde o seu inicio. Para que a função funcione necessitamos
de definir um conjunto de variáveis. A nossa função
inicial de fade in será assim elaborada:
vol = 0;
fade = setInterval(fadeIn, 100);
function fadeIn() {
vol += 3;
music.setVolume(vol);
if (vol>=100) {
clearInterval(fade);
}
}
7. O que acontece aqui é que esta função cria um
fade dinâmico com um aumento de três ao volume que está
posicionado no nível zero. É de referir que o valor de incremento
pode ser mudado consoante as nossas necessidades. Quando o volume chegar
ao valor de 100, o intervalo é estagnado. Agora teremos de criar
uma nova função, para que o som possa fazer um fade in e
fade out de acordo com os cliques efectuados no botão. Desta forma
teremos de incluir o seguinte código no painel das Actions:
_root.onEnterFrame = function() {
if (Fade == 1) {
vol = vol-step;
if (vol<0) {
vol = 0;
}
music.setVolume(vol);
} else {
vol = vol+step;
if (vol>100) {
vol = 100;
}
music.setVolume(vol);
}
};
8. Seguramente que está algo a faltar ainda. Poderemos ver perfeitamente
que as variáveis para o nosso fade in e fade out são o ‘fade’
e ‘step’. O Step é valor que queremos que o som faça
fade in e fade out e a variável ‘fade’ é a variável
que diz que a função que deve fazer um fade in ou fade out
consoante os cliques no botão. Para tal deveremos voltar à
nossa função inicial do fade e adicionar duas linhas para
definir as variáveis. Finalmente, a nossa primeira função
irá parecer-se com o seguinte:
vol = 0;
fade = setInterval(fadeIn, 100);
function fadeIn() {
vol += 3;
music.setVolume(vol);
if (vol>=100) {
clearInterval(fade);
step = 1;
Fade = 0;
}
}
9. Assim sendo, teremos o corpo do nosso código definido na sua
totalidade desta maneira:
music = new Sound();
music.attachSound("backsound");
music.start(0, 999999);
music.setVolume(0);
vol = 0;
fade = setInterval(fadeIn, 100);
function fadeIn() {
vol += 3;
music.setVolume(vol);
if (vol>=100) {
clearInterval(fade);
step = 1;
Fade = 0;
}
}
_root.onEnterFrame = function() {
if (Fade == 1) {
vol = vol-step;
if (vol<0) {
vol = 0;
}
music.setVolume(vol);
} else {
vol = vol+step;
if (vol>100) {
vol = 100;
}
music.setVolume(vol);
}
};
10. Finalmente, deveremos criar um botão, ao qual deverá
ser acrescentado o seguinte código de ActionScript:
on (release) {
(_root.fade=!_root.fade) ? 0 : 1;
}
O que acontece é que quando clicamos pela primeira vez no botão,
é atribuído o valor de ‘1’ à variável.
O valor da variável ‘fade’ é posto no valor
de 0 na sua primeira função. Quando se clica no botão
pela segunda vez este funciona da maneira contrária. O comando
?0:1 simplesmente atribui o valor da variável ‘fade’
para o valor de 1 ou 0, dependendo do seu valor prévio.
11. Testem o vosso projecto.
|
