ZECA BALA (45 pts)

EDUARDO WALMOTT (226 pts)

JOTA LAGO (40 pts)

LUI FERNANDO (151 pts)

RICARDO TEIXEIRA (40 pts)

DEN IVANOV (260 pts)

NILTON BICALHO (61 pts)

ÉMERSON ROCHA (85 pts)

JONAS GALVEZ (521 pts)

LUIZ HERRERA (117 pts)

ILVA RUDEV (90 pts)

GUILHERME G.G. (137 pts)
Treinamento PontoFlash de Flash e ActionScript

Como fazer com que objetos se movimentem repicando nos limites do palco?

Qual a diferença entre variável global e variável local?

Como coloco um nome de instância para um movieclip criado no linkage?

Quero localizar a posição de um movieclip dinamicamente?

Como mudar a cor de um botão no mouse Over?

Como alinho um .SWF (load movie) de acordo com o filme principal?

Criar SWF em tempo de execução, ou seja, criar SWF a partir de PHP.

Como fazer com que a rotação de um ponteiro demore 10 segundos?

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

Preciso criar um sistema que busque no banco de dados e retorne ao Flash.

Como checar se o usuário escreveu um email válido certo no formulário?

Como eu uso o setInterval?

Como se cria uma variável global?

Gostaria de um help com uma enquete no flash com ASP.
Pre-loader simples.

Chromeless com Flash.

3D Wireframe.

Rayoflight.

EmbedFonts e Mini-dicionário Style

Desenhando um avião no Flash

Variáveis no Flash MX

Bate-papo com Dennis Baldwin - FlashCFM.com

Cadastro de usuários, com Flash+ASP

Usando Flash e ASP para contruir um formulário.

Logo com aparência 3D - Fireworks

Novas propriedade de botões no FireworksMX
Digitalclock

Swirl

Logos caindo

Carro com Tweening

Velocidade

Placar

Airos 2

Menu popop de pastas 2

Galho

Preloader marquee

Multi text load

3D cube
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