LWUIT: LightWeight User LWUIT: LightWeight User LWUIT: LightWeight User LWUIT: LightWeight User Interface ToolkitInterface Toolkit

Daniel Valente de MacedoCafé com Tapioca de Março - Unifor

ApresentaçãoApresentaçãoApresentaçãoApresentação

UI com MIDP 2 0 UI com MIDP 2.0 Exemplos Problemas LWUIT LWUIT Exemplos com LWUIT

UI com MIDP 2 0UI com MIDP 2 0UI com MIDP 2.0UI com MIDP 2.0

Pacote “javax microedition lcdui” Pacote javax.microedition.lcdui Componentes “High-Level”◦ Form◦ ListList◦ TextBox

Et◦ Etc...

Componentes “Low-Level”◦ Canvas◦ GraphicsGraphics

Exemplo com LCDUI (HighExemplo com LCDUI (High Level)Level)Exemplo com LCDUI (HighExemplo com LCDUI (High--Level)Level)

Tela de Login para um sistema Tela de Login para um sistema

ProblemasProblemasProblemasProblemas

Os componentes da interface possuem o Os componentes da interface possuem o “Look and Feel” do sistema embutido no celular.

Não é possivel criar um padrão ou p ppersonalizar as telas em todos os celularescelulares

Exemplo com LCDUI (LowExemplo com LCDUI (Low Level)Level)Exemplo com LCDUI (LowExemplo com LCDUI (Low--Level)Level)

Utilizando o mesmo exemplo para tela de Utilizando o mesmo exemplo para tela de login

Soluciona o problema da padronização das telas, mas é preciso criar cada , pcomponente visual do zero. Do desenho do componente até o tratamento de do componente até o tratamento de eventos.

Passo a PassoPasso a PassoPasso a PassoPasso a Passo

Resultado em outros celularesResultado em outros celularesResultado em outros celularesResultado em outros celulares

Problemas Problemas Problemas Problemas

Desenvolvimento da lógica dos Desenvolvimento da lógica dos componentes são bem complexas

O desenvolvedor deve se preocupar com o suporte a diferente tamanhos de telap

Nem sempre o codigo que roda em um l l f i t i d d celular funciona em outro, precisando de

“ajustes” para funcionar

Qual seria uma solução?Qual seria uma solução?Qual seria uma solução?Qual seria uma solução?

LWUIT LWUIT J2ME Polish LwVCL APIme APIme

LWUITLWUITLWUITLWUIT

A LWUIT é uma biblioteca de A LWUIT é uma biblioteca de componentes gráficos para J2ME

Ela é Open Source MIDP 2 0/CLDC 1 1 MIDP 2.0/CLDC 1.1 Baseado no Swing (JavaSE) Possui um “Resource editor”

VantagensVantagensVantagensVantagens

É possivel elaborar interfaces bem É possivel elaborar interfaces bem complexas sem muito trabalho

O código lembra muito o próprio Swing Não é preciso se preocupar com o Não é preciso se preocupar com o

tamanho das telas dos celularesÉ d á lh d É testado em vários aparelhos antes de um release

Mais detalhes da LWUITMais detalhes da LWUITMais detalhes da LWUITMais detalhes da LWUIT Vários componentes Vários componentes◦ Form, List, Calendar, TabbedPane e etc...L Layouts◦ FlowLayout, GridLayout, BorderLayout e etc...

Temas Suporte a fonteSuporte a fonte Touch screen!

T õ i d Transações animadas Suporte a I18N/L10N

Resource EditorResource EditorResource EditorResource Editor

Uma ferramente independente para a Uma ferramente independente para a criação de um resource (.res) para o LWUIT◦ Editar Fontes◦ Editar Temas◦ Editara Internacionalização◦ Editara Internacionalização◦ Etc...

Resource Editor (cont )Resource Editor (cont )Resource Editor (cont.)Resource Editor (cont.)

Resultado com LWUITResultado com LWUITResultado com LWUITResultado com LWUIT

FinalizandoFinalizandoFinalizandoFinalizando

Download: https://lwuit dev java net/Download: https://lwuit.dev.java.net/

Video LWUIT

Duvidas?Duvidas?Duvidas?Duvidas?

Obrigado!Obrigado!Obrigado!Obrigado!

Daniel Valente de Macedo◦ Email: danielvalentemacedo@gmail com◦ Email: danielvalentemacedo@gmail.com◦ Blog: http://danielvalente.com.br