O documento apresenta a biblioteca LWUIT (LightWeight User Interface Toolkit) para desenvolvimento de interfaces gráficas em dispositivos móveis Java. A LWUIT oferece componentes visuais e layouts que facilitam a criação de UIs complexas sem lidar diretamente com os detalhes de cada dispositivo, além de suporte a temas, fontes, transições animadas e internacionalização. O documento demonstra exemplos de telas criadas com a LWUIT e seus benefícios em relação ao uso direto dos componentes do MIDP.
2. Apresentação
UI com MIDP 2 0
2.0
Exemplos
Problemas
LWUIT
Exemplos com LWUIT
3. UI com MIDP 2.0
20
Pacote “javax microedition lcdui”
javax.microedition.lcdui
Componentes “High-Level”
◦ Form
◦ List
◦ TextBox
◦ Etc...
Et
Componentes “Low-Level”
◦ Canvas
◦ Graphics
4. Exemplo com LCDUI (High-Level)
(High-
Tela de Login para um sistema
5. Problemas
Os componentes da interface possuem o
“Look and Feel” do sistema embutido no
celular.
Não é possivel criar um padrão ou
p p
personalizar as telas em todos os
celulares
6. Exemplo com LCDUI (Low-Level)
(Low-
Utilizando o mesmo exemplo para tela de
login
Soluciona o problema da padronização
das telas, mas é p
, preciso criar cada
componente visual do zero. Do desenho
do componente até o tratamento de
eventos.
9. Problemas
Desenvolvimento da lógica dos
componentes são bem complexas
O desenvolvedor deve se preocupar com
o suporte a diferente tamanhos de tela
p
Nem sempre o codigo que roda em um
celular f i
l l funciona em outro, precisando d
t i d de
“ajustes” para funcionar
10. Qual seria uma solução?
LWUIT
J2ME Polish
LwVCL
APIme
11. LWUIT
A LWUIT é uma biblioteca de
componentes gráficos para J2ME
Ela é Open Source
MIDP 2 0/CLDC 1.1
2.0/CLDC 1 1
Baseado no Swing (JavaSE)
Possui um “Resource editor”
12. Vantagens
É possivel elaborar interfaces bem
complexas sem muito trabalho
O código lembra muito o próprio Swing
Não é preciso se preocupar com o
tamanho das telas dos celulares
É testado em vários aparelhos antes de
d á lh d
um release
13. Mais detalhes da LWUIT
Vários componentes
◦ Form, List, Calendar, TabbedPane e etc...
Layouts
L
◦ FlowLayout, GridLayout, BorderLayout e etc...
Temas
Suporte a fonte
Touch screen!
TTransações animadas
õ id
Suporte a I18N/L10N
14. Resource Editor
Uma ferramente independente para a
criação de um resource (.res) para o
LWUIT
◦ Editar Fontes
◦ Editar Temas
◦ Editara Internacionalização
◦ Etc...