Como criar Cascading Style Sheets em flash

Criação de folhas de estilo em cascata (CSS) para o seu projeto Flash pode poupar uma quantidade considerável de tempo de formatar e exibir o conteúdo do arquivo XML em seu filme Flash. Se o seu programa Flash usa arquivos XML a partir de feeds RSS ou arquivos XML criados a partir de bancos de dados , você pode criar diferentes folhas de estilo para formatar o texto XML sem escrever código HTML styling para cada tag XML. Uma vez que você criar o seu CSS , tudo que você tem a fazer é atribuir os seletores CSS para os campos XML e está feito . Primeiro, porém, você deve aprender a criar sheets.Things flash estilo em cascata em linha que você precisa
Adobe Flash Professional : CS3, CS4 ou CS5 versões
Show Mais instruções
1

Inicie o programa flash. Clique em " Arquivo Flash (ActionScript 3.0) " da janela de abertura para criar um novo arquivo para um projeto de animação Flash AS3 .
2

Selecione "Actions" no menu "Window" no menu principal do Flash bar para abrir o editor do ActionScript 3. Posicione o cursor do mouse sobre a primeira linha do editor do ActionScript 3. Clique com o botão do mouse, e digite o código abaixo para importar os utilitários flash necessárias para utilizar as classes de folha e de campo de texto estilo flash

import flash.display.Sprite; .

Flash de importação. text.StyleSheet ;

flash.text.TextField importação;

flash.text.TextFieldAutoSize importação;
3

Digite o código que começa na próxima linha do editor ActionScript 3 para criar um objeto de folha de estilos chamado " estilo " para armazenar todos os seletores CSS e um objeto geral denominado "título " para armazenar os estilos para o seletor título

estilo var : . StyleSheet = new StyleSheet ();

título var : Object = new Object ();
4

Digite o código que começa na próxima linha do ActionScript 3 editor para definir os valores das propriedades de o seletor de título de tal forma que o texto selecionado com o seletor de título terá: um peso negrito fonte, uma cor de magenta, um tamanho de fonte de 16 pontos , um espaçamento entre letras de 3 pixels , o recuo de 50 pixels , sublinhando , um tipo de fonte de Times Roman e um líder de 20 pixels

heading.fontWeight = "bold" ,.

heading.color = "# FF00FF ";

heading.fontSize = 16 ;

heading.letterSpacing = 3;

heading.marginLeft = 50;

heading.textDecoration = "underline" ;

heading.fontFamily = " Número de ";

heading.leading = 20;
5

Digite o código que começa na próxima linha do editor do ActionScript 3 para criar um outro objeto chamado " corpo " para criar um seletor HTML chamado "corpo" que define fontStyle propriedade do tag para itálico ea principal propriedade para 20 pixels

corpo var : . Object = new Object ();

body.fontStyle = " itálico ";

body.leading = 20; .
6

Digite o código que começa na próxima linha do editor ActionScript 3 para anexar o título eo corpo seletores criados para o objeto de estilo CSS

style.setStyle ( "título " , designação) ;

style.setStyle ( "corpo" , o corpo );
7

Digite o código que começa na próxima linha do editor do ActionScript 3 para criar : um TextField chamado " rótulo "; o texto HTML (com o cabeçalho eo corpo seletores aplicada ) que será colocado no TextField , coloque a folha de estilo para o TextField e exibir o TextField e sua folha de estilo de texto formatado no palco Flash.

rótulo var : TextField = new TextField ();

label.height = 200;

label.width = 500;

label.styleSheet = estilo ;

label.htmlText = " Olá está recuado 50 pixels e tem o \\ n \\ " título \\ " estilos associados com o seletor \\ Estilo nheading . . \\ linhas Nnext são sperated com 20 pixels de líder \\ nO próxima linha para baixo \\ nO próxima linha ";

addChild (etiqueta) ;
8

Copie e cole o código no editor do ActionScript 3 a garantir a sintaxe do código é livre de erros eo programa de folha de estilo em cascata é executado corretamente

flash.display.Sprite importação; .

flash.text.StyleSheet importação;

flash de importação . text.TextField ;

flash.text.TextFieldAutoSize importação;

estilo var : StyleSheet = new StyleSheet ();

título var : Object = new Object ();

heading.fontWeight = "bold" ;

heading.color = "# FF00FF ";

heading.fontSize = 16 ;

heading.letterSpacing = 3;

heading.marginLeft = 50;

heading.textDecoration = "underline" ;

heading.fontFamily = " Times" ;

//heading.textAlign = "center ";

heading.leading = 20;

corpo var : Object = new Object ();

body.fontStyle = " itálico " ;

body.leading = 20;

style.setStyle ( "título " , designação) ;

style.setStyle ( "corpo" , o corpo );
etiqueta

var : TextField = new TextField ();

label.height = 200;

label.width = 500;

label.styleSheet = estilo ;

label.htmlText = " Olá está recuado 50 pixels e tem o \\ n \\ " título \\ styles "associados com o seletor de estilo \\ nheading . . linhas \\ Nnext são sperated com 20 pixels de líder \\ nO próxima linha para baixo \\ nO próxima linha ";

addChild (etiqueta) ;
9

Clique em " Test Movie " no menu de controle para reproduzir o programa Cascading Style Sheet . Observe que o texto é formatado com as propriedades do seletor especificados no objeto de folha de estilo.