Criando temas visuais para a plataforma LWUIT - Artigo webMobile 35

A mobilidade digital vem se tornando cada vez mais importante para as nossas vidas. As aplicações para dispositivos móveis estão cada vez mais abrangentes e inovadoras. O que antes eram aplicativos simples, projetados para telas pequenas, monocromáticas, que rodavam em celulares praticamente sem nenhum recurso, hoje se tornaram aplicativos complexos, com interfaces ricas em detalhes, que fazem uso dos mais diversos recursos, como GPS, sensores, redes Bluetooth, entre outros.

Atualmente, o desenvolvedor Java ME tem duas possibilidades para criar a interface de sua aplicação: utilização de classes da hierarquia do pacote javax.microedition.lcdui (alto nível) ou utilização das classes Graphics e Canvas (baixo nível). A primeira opção traz um conjunto pequeno de componentes pré-configurados e de fácil utilização, como DateField, TextField, Label, ComboBox, dentre outros. O ponto forte (provavelmente o único) dessa opção é a facilidade na utilização dos componentes. Como pontos fracos destacam-se a falta de portabilidade visual (um mesmo componente pode ser apresentado de diferentes maneiras em diferentes plataformas de celulares) e a falta de opções para personalização dos componentes (muitos componentes não permitem modificar cores, estilos, fontes, etc.).

Já para as classes Canvas e Graphics, destaca-se como ponto forte a portabilidade visual entre diferentes plataformas, ou seja, uma interface visual será apresentada da mesma maneira em diferentes aparelhos (isso se o desenvolvedor manter a proporção dos componentes visuais em relação à altura e largura de tela). Porém, essa abordagem apresenta alguns pontos fracos, como a dificuldade de sua utilização por desenvolvedores leigos e um maior tempo para a codificação das interfaces.

Para integrar as vantagens existentes nas interfaces de alto e baixo nível, foi desenvolvido o framework LWUIT (Lightweight User Interface Toolkit). Esse permite a criação de componentes pré-configurados (ponto forte da interface de alto nível), porém, mais ricos graficamente, programáveis e portáveis (ponto forte da interface de baixo nível).

O framework LWUIT foi criado por Chen Fishbein na Sun Microsystems de Israel. Inicialmente apenas para uso interno e depois passou a ser código aberto em 2008. Esse framework utiliza princípios do swing (um conjunto de bibliotecas muito conhecido dos programadores desktop utilizado para realizar o desenho da interface visual e manipular eventos). 

Com uma interface visual muito atraente, o LWUIT é uma biblioteca que proporciona o desenvolvimento de interfaces gráficas para dispositivos móveis que suportem MIDP e é compatível com MIDP 2.0, CDC e JAVA SE.  Sua biblioteca melhorou muito os componentes tradicionais do Java ME, e ainda trouxe várias melhorias, destacando-se:

·         Novas Fontes;

·         Animações;

·         Novos botões;

·         Possibilidade de utilização de abas;

·         Integração 3D;

·         Temas, que podem ser desenvolvido pelo próprio usuário;

·         E muito mais.

Dentre todos os novos recursos disponibilizados pelo LWUIT, o mais interessante é a criação e utilização de Temas. Temas nada mais são do que identidades visuais de um aplicativo. É possível através de temas definir uma imagem de fundo do aplicativo, formato de sombra dos componentes, cores, bordas, efeitos visuais, etc. O mais interessante é que um mesmo tema pode ser usado por diferentes aplicativos, assim, todos os aplicativos de uma mesma empresa, por exemplo, terão as mesmas características visuais.

Para criar um novo tema, pode ser utilizada a ferramenta ResourceEdit disponibilizada junto com o Framework LWUIT. A seguir será apresentado o processo para baixar e utilizar este Framework.

Instalando o LWUIT

O primeiro passo para a utilização do framework LWUIT é a configuração do ambiente de desenvolvimento para suportá-lo.

Primeiramente deve-se baixar o framework LWUIT em seu site oficial da Oracle, o link direto é: http://www.oracle.com/technetwork/java/javame/downloads. Baixe o zip fornecido pelo projeto na página Download Page e depois descompacte o arquivo em um diretório de sua preferência.

LWUIT – ResourceEditor

O ResourceEditor é o aplicativo que permite a criação de temas para a plataforma LWUIT. Além de criar temas, através dele é possível importar imagens, animações, arquivos SVG, etc. gerando um único arquivo de extensão .res, que pode armazenar todos os recursos do projeto e é acessado de maneira bastante simples por toda a aplicação.

"