5 replies to this topic

[vhsantana]

Tenho um arquivo que sozinho carrega o CSS sem problemas, porém quando chamo esse mesmo arquivo pelo LoadMovieNum ele perde toda a formatação.

Por favor ajudem-me.


Grato

[Patrique]

Existe um jeito meio parecido com css mais não é.... que é usado em componente scrollpane para mudar a cor dar bordas etc. O codigo até se parece com css mais não é.

Vou tentar explicar melhor, 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();

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 textDisabled (cor do texto dentro do componente)
seunovoestilo.textColor = valor RGB

textFont (cor do texto quando o componente está desabilitado)
seunovoestilo.textFont = string (ex.: "Verdana")

textIndent (Fonte usada no componente)
seunovoestilo.textIndent = valor inteiro (ex.: 7)

textItalic (Indentação do texto no componente)
seunovoestilo.textItalic = booleano (true, false)

textLeftMargin (texto em itálico)
seunovoestilo.textLeftMargin = valor inteiro (ex.: 5)

textRightMargin (especifica a margem esquerda 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)

E é isso cara se tu quiser depurar o codigo olhe no exemplo ali em baixo



Um Abraço,

Patrique André

Attached Files

•  componentes_css.zip   121.04KB   21 downloads

Edição feita por: Patrique, 23/06/2005, 09:38.

[demkko]

blz vhsantana?

olha só cara.. é possível SIM carregar css com o flash....... a classe do flash que cuida disso é a TextField.StyleSheet... não são todos os estilos css que ele suporta, mas já dá pra quebrar um galho....hehehe

bom.agora to sonadão aqui.....mas se der amanha eu posto um exemplinho básico q pode te ajudar.....

detalhe.alem do flash carregar css vc pode tb criar folha css atraves do actionscript...

abraço

[Patrique]

demkko, cara desta eu nao sabia poderia nos passar alguns exemplos?


Valeu mano um abraço,
Patrique André

[demkko]

opa..blz patrique?

claro cara.... não sou um expert nisso.....hehe, principalmente na utilização de css. mas já usei uma vez e assim q for possível eu monto um exemplo .... a impressão que dá é q talvez na próxima versão do player a macromedia até incremente mais isso... talvez até como classes não documentadas como já acontece com a classe tween...

mas mesmo com poucos estilos sendo suportados ainda .... da pra fazer um trabalho bacana com css + flash.

abraços

[Patrique]

Ok entao cara ficaremos no aguardando então

Um Abraço,
Patrique André