DICA ANIMADA (zHint.mxp)

Passe o mouse sobre os botões para ver as Tool Tips

Neste tutorial aprenderemos a configurar o zHint.mxp, utilizado para a criação de Tool Tips (Dicas que surgem quando passamos o mouse sobre uma região).

1.
Abra o arquivo zHint_exemplo.fla. Note que uma instância do zHint foi posicionada fora do Stage.

2.
Clique no botão azul no canto superior direito e abra o painel Actions (F9). Você verá o seguinte código:

on( rollOver )
{
_root.zHint.showHint( ‘Isto demonstra o posicionamento automático do ZHint. ‘ ); // AQUI VOCÊ DEFINE A MENSAGEM
}
on( rollOut )
{
_root.zHint.hideHint();
}

É aqui que você define a mensagem que aparecerá quando o mouse rolar sobre (rollOver) o botão azul. Observe que quando o mouse sair (rollOut) da região definida para o botão azul, a dica será escondida.

3.
Dê um clique duplo sobre os objetos agrupados (as setas de direção) e em seguida selecione a seta para a esquerda. Como no exemplo anterior, abra o painel Actions (F9) e observe o código:

on( rollOver )
{
_root.zHint.showHint( ‘Pressione a tecla Esquerda ‘ ); // AQUI VOCÊ DEFINE A MENSAGEM
}
on( rollOut )
{
_root.zHint.hideHint();
}

Faça a mesma análise para as outras teclas e perceberá a semelhança.

4.
Clique no botão vermelho, abra o painel Actions (F9) e observe o seu código:

on( rollOver )
{
_root.zHint.showHint( ‘Pressione este botão\npara fazer seu computador \nexplodir. ‘ ); // AQUI VOCÊ DEFINE A MENSAGEM
}
on( rollOut )
{
_root.zHint.hideHint();
}

Apesar de ser semelhante aos exemplos anteriores, destacams aqui os caracteres especiais para a quebra de linha: \n.

5.
Com um procedimento análogo, verifique o código do botão verde, no canto inferior direito.

Observação: O zHint posiciona automaticamente a dica dentro do Stage no swf gerado!

Download dos arquivos

DICA DE AS

Copie e cole o código a seguir num frame do seu .fla para obter a data de hoje:

function minhaData () {
agora = new Date(ano, mes, dia, h, min, seg, ms);
dias_da_semana = new Array(“Domingo”, “Segunda”, “Terça”, “Quarta”, “Quinta”, “Sexta”, “Sábado”);
meses = new Array(“Janeiro”, “Fevereiro”, “Março”, “Abril”, “Maio”, “Junho”, “Julho”, “Agosto”, “Setembro”, “Outubro”, “Novembro”, “Dezembro”);
dia_da_semana_hoje = dias_da_semana[agora.getDay()];
mes = meses[agora.getMonth()];
dia_do_mes_hoje = agora.getDate();
ano = agora.getFullYear();
data_inteira = dias_da_semana[agora.getDay()]+”, “+ agora.getDate() + ” de “+meses[agora.getMonth()]+” de “+agora.getFullYear();
return data_inteira;
}
trace(minhaData());

DICA ANIMADA (zHint.mxp)

DICA ANIMADA (zHint.mxp)

(Fonte: zleez.com, Rommel, adaptado por Francisco Teodorico Pires de Souza)

Deixe um Comentario

Francisco

Últimos Artigos do Autor