Uma importante função em uma página na internet é o sistema de notícias. Então vou mostrar um sistema bem simples, útil, feito em flash e integrando a linguagem XML. Então vamos lá...
1º_ abres o Flash MX, novo arquivo (CTRL + N), tamanho varia de acordo com sua preferência, mas no nosso caso o nosso filme tem 300 pixels de altura e largura...
2º_ crie duas camadas: actions e texto...
3º_ na camada "actions" cole o seguinte script:
// Explicando o script. *valeu aí Sheep por ajudar em algumas actions System.useCodePage = true;// permite characters tipo ã ç news = new XML();// declara um novo objeto XML news.ignoreWhite = true; /* isso serve para eliminar os espacos em branco do XML e nao serem reconhecidos como nodes*/ news.load("news.xml");//carrega o documento XML news.onLoad = function() {//após o documento XML ser carregado ele executa a função texto.htmlText="";//define "texto" como sendo um texto que suporta tags HTML main = this.childNodes[0];// Pega todos os nós filhos for (i=0; i<main.childNodes.length; i++) {/*exibe de 0 até o último nó filho; main.childNodes.legth = retorna o número de nós filho que tem no nó principal*/ subnode = main.childNodes[i]; if (subnode.nodeName.toLowerCase()=="news") { data_news=subnode.attributes.dia;//adiciona os valores do atributo dia a variavel data_news texto_news=subnode.attributes.texto;//adiciona os valores do atributo texto a variável texto_news texto.htmlText+="<b>Data: </b>"+data_news+"<br>"+"<b>Saca só!: </b>"+texto_news+"<br>";/*exibe no campo de texto os valores de data_news e texto_news. A parte de formação html é só para criar o título, pode ser feito no próprio XML aí fica a critério seu!. Ou seja, ele cria o texto Data e soma a ele o conteúdo de data_news, + o Saca só em negrito + o texto_news*/ texto.htmlText+=" - - - - - - - - - - - - - - - - - - - - - - - ";//adiciona a divisa das notícias } } };
4º_ na camada "texto", selecione a ferramenta de texto (T), selecione a opção de texto como "Dinamic Text", clique, segure e arraste criando um retângulo ou um quadrado, como preferir. Feito o campo de texto dinâmico, instacie-o como "texto"(sem aspas) e nas propriedades selecione a opção "Render text as HTML"(<>)...
5º_ agora vamos colocar uma barra de rolagem, abre a janela Components(Componentes) (CTRL + F7), selecione o componente "ScrollBar", clique sobre o mesmo e arraste-o sobre o campo de texto dinâmico. Automaticamente ele se ajustará com o campo de texto sem problemas...
6º_ está pronto nossa parte no flash, podemos desenhar algo para deixar nosso sistema mais atraente, mas que não é o caso agora...
7º_ vamos utilizar agora outro software, o Dreamweaver MX. Aperte CTRL + N para abrir um novo arquivo, na opção de página escolha XML...
8º_ cole o seguinte sciprt:
<root> <news dia="27|Setembro|2003|" texto="EAiiii!! =) " /> <news dia="26|Setembro|2003|" texto="Sistemas integrando XML + FLASH" /> <news dia="25|Setembro|2003|" texto="Que legalll isso aqui!!!" /> </root>
9º_ salve-o como "NEWS" (sem aspas) e pronto, volte no Flash MX e publique o filme. Que beleza, um simples e belo sistema feito em flash integrando XML funcionando perfeitamente. Abraços!
*dica: para demais dias é só ir inserindo as tags <news dia="data_aqui" texto="notícia_aqui" />
Autor: Antonio Vicentini
Edição feita por: tonim, 03/04/2007, 13:03.