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.