MUZAK (45 pts)

ÉMERSON ROCHA (85 pts)

IRAPUAN MARTINEZ (45 pts)

PANDOGO (82 pts)

JOÃO NETO (78 pts)

ZEBEDIAH (35 pts)

EDUARDO WALMOTT (226 pts)

LEANDRO AMANO (83 pts)

DEMIS BUCCI (50 pts)

MARLOS ALVES CARMO (90 pts)

SÁVIO PONTE (39 pts)

LUIZ AVANCI (51 pts)
Treinamento PontoFlash de Flash e ActionScript

Como faço para fechar um movieclip, tipo janela do windows?

É possível fazer um upload de um arquivo através do flash?

Como simular um texto sendo digitado, como uma máquina de escrever?

Como fazer um cronômetro regressivo, com botão pause, stop e play.

Como eu faria um exemplo com zoom no flash?

Tenho um arquivo fla e gostaria de abrir um outro arquivo já feito quando esse fla estiver em execução.

Como carregar dinamicamente JPGs em sequência, com intervalo de 5 segundos, usando setInterval?

Desenhar polígonos no Flash dinamicamente.

Como fazer um contador regressivo de data?

Qual é, em pixels, a altura e largura da área utilizável do browser para uma resolução de 800x600.

Como coloco um cronômetro no flash?

Quero colocar a data escrita por extenso em português no flash?

Como são feitos os efeitos da névoa no fundo e o efeito aquático do espantalho nesse site? http://www.mypetskeleton.com

Como se faz para que um botão de um filme de flash torne uma layer feita no dreamweaver visível ou invisível?
Envio de email via formulário utilizando Flash + ASP.

Janelas pop-up e semi-full no flash

Blend - Fireworks

Guias de movimento (motion guide)

Sistema de newsletter utilizando Flash + ASP

Menu deslizante.

Carregamento dinâmico de JPG e máscara por AS

Utilizando o ScrollPane no Flash MX.

Degradé com tons metálicos - Fireworks

Sistema de newsletter utilizando Flash + ASP.

Aplicação simultânea de Fio e Sombra a bitmaps - Fireworks

Formulário de e-mail com CGI.
Regressivo

Multipletrail

Ondas

Trailer

Grafico de barras

Zoom rotate e pan

Barco no hit

Frame rate

Tocha

Bola quicando

Break_text

Drawpad
HOME | TUTORIAIS
Create TextField.
por Helen Triolo

Como visto no tutorial "Desenho apenas com Actionscript" as ferramentas de desenho por código lhe permitem criar formas dinamicamente (somente para FlashMX). Da mesma forma, você pode ciar campos de texto dinamicamente, com formatações e conteúdos específicos.

   O método createTextField é usado com um movieclip (ou em sua timeline) para especificar um novo campo de texto dentro desse movieclip. Propriedades como border e text definem a aparência e o conteúdo do campo de texto. Além disso, o objeto TextFormat pode ser criado e associado ao campo de texto para gerar uma formatação para esse texto.

Criando um objeto TextField

Uma instância de um campo de texto é criada com o método createTextField. Se você colocar isso no primeiro frame de um filme ...

createTextField("newtext",1,10,10,150,30);
newtext.text = "Eis o texto criado";

... estará criando um novo objeto TextField com o nome de instância newtext, anexado à timeline principal (e dessa forma endereçado como _root.newtext de qualquer outro lugar do filme), com profundidade 1 nessa timeline. Testando, você vai ver uma linha de texto posicionado em 10,10 e na fonte padrão (provavelmente Times New Roman). Se você quiser modificar a aparência ou o funcionamento desse campo de texto, você pode aplicar quaisquer dos métodos TextField encontrados no dicionário ActionScript. Por exemplo, adicionando essas linhas ...

newtext.textColor = 0x00CC00;
newtext.border = true;

... você faz com que o texto apareça verde e com uma borda. Você quer que a borda fique exatamente do tamanho do texto? Adicione isso:

newtext.autoSize = true;

Adicionando formatação usando a propriedade .htmlText

Para incluir uma formatação ou link HTML, faça o campo de texto reconhecer HTML e use o htmlText para especificar o conteúdo. Adicionando ...

newtext.html = true;
newtext.htmlText = "Isso é um link para <a href='http://i-technica.com'> meu site</a>";

... faz das palavras "meu site" um link. Mas isso deixa ainda o texto linkado verde. Para deixar o link com uma cor diferente e/ou sublinhado e usando uma fonte sans-serif, nós mudaremos a última linha para:

newtext.htmlText = "<font color='#00cc00' face='Arial'>Isso é um link para <font color='#00ccff'><u><a href='http://i-technica.com'>meu site</a></u></font></font>";

Aplicando formatação com o objeto TextFormat

Voltando um passo, se você quer aplicar uma fonte ou formato de texto específicos para um campo de texto normal (não HTML), você precisará criar um objeto TextFormat aplicá-lo ao campo de texto criado. Eis um exemplo:

createTextField("newtext",1,10,10,150,30);
newtext.text = "Eis aqui um texto";
emphasisFormat = new TextFormat();
emphasisFormat.bold = true;
emphasisFormat.size = 16;
emphasisFormat.font = "Bremen Bd BT";
newtext.setTextFormat(emphasisFormat);

   Isso mostra o texto negrito com 16 pontos. A fonte será Georgia, caso ela esteja instalada na máquina cliente, ou a fonte serif padrão.

   Embuta a fonte para ter certeza que ela será mostrada corretamente. Você poderá fazer isso via código também.

