PESQUISA: 

 

Fórum de Flash
Fórum de discussão sobre Flash moderados por especialistas.

tutoriais
Os melhores tutoriais de Flash escritos em Português.

open sources
Milhares de "open sources" devidamente catalogadas e classificadas.

jogos
Centenas de viciantes jogos desenvolvidos em Flash.

websites
Selecção dos melhores websites em Flash.

bibliotecas
Bibliotecas de software, componentes, fontes e sons para Flash.

artigos
Artigos técnicos indispensáveis para profissionais em Flash.

Newsletter
Receba todos os dias a newsletter do Flash Web Training com as principais notícias sobre tecnologia e informática.
 
Curso Online
Curso de Flash 5 e MX com acompanhamento de formadores especializados.
 
flash shopping
Online Store com os melhores produtos dedicados ao Flash.
 
conferências
Principais conferências e eventos sobre Internet e Novas Tecnologias.
 
job opportunities
Anúncios de emprego para empresas que procuram profissionais de Flash.
 
suporte técnico
Caso tenha alguma dificuldade, contacte o nosso suporte técnico.

 

 
Homepage Tutoriais Avançados

Ficha Técnica
Autor: Flash Web Training
Versão: Flash MX 2004
Dificuldade: Avançado
Data de Publicação: 23/03/2004


Introdução

Desejam aplicar um estilo CSS a um texto que lêem externamente de um ficheiro? Não é muito difícil, e neste tutorial vamos tentar explicar-vos a melhor forma de o fazer!

Vamos começar por seguir, o tutorial existente no Flash Web Training, chamado Utilizando CSS Styles no Flash MX 2004. Aconselhamos que leiam primeiro esse tutorial, e de seguida prossigam com este tutorial.

Downloads:

Tutorial em PDF

Primeiro passo:

1. Começaremos por modificar o ActionScript; Apaguem a seguinte linha:

var quick = "<br><p class='one'>Isto e somente...

2. Vamos colocar o seguinte código, em vez da seguinte linha:

output.text = quick;

3. Com o seguinte código:

myLoadVar = new LoadVars ();
myLoadVar.load("flashwebtraining.txt")
myLoadVar.onLoad = function (success){
if (success == true) {
output.variable = "FlashWebTraining"
output.htmlText=myLoadVar.flashwebtraining;
}
}

4. Poderemos agora gravar o corrente ficheiro de Flash com o nome que quiserem, num directório que desejarem.

5. Criem um novo ficheiro de texto e copiem e colem o texto que de seguida vamos descrever. Deveremos gravar o ficheiro com o nome de flashwebtraining.txt, assegurando-nos de que o mesmo será gravado no directório onde foi gravado o ficheiro de Flash criado recentemente.

flashwebtraining = <p class='one'>Isto e somente um exemplo deste tutorial.</p><br><p class='two'> Isto e somente um exemplo deste tutorial.</p><br><p class='three'> Isto e somente um exemplo deste tutorial.</p><br><p class='four'> Isto e somente um exemplo deste tutorial.</p>

6. Dirijam-se ao menu de File, e escolham a opção de Publish Preview e de seguida HTML. Se tudo correr bem, surgirá uma janela de browser onde poderemos ver a nossa animação.

Explicação do Código

Vamos tentar nesta secção explicar-vos de uma forma simples, explicando as linhas que foram alteradas:

Apague a linha: var quick = "<br><p class='one'>Isto e somente...;

Nós removemos esta linha porque o nosso texto irá ser extraído a partir do ficheiro flashwebtraining.txt que criamos.

Apague a linha: output.text = quick;

Nós removemos/recolocamos esta linha porque não iremos utilizar a variável quick em nenhuma das situações.

myLoadVar = new LoadVars ();
myLoadVar.load("flashwebtraining.txt")

Criamos um novo objecto “LoadVars” para podermos de seguida ler o conteúdo do ficheiro flashwebtraining.txt .

myLoadVar.onLoad = function (success){
if (success == true) {
output.variable = "FlashWebTraining"

Nesta parte fazemos um teste para certificarmo-nos de que o ficheiro é realmente lido. Se isto for efectuado com sucesso, nós activamos o dynamic text com o <instance name> de output e com a variável flashwebtraining. É possível, todavia definir o nome da variável através do painel de propriedades, no campo var.

output.htmlText=myLoadVar.flashwebtraining;

Nesta linha, associamos o texto lindo através do nosso ficheiro externo para a instance output da nossa caixa da dynamic text.

 
Esperamos que este trabalho vos tenha sido de alguma ajuda para os vossos trabalhos futuros. Se tiveres alguma dúvida ou questão, não hesites em utilizar os nossos Fóruns de Discussão.

Bons trabalhos!
Pedro Teixeira
 
« Anterior   
 
Copyright ©2002-2008 Desenvolvimento de Sites , Serviços de Web Design Todos os direitos reservados