terça-feira, 27 de março de 2007

Flex - Leitor de RSS

Fala ae pessoal de programa!!!!

=)

Quanto tempo sem um tutu descente não? sb como é né, essa vida de garoto dos programas é complicada!!

+)

Vcs Viram que coloquei coisa nova aqui no blog?!?!?

--Projetos em Produção!
--Cliques Rápidos
--Fale Comigo (Plugoo)
--Busca de Códigos (Bastante util)

só pra deixa mais organizado!! ;)

Mas Então... vamos ao que interessa:

Vamos fazer um leitor de RSS com Flex!!!

quem nunca brincou com javascript ou html cru para tentar fazer um leitor de rss
não sabe a dor de cabeça que é fazer isso, o flex vendo que
feeds e afins, é o "futuro", facilitou muito mais fácil a forma de fazer isso.

1. De inicio, vamos localizar um rss do seu gosto:

http://rss.uol.com.br/
http://www.terra.com.br/rss/
http://oglobo.globo.com/rss/
http://www.estadao.com.br/rss/
http://www.ig.com.br/rss/(Tem Diversos Temas Interessantes...)

Eu Estarei usando do Grupo Flex-Basil do Yahoo.

http://rss.groups.yahoo.com/group/flex-brasil/rss

2.Visualize seu RSS, mostrando a ávore XML para entender melhor.

Quem usa IE 7, tem que desabilitar o leitor de feeds!


3. Escolhido seu RSS, crie um projeto novo no Flex, com o Nome de:
FlexCSS

  • Perceba que ele já criou um FlexCSS.mxml, clique em Desing, e adicione uma DataGrid,
  • Selecione-a, e clique em source. Na Tag deve ter algo assim:



No meu caso, eu usarei o "titulo" e a "Descricao" do rss que respctivamente está nesse caminho:
Título: rss.channel.item.
title;
Descricão:
rss.channel.item.description;

com isso, criarei os campos que eu quero exibir na dataGrid e também, configurar um HTTPService
para navegar até este xml, e trazer as informações para mim.



e a DataGrid:





Para concluir precisamos configurar, para quando abrir a aplicação, já carregar o xml automaticamente,
para isso, deixe sua Tag
assim:


isto é, quando o form terminar de se criar, ele da um send no HTTPService, listaXML.

Pronto!!! Seu Leitor de RSS, Está Protinhu!! +)

Muiiiito Fácil não?!?!? E Ainda tem gnt querendo sofrer com html.... (Dá me forças...+)

Código Completo:





Download Source Project:
FlexRSS

Abraço Galerah!!! +)