JOTA LAGO (40 pts)

JOÃO NETO (78 pts)

GUILHERME SCHEIBE (49 pts)

KEN AWAMURA (130 pts)

JONAS GALVEZ (521 pts)

DAUTON JANOTA (255 pts)

ILVA RUDEV (90 pts)

DANIELA PIRES (86 pts)

ZECA BALA (45 pts)

EDUARDO CARREGA (150 pts)

PANDOGO (82 pts)

GÉRIO (93 pts)
Treinamento PontoFlash de Flash e ActionScript

Como fazer um efeito de escalar imagens no mouseOver e no MouseOut?

Como posso duplicar 3 movieclips e posicioná-los diagonalmente?

O que é um Path Absoluto e um Path Relativo?

Como envio variáveis de um HTML para um SWF?

Como descarregar um SWF quando muda de cena?

Como eu posso simular um sorteio de dados?

Preciso criar uma interação Asp + Flash para login e senha.

Como fazer para que um filme carregue, por load movie, outro dependendo da hora do dia?

Para dominar o load movie, precisa saber apenas isto.

Preciso enviar um formulário integrando Flash e ASP.

Porque no meu flash, 1 + 15 retorna 15 e não 6?

Como manipular a tecla tab no meu formulário no Flash MX?

Como eu faço um sorteio (random) e ir para o frame sorteado?

Para que serve o ONIO SKIN?
Bookmak (Adicionar a favoritos).

Flash Intro - Aspectos Básicos do MX

Limitar por IP? Porque não utilizar o Shared Object do Flash?

Scroll - Rolagem de textos e Imagens

HACKED - ANONYMOUS

Uso da tecla tab num formulário Flash.

Sub-Menus entre frames, com o Dreamweaver

Texto difuso

Load Movie no FlashMX (swf, jpg e mp3).

Logo com aparência 3D - Fireworks

Controle de som no Flash 5.

O "X" do MacOS no PhotoShop
Slicemenu

Swirl

Nudemask2

Estática

Manchas

Starshiner

Movemask

Load dinâmico de fotos

Bola quicando

Duplicate MC

Loop infinito

Marquee
HOME | TUTORIAIS
Alterar a parência dos componentes do FlashMX.
por Eduardo Walmott

Bem Amigos da PontoFlash! Volta e meia eu dou uma comparecida por aqui. Hoje, é para falar sobre como mudar a aparência dos componentes do Flash MX.
O tutorial é bem simples e direto, basta colocar o código e pronto! Logo abaixo vemos uma aplicação direta:

Agora imagine ter que editar cada um dos objetos do componente ScrollBar para conseguir este efeito! É muito trabalho vocês não acham? Felizmente o Flash MX nos possibilita uma maneira menos "dolorosa" através da ActionScript muito semelhante a aplicação da CSS no HTML. Em um frame do filme colocamos isto:

 

folhaestilo = new FStyleFormat;
folhaestilo.face = 0x33cc00;
folhaestilo.highlight = 0x00ff00;
folhaestilo.highlight3D = 0xffffff;
folhaestilo.arrow = 0xffffff;
folhaestilo.shadow = 0x666666;
folhaestilo.scrollTrack = 0x339900;
folhaestilo.darkshadow = 0x333333;
folhaestilo.addListener(ScrollBar);
folhaestilo.applyChanges();

Qualquer semelhança do código acima com o código abaixo é pura e mera coincidência:

<STYLE>
<!--
BODY {
SCROLLBAR-FACE-COLOR: #528EAD;
SCROLLBAR-HIGHLIGHT-COLOR: #95CFEE;
SCROLLBAR-SHADOW-COLOR: #28729D;
SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
SCROLLBAR-ARROW-COLOR: #FFFFFF;
SCROLLBAR-TRACK-COLOR: #319AD6;
SCROLLBAR-DARKSHADOW-COLOR:#000000;
}
-->
</STYLE>

