em 18/05/2009 00:00
Para podermos inserir estilos CSS no Flash necessitamos, em primeiro lugar, que o texto a ser formatado seja renderizado como HTML, isto é independente da versão do Action Script utilizada. No tutorial vamos utilizar uma caixa de texto dinâmico com nome da instância "caixa_txt". Escolhemos uma caixa de texto dinâmico aonde o código é igualmente válido para aplicar estilos a componentes TextArea e Label cuja propriedade HTML tem o valor TRUE.
import TextField.StyleSheet; //necessário para poder criar o objeto StyleSheet
O passo seguinte é completar o ebjeto estiloCSS com definições de estilos. Isto pode ser feito de duas maneiras.
Esse código é a versão extendida. As últimas cinco linhas podem ser substituídas por esta, mesmo que seja menos legível:
estilosCSS.setStyle("A", {color:"#666666",textDecoration:"underline"});
Se fixar os nomes das propriedades, verá que textDecoration é parecida, mas não igual, a text-decoration, propriedade empregada em CSS. Isto indica que se definimos estilos com ActionScript os nomes das propriedades são um pouco diferentes e terão que ter equivalências muito claras. A seguir veremos a correspondência entre propriedades do ActionScript e do CSS.
Propriedade equivalente ActionScript (válido para 2.0 y 3.0)
kerning (somente para arquivos criado sno Windows)
Essa segunda alternativa consiste em carregar as definições a partir de um arquivo externo com o método load. Isto nos permite manter totalmente a independência entre os estilos e o filme swf, evitando ter que compilar novamente o swf para aplicar as modificações. Além do mais, não teremos que nos preocupar com as propriedades equivalentes em ActionScript já que este arquivo externo é uma folha de estilo CSS com as propriedades próprias do CSS.