LWUIT: Uma alternativa para interface gráfica em dispositivos móveis
-
Upload
daniel-de-macedo -
Category
Technology
-
view
3.061 -
download
0
description
Transcript of LWUIT: Uma alternativa para interface gráfica em dispositivos móveis
![Page 1: LWUIT: Uma alternativa para interface gráfica em dispositivos móveis](https://reader033.fdocuments.net/reader033/viewer/2022052904/557db409d8b42acb768b54b8/html5/thumbnails/1.jpg)
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
![Page 2: LWUIT: Uma alternativa para interface gráfica em dispositivos móveis](https://reader033.fdocuments.net/reader033/viewer/2022052904/557db409d8b42acb768b54b8/html5/thumbnails/2.jpg)
ApresentaçãoApresentaçãoApresentaçãoApresentação
UI com MIDP 2 0 UI com MIDP 2.0 Exemplos Problemas LWUIT LWUIT Exemplos com LWUIT
![Page 3: LWUIT: Uma alternativa para interface gráfica em dispositivos móveis](https://reader033.fdocuments.net/reader033/viewer/2022052904/557db409d8b42acb768b54b8/html5/thumbnails/3.jpg)
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
![Page 4: LWUIT: Uma alternativa para interface gráfica em dispositivos móveis](https://reader033.fdocuments.net/reader033/viewer/2022052904/557db409d8b42acb768b54b8/html5/thumbnails/4.jpg)
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
![Page 5: LWUIT: Uma alternativa para interface gráfica em dispositivos móveis](https://reader033.fdocuments.net/reader033/viewer/2022052904/557db409d8b42acb768b54b8/html5/thumbnails/5.jpg)
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
![Page 6: LWUIT: Uma alternativa para interface gráfica em dispositivos móveis](https://reader033.fdocuments.net/reader033/viewer/2022052904/557db409d8b42acb768b54b8/html5/thumbnails/6.jpg)
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.
![Page 7: LWUIT: Uma alternativa para interface gráfica em dispositivos móveis](https://reader033.fdocuments.net/reader033/viewer/2022052904/557db409d8b42acb768b54b8/html5/thumbnails/7.jpg)
Passo a PassoPasso a PassoPasso a PassoPasso a Passo
![Page 8: LWUIT: Uma alternativa para interface gráfica em dispositivos móveis](https://reader033.fdocuments.net/reader033/viewer/2022052904/557db409d8b42acb768b54b8/html5/thumbnails/8.jpg)
Resultado em outros celularesResultado em outros celularesResultado em outros celularesResultado em outros celulares
![Page 9: LWUIT: Uma alternativa para interface gráfica em dispositivos móveis](https://reader033.fdocuments.net/reader033/viewer/2022052904/557db409d8b42acb768b54b8/html5/thumbnails/9.jpg)
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
![Page 10: LWUIT: Uma alternativa para interface gráfica em dispositivos móveis](https://reader033.fdocuments.net/reader033/viewer/2022052904/557db409d8b42acb768b54b8/html5/thumbnails/10.jpg)
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
![Page 11: LWUIT: Uma alternativa para interface gráfica em dispositivos móveis](https://reader033.fdocuments.net/reader033/viewer/2022052904/557db409d8b42acb768b54b8/html5/thumbnails/11.jpg)
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”
![Page 12: LWUIT: Uma alternativa para interface gráfica em dispositivos móveis](https://reader033.fdocuments.net/reader033/viewer/2022052904/557db409d8b42acb768b54b8/html5/thumbnails/12.jpg)
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
![Page 13: LWUIT: Uma alternativa para interface gráfica em dispositivos móveis](https://reader033.fdocuments.net/reader033/viewer/2022052904/557db409d8b42acb768b54b8/html5/thumbnails/13.jpg)
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
![Page 14: LWUIT: Uma alternativa para interface gráfica em dispositivos móveis](https://reader033.fdocuments.net/reader033/viewer/2022052904/557db409d8b42acb768b54b8/html5/thumbnails/14.jpg)
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...
![Page 15: LWUIT: Uma alternativa para interface gráfica em dispositivos móveis](https://reader033.fdocuments.net/reader033/viewer/2022052904/557db409d8b42acb768b54b8/html5/thumbnails/15.jpg)
Resource Editor (cont )Resource Editor (cont )Resource Editor (cont.)Resource Editor (cont.)
![Page 16: LWUIT: Uma alternativa para interface gráfica em dispositivos móveis](https://reader033.fdocuments.net/reader033/viewer/2022052904/557db409d8b42acb768b54b8/html5/thumbnails/16.jpg)
Resultado com LWUITResultado com LWUITResultado com LWUITResultado com LWUIT
![Page 17: LWUIT: Uma alternativa para interface gráfica em dispositivos móveis](https://reader033.fdocuments.net/reader033/viewer/2022052904/557db409d8b42acb768b54b8/html5/thumbnails/17.jpg)
FinalizandoFinalizandoFinalizandoFinalizando
Download: https://lwuit dev java net/Download: https://lwuit.dev.java.net/
Video LWUIT
![Page 18: LWUIT: Uma alternativa para interface gráfica em dispositivos móveis](https://reader033.fdocuments.net/reader033/viewer/2022052904/557db409d8b42acb768b54b8/html5/thumbnails/18.jpg)
Duvidas?Duvidas?Duvidas?Duvidas?
![Page 19: LWUIT: Uma alternativa para interface gráfica em dispositivos móveis](https://reader033.fdocuments.net/reader033/viewer/2022052904/557db409d8b42acb768b54b8/html5/thumbnails/19.jpg)
Obrigado!Obrigado!Obrigado!Obrigado!
Daniel Valente de Macedo◦ Email: danielvalentemacedo@gmail com◦ Email: [email protected]◦ Blog: http://danielvalente.com.br