MAURO ROCHA TAVARES (40 pts)

MANGOOST (80 pts)

AMAURY BENTES (123 pts)

NETO LEAL (116 pts)

SÁVIO PONTE (39 pts)

DANIELA PIRES (86 pts)

LEANDRO AMANO (83 pts)

EDUARDO PERROUD (52 pts)

MARCELO SIQUEIRA (96 pts)

RICARDO TAKAHASHI (180 pts)

ZEBEDIAH (35 pts)

IRAPUAN MARTINEZ (45 pts)
Treinamento PontoFlash de Flash e ActionScript

Como se usa o "linkage/export this symbol"?

Como criar um campo de texto dinamicamente pelo FlashMX?

Eu queria saber como eu faço para um apresentação aparecer uma digitação normal.

Como controlar uma trilha sonora com Action Script?

Gostaria que vocês me dessem uma dica, quando usar e quando não usar o loading.

Preciso de um preloader, mas tem que ser o mais simples que existir.

Como classificar um array por um de seus itens?

Como dar um efeito alpha gradativamente, como se fosse um motion?

Como fazer um banner rotativo no flash?

O que é e como funciona o Math.round?

Para que serve e como usar o LoadVars? Substitui o LoadVariables?

Como fazer uma timeline andar mais lenta que outra?

Como validar várias senhas e logins cadastradas no Flash?

Como fazer com que objetos se movimentem repicando nos limites do palco?
Entendendo como funciona um preloader. Primeira parte.

Loop infinito

Line Draw

Imagens transparentes usando PhotoShop, Fireworks e Flash.

Code Animation - Parte 1

Roof e Marciowebmaster - Avaliação de sites

Botão dinâmico via Action Script.

Citroen, máscaras que simulam vídeo - Avaliação de sites

Cadastro de usuários, com Flash+ASP

Parâmetro - Get microphone().

Criação de letras transparentes - Fireworks

Funções de actionscripts
Plasma2D

Duas casas decimais

Senha multipla

SomnoFlash5

Analogicclock

Scroll Whell

Blur

Tension

Tween motion

Color

Movimento e zoom

Drop Javascript
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