DICA ANIMADA (zHint.mxp)

Publicado por Francisco em 15/11/2006

DICA ANIMADA (zHint.mxp)

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

Download dos arquivos

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());

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


Assine o nosso Feed
1.339 assinantes,
assine você também!
Publique esse artigo no Twitter Salve este artigo no Delicious Cadastre esse artigo no Dihitt Cadastre esse artigo no UEBA Cadastre esse artigo no Rec6

Francisco

Nenhum usuário comentou em " DICA ANIMADA (zHint.mxp) "

Assine o Feed de Comtentários ou URL de Trackback

Deixe o seu comentário abaixo...

 Username (*required)

 Email Address (*private)

 Website (*optional)

 

MXStudio © 2003-2010. Todos os direitos reservados.
É expressamente proibido a cópia, reprodução e difusão dos textos, fotos e outros elementos contidos neste site sem autorização expressa do MXStudio.