EDUARDO CARREGA (150 pts)

DEN IVANOV (260 pts)

IRAPUAN MARTINEZ (45 pts)

JOÃO NETO (78 pts)

EDUARDO WALMOTT (226 pts)

MAURO ROCHA TAVARES (40 pts)

KEN AWAMURA (130 pts)

NETO LEAL (116 pts)

AMAURY BENTES (123 pts)

GUILHERME G.G. (137 pts)

BÁRBARA TOSTES (64 pts)

AUTOR DESCONHECIDO (100 pts)
Treinamento PontoFlash de Flash e ActionScript

Como faço para carregar randomicamente imagens com um botão sem repetilas?

Como criar uma função só para executar uma outra função com certos parâmetros?

Um exemplo de um campo de texto formatado dinamicamente no Flash MX.

Quero um botão com duas funções diferentes.

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

Como fechar uma janela fullscreen ou poup?

Quero colocar as propriedades _xmouse e _ymouse em só um campo dinâmico.

Como fazer para que meu flash aberto com Load Movie tenha fundo transparente.

Tem jeito de no flash eliminar as variáveis que foram criadas?

Métodos para a classe MovieClip, para movimentar ou redimensionar MovieClips via AS

Existe um modo de fazer tellTarget em vários MCs ao mesmo tempo?

Como fazer um objeto isqueiro acender quando arrasto sobre outro (fogão)?

Como fazer um load individual para cada frame de meu filme?

Há como inserir um som midi numa apresentação flash?
Sistema de busca utilizando Flash + ASP.

Loops Alternados (Objeto Sound).

Clipes Inteligentes (SmartClip).

RIA, Macromedia Flex e Laszlo Presentation Server

Tweening shape (interpolação de forma)

Utilização da class XMLConnector

Integrando o Flash com Tecnologias Externas.

Objeto Movieclip - introdução

Spectrum Analizer - Medidores de som

O "X" do MacOS no PhotoShop

Colisão

Line Draw
Frameload

Fumaça

Efeito blur

Delay

Calculadora simples

batatoso

Animação frame by frame

Colorpicker

Movimento

Sound_control

Click determiner

Televisão
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