Elvis Fernandes

Gerando relatórios com o FlexReport – Parte 3 (Screencast)

Depois do primeiro artigo sobre o FlexReport e do primeiro screencast sobre o assunto, recebi vários comentários (tanto através dos comentários no blog quanto via e-mail/listas de discussão) dizendo que seria interessante mostrar como fazer relatórios mais elaborados.

Atendendo a todos esses pedidos elaborei este segundo screencast, que é focado em como organizar o layout do relatório gerado com o FlexReport, aproveitando todos os conceitos do screencast anterior.

Leia o restante do artigo

Gerando relatórios com o FlexReport – Parte 2 (Screencast)

Isso mesmo! Um screencast. O meu primeiro. E olha que deu um trabalho danado. Muitas tentativas de gravação. Cada hora era uma coisa que dava errado: uma vez dava erro no programa de gravação, outra hora era interrompido por alguém ou o telefone tocava. A solução para tudo isso foi fazer a gravação às 1h30 da manhã, enquanto aguardava o céu limpar para ver o Lulin, o que não aconteceu – o Lulin deve ter passado, mas o céu permaneceu nublado. Pelo menos consegui chegar ao fim do screencast, o que é mais importante do que ver um cometa passar.

Neste screencast eu mostro passo-a-passo como criar um relatório com o FlexReport. Na primeira parte deste artigo eu comentei os aspectos básicos das classes principais, e agora vem a prática – que é a parte mais divertida.

Leia o restante do artigo

Novo tema e novo widget para o blog

Eu já estava cansado do tema antigo que eu usava no blog (e olha q eu sou a pessoa que menos lê este blog). Fazia um bom tempo que eu estava querendo trocar por outro tema que fosse mais confortável para ler, mas agora chegou a hora.

O principal motivo para eu parar para trabalhar no novo visual do blog foi a minha programação para o carnaval, baseado na sugestão do pessoal do Efeito Azaron. Vamos ver se eu consigo fazer uma incredible machine nos dois dias que faltam para terminar o feriado prolongado …

Aproveitei também para disponibilizar o widget do Google Friend Connect na barra lateral. Não coloquei o widget antes porque não cabia no outro tema. Outra modificação foi a remoção dos links de publicidade, que só serviam para poluir o visual (e não davam retorno nenhum). Agora o foco aqui é CONTEÚDO!

Eu achei que tudo ficou verde demais por aqui. Mas vou modificando aos poucos, baseando-me nas sugestões que eu tenho certeza que vocês irão mandar pelos comentários!

Conforme prometido, na próxima terça eu coloco no ar a segunda parte do artigo sobre o FlexReport.

# Edit @ 28/fev/09
Concordo, aquele tema verde-demais estava péssimo. Atualizei para este mais moderninho. Espero que gostem!

Gerando relatórios com o FlexReport – Parte 1

O Flex é uma ferramenta excepcional para o desenvolvimento de RIAs, mas deixa um pouco a desejar quando o assunto é impressão. Ele possui uma classe PrintJob para fazer impressão, mas não permite que você visualize o que vai ser impresso.

Por causa dessa deficiência o pessoal do www.kemelyon.com/bts (este site está fora do ar enquanto escrevo este artigo) desenvolveu o FlexReport, um componente que permite você montar modelos de relatórios, inserir dados nesses modelos, visualizar a impressão e enviar o documento para a impressora. O componente é distribuído sob a LGPL e pode ser baixado via SVN pela página do FlexReport no Google Code. Mas para facilitar eu já disponibilizo aqui o swc da biblioteca, traduzido para português.

Neste artigo pretendo mostrar como funcionam as principais classe dessa biblioteca. No próximo artigo, vou mostrar, na prática, como o FlexReport funciona.

Leia o restante do artigo

Como definir efeitos de transição em componentes no Flex 3

O Flex provê diversos efeitos que podemos colocar em qualquer componente visual. A forma mais simples de fazer isso é definindo as propriedades dos triggers desses eventos.

Triggers são parecidos com eventos, mas não são iguais. Quando um evento é disparado, um eventListener  captura esse evento e executa alguma função em AS. Quando um trigger é disparado, um efeito é executado. Um trigger não pode executar uma função em AS e versa-vice. Da mesma forma como associamos funções a eventos através dos eventListeners, precisamos associar efeitos a componentes através dos triggers. Vamos ver agora como fazer isso.

Leia o restante do artigo

Screencast: visualizador de imagens do Flickr

O Beck Novaes da DClick está fazendo uma série de screencasts matadora sobre o desenvolvimento com Flex. O primeiro screencast, Construindo uma aplicação Flickr em 10 minutos, mostra passo a passo as primeiras linhas de vida de uma aplicação dessa.

No screencast ele aborda conceitos que vão desde HttpService, passando por binding, states e efeitos. Simples e direto. Vale a pena conferir, mesmo para quem já domina a linguagem.

Usando CSS no Flex

O FlexBuilder agiliza muito a criação de interfaces, só que se você construir uma aplicação sem mudar em nada os estilos padrão do Flex, seu programa vai ficar com exatamente a mesma cara da aplicação do teu colega, o que não é muito legal.

Existem recursos avançados para se criar skins no flex, onde você define os estilos de cada cantinho da sua aplicação. Isso pode ser feito, por exemplo, com o próprio Flash, onde você define novos estilos para os botões, barras de rolagem, combo boxes e tudo o mais que você possa imaginar.

Mas neste breve artigo pretendo cobrir um assunto mais simples: a modificação da interface padrão através do uso de arquivos CSS.

Leia o restante do artigo

Flash Player 10 liberado

Esse post é rapidinho: a Adobe lançou ontem a versão estável do Flash Player 10. Essa versão do player será necessária para rodar aplicações desenvolvidas com o Flex 4 (Gumbo).

Gerenciando a ordenação do DataGrid no Flex

O DataGrid e o AdvancedDataGrid, entre outros, são componentes que só existem por causa dos dados. Sem dados, a existência deles não tem o menor sentido. São os data-driven components, componentes que mostram um conjunto de dados ao usuário.

Para definir o conjunto de dados que vai popular o DataGrid, definimos a propriedade dataProvider, e nas colunas definimos qual campo desse dataProvider será usado para cada uma delas através da propriedade dataField.

Só que algumas vezes o conteúdo da célula da nossa tabela não é o mesmo conteúdo daquele campo do dataProvider. Por exemplo, ao invés de “1″ ou “0″ que estão armazenados no banco você queira mostrar textos como “Sim” ou “Não”, respectivamente, ou ainda mostrar uma imagem (usando um ItemRenderer – calma, isso é assunto pra outro artigo ). Para isso, definimos a propriedade labelFunction da coluna.

Até aqui nada de novo. Mas o que não é muito comentado por aí é que, quando definimos a propriedade labelFunction (e não definimos dataField), o DataGrid não sabe como ordenar a tabela caso o usuário clique no cabeçalho da coluna! A ordenação simplesmente não funciona, ou nos piores casos pode dar um erro em runtime.

Leia o restante do artigo

E-book gratuito de Flex 3

A Adobe está diponibilizando gratuitamente o e-book “Getting started with Flex 3″, que tem quase 150 páginas. Faça o download no site da Adobe (o site e o livro estão em inglês).