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.

1. LWUIT: LightWeight User
Interface Toolkit
Daniel Valente de Macedo
Café com Tapioca de Março - Unifor

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.

7. Passo a Passo

8. Resultado em outros celulares

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...

15. Resource Editor (cont.)
(cont )

16. Resultado com LWUIT

17. Finalizando
Download: https://lwuit dev java net/
https://lwuit.dev.java.net/
Video LWUIT

18. Duvidas?

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