Cabe aqui apenas um lembrete, o componente Scroll Bar foi instanciado com o nome ScrollBar e devidamente registrado pelo método addListener. Mas e se tivéssemos duas ou mais caixas de texto precisando do componente Scroll Bar, como faríamos? E se tivéssemos outros objetos? Fácil! Basta instanciá-los e registrá-los. Veja o exemplo abaixo:

css = new FStyleFormat;
css.scrollTrack = 0x319AD6;
css.highlight = 0x95CFEE;
css.highlight3D = 0xffffff;
css.arrow = 0xffffff;
css.face = 0x528EAD;
css.shadow = 0x28729D;
css.darkshadow = 0x333333;
css.background = 0x528EAD;
css.check = 0xffffff;
css.radioDot = 0xffffff;
css.addListener(scrollbar, scrollbar2, radio1, radio2, check1);
css.applyChanges();

O código acima é exemplificado aqui:

Se quisermos podemos deixar alguns componentes sem formatação, basta não registrá-los com o método addListener. Podemos formatar também os textos e outros objetos dos componentes. A lista completa das propriedades editáveis através de FStyleFormat está na tabela abaixo:

arrow seta de direção do scroll seunovoestilo.arrow = valor RGB
background cor de fundo do componente seunovoestilo.background = valor RGB
backgroundDisable cor de fundo quando o componente está desabilitado seunovoestilo.backgroundDisable = valor RGB
check cor do marcador da checkbox seunovoestilo.check = valor RGB
darkshadow borda interna ou sombra da borda do componente seunovoestilo.darkshadow = valor RGB
face cor principal do componente seunovoestilo.face = valor RGB
foregroundDisable cor da frente do componente quando desabilitado seunovoestilo.foregroundDisable = valor RGB
highlight cor da borda interna ou sombra do componente seunovoestilo.highlight = valor RGB
highlight3D cor da borda externa ou parte clara da sombra do componente seunovoestilo.highlight3D = valor RGB
radioDot cor do marcador do Radio Button seunovoestilo.radioDot = valor RGB
scrollTrack cor da trilha do Scroll Bar seunovoestilo.scrollTrack = valor RGB
selection cor da seleção de um objeto dentro de uma ListBox ou ComboBox seunovoestilo.selection = valor RGB
selectionDisable cor do objeto quando o componente está desabilitado seunovoestilo.selectionDisable = valor RGB
selectionUnfocused cor do objeto quando o componente perde o foco seunovoestilo.selectionUnfocused = valor RGB
shadow cor da borda externa ou parte clara da sombra do componente seunovoestilo.shadow = valor RGB
textAlign alinhamento do texto dentro do componente seunovoestilo.textAlign = string ("right", "left", "center")
textBold texto em negrito seunovoestilo.textBold = booleano (true, false)
textColor cor do texto dentro do componente seunovoestilo.textColor = valor RGB
textDisabled cor do texto quando o componente está desabilitado seunovoestilo.textDisable = valor RGB
textFont Fonte usada no componente seunovoestilo.textFont = string (ex.: "Verdana")
textIndent Indentação do texto no componente seunovoestilo.textIndent = valor inteiro (ex.: 7)
textItalic texto em itálico seunovoestilo.textItalic = booleano (true, false)
textLeftMargin especifica a margem esquerda do parágrafo seunovoestilo.textLeftMargin = valor inteiro (ex.: 5)
textRightMargin especifica a margem direita do parágrafo seunovoestilo.textRightMargin = valor inteiro (ex.: 5)
textSelected cor do texto selecionado dentro de uma ListBox ou ComboBox seunovoestilo.textSelected = valor RGB
textSize especifica o tamanho da fonte do componente em pontos seunovoestilo.textSize = valor inteiro (ex.: 10)
textUnderline texto sublinhado seunovoestilo.textUnderline = booleano (true, false)

 

Espero que este tutorial seja de valia para todos que o utilizarem. Até a próxima.

Baixe o arquivo de exemplo aqui.

Créditos: texto de Arnaldo Jabor



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