createTextField("newtext2",2,10,40,150,30);
newtext2.text = "Here's more text";
newtext2.embedFonts = true;
emphasisFormat = new TextFormat();
emphasisFormat.size = 16;
emphasisFormat.font = "Bremen Bd BT";
newtext2.setTextFormat(emphasisFormat);

   Inclua um campo de texto dinâmico escondido (fora do palco), use a fonte "Bremen Bd BT" e deixe a opção embed Font (fonte embutida) ligada (clique no botão Caracter e escolha a opção), ou inclua a fonte na biblioteca. Para fazer isso, clique na janela drop-down no alto à direita da biblioteca, escolha New Font, coloque as informações da fonte a ser embutida. Depois clique com o botão direito na fonte na biblioteca, escolha Linkage (vinculação) e selecione "Export for Actionscript".

   Note que se você usa a técnica do campo de texto fora do palco e deseja usar letras em negrito e regular no seu campo de texto embutido, precisará incluir um campo de texto para cada umas das formatações. Ídem para itálico -- para cada formatação você presisará de um campo de texto fora do palco com a formatação (regular, negrito, italico, ou qualquer outra formatação).

Aplicando formatação apenas para uma parte específica do texto

Para aplicar em apenas uma parte do campo de texto, especifique a posição inicial e final para a qual será aplicada a formatação. Para sublinhar apenas as palavras "texto sublinhado", aplique a formatação apenas para essa seção do campo de texto:

createTextField("newtext",1,10,10,300,30);
newtext.text = "Aqui um texto sublinhado e aqui outro não sublinhado";
rf = new TextFormat();
rf.size = 12;
rf.font = "Arial";
newtext.setTextFormat(rf);
uf = new TextFormat();
uf.underline = true;
uf.size = 12;
uf.font = "Arial";
newtext.setTextFormat(8, 24, uf);

TextField e TextFormat no exemplo gráfico de pizza

   O método createTextField e o objeto TextFormat são usados no exemplo acima para criar as caixas de legendas para cada segmento do gráfico. Esse é o código usado para criar as caixas de legenda e os campos de texto:

// criar array com a legenda para cada seção
var legendText = ["lined paper","highliters","spiral notebooks", "copier paper","paper clips"];
// criar array com as cores usadas em cada seção
var fillColors = [0x0066cc, 0x999900, 0x660099, 0xcc0099, 0x339900];
// forneça as informações sobre a formatação da fonte
var tFormat = new TextFormat();
tFormat.font = "Verdana";
// Use essa cor para legendas e notas
tFormat.color = 0x000000;

// Localização da primeira caixa de legendas
box_y = 30;
for (var a=1; a<angles.length; a++) {
// os parâmetros são instanceName, depth, x, y, width, height
this.createTextField("legenddesc"+a,a*10+2*angles.length,270,a*30,150,100);
tFormat.color = fillColors[a-1];
// desenhe a caixa
with (this["legendbox"+a]) {
lineStyle( 1, 0x000000);
beginFill( fillcolors[a-1], 100);
// minha função:
// parâmetros = upperleft_x, upperleft_y, lowerright_x, lowerright_y
drawBox(240, box_y + (a-1)*30, 260, box_y+(a-1)*30+20);
endFill();
}
this["legenddesc"+a].setNewTextFormat(tFormat);
this["legenddesc"+a].text = legendText[a-1];
}

   Primeiro nós definimos o conteúdo da legenda em uma array. Isso também pode ser lido de um banco de dados ou arquivo de texto. Depois definimos o formato do texto criando um novo objeto TextFormat: tFormat. Ficou definido que a fonte será Verdana preta.

   Os campos de texto são, dessa forma, criados no mesmo loop que desenha os segmentos (acima, nós retiramos o código do desenho para ficar menos confuso). A instrução para criar um campo de texto t anexado ao movieclip m (na profundiade 4 de m, na posição 10,10 e no tamanho 150/100) é essa:

m.createTextField("t", 4, 10, 10, 150, 100);

   Nesse exemplo, nós estamos anexando ao movieclip definido como "this" (que é _root aqui) novos campos de texto chamados legenddesc1, legenddesc2, etc nas posições x e y especificadas (Note para a sua futura referência que m é um nome de instância e t é uma string, isto é, o nome de instância do movieclip fica sem aspas, o nome do novo campo de texto fica entre aspas -- deixando o nome do campo de texto sem aspas o Flash irá procurar por uma variável que contenha o nome do campo de texto).

   Em seguida, trocamos a cor da fonte compatível com seu segmento (definido pela variável a). Desenhamos as caixas de legenda com o loop e, finalmente, aplicamos tFormat para o texto da legenda, usando o método setNewTextFormat. Usar setNewTextFormat em vez de setTextFormat nos permite mais tarde trocar o texto mantendo a mesma formatação. Para ver o código completo utilizado no exemplo acima, verifique aqui.

Tradução:
Alexandre Porto



Devido à reformulação implementada no site, pode ser que você encontre alguns links quebrados. Por favor, ajude-nos a corrigir eventuais problemas nos informando links quebrados
0 comentário