02 Interface Alto Nivel PDF

INTRODUÇÃO A J2ME
Prof. Dany Sanchez Dominguez

y@
dany@labbi.uesc.br
NBCGIB – Sala 01
Semana de Informática da UESC

Setembro - 2010
Prof. Dany S. Dominguez/dany@labbi.uesc.br Tema 2 – Slide 1

Tema 2
Interface de Alto Nível
Semana de Informática da UESC

Setembro - 2010

Sumário - 1
• Introdução
• A classe Display
• A classe Command
• Eventos e listeners
• A classe Item
• Hierarquia da classe Display

Introdução
ç
• A interface de usuário ((GUI)) é um conjunto
j
de rotinas que:
mostram informação na tela,
inquire ao usuário sobre uma tarefa,
tarefa
p
processa as respostas
p do usuário.

Introdução
ç
• Características da J2SE GUI
AWT / Swing
S i (Diversos
(Di elementos
l t gráficos)
áfi )
Múltiplas janelas
M d l de
Modelo d eventos
t complexo
l
Assume um apontador como dispositivo de
entrada
• Características da J2ME GUI
• LCDUI (Poucos elementos gráficos)
• Única janela
• Modelo de eventos simplificado
• Entrada de Dados: Teclado do telefone celular

Introdução
ç
• Existem três tipos
p de interface em J2ME:
Comandos
Formulários
Canvas (tela)
• Comandos
Instancias da classe Command,
Botões do dispositivo para tarefas
específicas
específicas,
Introdução
ç
• Formulários:
Uma instancia da classe Form que contêm
instancias derivadas da classe Item (text
(
field, radio button, check box, list)
Similar a um formulário HTML
• Canvas:
Uma instancia da classe canvas,
Permite ao desenvolvedor desenhar e
manip lar imagens.
manipular imagens
Estratégias - Desenvolvimento de Interfaces
• Abstração
Especifica uma interface com usuário em termos
abstratos e delega para a implementação do MIDP
a criação e posicionamento dos elementos
gráficos concretos,
API de Alto-Nível
Alto Nível
• Descobrimento
A aplicação determina as características do
dispositivo em tempo de execução e configura a
interface com o usuário através de programação
g fonte,
no código
API de Baixo-Nível
As classes de Interface
DESCOBRIMENTO
ABSTRAÇÃO

A classe Display
p y
• Permite a interação com a tela do dispositivo,
• Para mostrar uma informação na tela
devemos ter uma instancia Display,
• Cada MIDlet pode ter uma única instancia da
classe Display,
Display
• Uma referencia pode ser obtida através do
método getDisplay()
private Display display;
di l
display = Di
Display.getDisplay(this);
l tDi l (thi )
• Apenas objetos Displayable podem ser
mostrados.
A classe Display
p y
• O Objeto Display pode fornecer informações
sobre as características do dispositivo:
boolean isColor() – Informações sobre o suporte
de cor no dispositivo,
int numColor() – Número de cores ou níveis de
cinza,
int numAlphalevel()
p () - Suporte
p a transparência
p e
opacidade de pixels,
• Permite ativar algumas funcionalidades padrão:
boolean flashBacklight(int duration) – Luz de fundo
boolean vibrate(int duration) – Vibração.
A classe Display
p y
• Os elementos da interface de alto nível
seguem a seguinte hierarquia de classes:
Item StringItem
Displayable CheckBoxs
Screen List RadioButtons
Alert TextField
TextBox
• As instancias derivadas da classe Item não
são mostradas diretamente na tela,
tela
• Para mostrar um objeto na tela chamamos o
método
ét d setCurrent()
tC t() da
d classe
l Di l
Display,
• O objeto a ser mostrado é o parametro de
setCurrent();
A classe Display
p y

A classe Display
p y
• Exemplo:
Ilustra o funcionamento da classe Display,
Verifica se um dispositivo tem suporte a
vários cores,,
Método isColor(),
MIDlet Name: Verifica_Cores_Dispositivo,
MIDlet Class: DisplayCheckColor,
DisplayCheckColor
Mostrar execução
ç em vários dispositivos.
p

Resumo - classe Display
Método Descrição
p yg
static Display getDisplay(MIDlet
p y( Retorna uma instancia da classe
midlet) Display
Displayable getCurrent() Retorna a instancia Displayable que
esta
t sendo
d mostrada
t d na ttela
l ddo
dispositivo
( p y
void setCurrent(Displayable Mostra uma instancia Displayable
p y na
displayable) tela do dispositivo
void setCurrent(Alert alert, Mostra um dialogo Alert e uma
Di l
Displayable
bl di
displayable)
l bl ) i t
instancia
i Displayable
Di l bl na tela
t l do
d
dispositivo
()
boolean isColor() Determina se o dispositivo
p tem
suporte a cores
int numColors() Retorna o numero de cores suportado
pelo dispositivo.
dispositivo

A classe Command
• Para criar uma instancia da classe Command
chamamos o construtor da classe,
classe
• Construtores:
Command(String label, int commandType, int priority)
Command(String label, String longLabel, int

commandType, int priority)
label - O texto associado ao botão

longLabel - Um texto longo associado ao botão
(opcional)
commandType - A semântica do botão
p
priority
y - Indica a p
prioridade p
para o p
posicionamento
do botão
A classe Command
• Exemplo:
private
i t Command
C d cancel
l
cancel = new Command(“cancelar”, Command.CANCEL, 0);
• Tipos de comandos:
OK, Confirma uma seleção
CANCEL Cancela uma modificação
CANCEL,
BACK, Move para a tela anterior
STOP Para uma operação em curso
STOP,
HELP, Mostra instruções
SCREEN, Tipo genérico para ações específicas da
aplicação
EXIT,, Sai da aplicação
p ç
ITEM, Indica que o botão está associado à um item na tela
A classe Command
• O posicionamento e apresentação dos
comandos é dependente da implementação,
implementação
• No emulador WTK e em muitos dispositivos,
comandos são associados aos dois soft
buttons,,
• Mas, só existem DOIS soft buttons...
• E se existirem mais comandos do que soft
buttons?
• Então, um comando será associado à um
botão e os demais comandos serão
agrupados em um menu.
A classe Command
• Quem ficará com um soft button e quem irá para
o menu?
• Depende da combinação de:
Prioridade + Tipo + Ordem de Inserção,
Inserção
• A prioridade indica a importancia que da o
desenvolvedor a um determinado comando,
comando
• Um valor baixo (1) indica maior importancia que
um valor
l alto
l (5),
(5)
• O AMS pode ignorar as prioridades se detectar
conflitos,
• Não temos controle absoltuo sobre como os
comandos serão colocados em um dispositivo.
Eventos em J2SE
Event Source Object Listener Li t

Listener
•Qualquer
Q l objeto
bj t capaz •Qualquer
Q l objeto
bj t que •Um
U conjunto
j t d
de
de gerar um evento e implemente a métodos abstratos
registrar objetos listener interface listener e que processam os
•Multicast
M lti t Event
E t Source
S que tenha
t h interesse
i t eventos
t gerados
d por
•Capaz de adicionar em processar o objetos Event Source
vários escutadores evento
•AddListener()

Eventos em J2ME
Event Source Object Listener Listener
•Um Objeto Displayable •Poucos objetos, • Eventos específicos:

•Unicast
Unicast Event Source •Uma
Uma MIDlet •commandAction()
commandAction()
•Define um único •itemStateChange()
escutador para os
eventos
•SetListener()
• Um objeto
j Displayable
p y dispara
p um evento toda
vez que um de seus comandos é acionado.
A classe Command + Listener
• Sempre que utilizamos instancias da classe
Command devemos implementar uma interface
CommandListener,
• O CommandListener
C dLi t é notificado
tifi d quando
d o
usuário aciona um comando,
• Neste caso, o AMS chama o método
commandAction(),
• O método commandAction() recebe dois
parâmetros:
uma instancia da classe Command
uma instancia da classe Displayable
• No corpo do commandAction() colocamos as
instruções para:
identificar o comando que realizou o evento,
realizar o processamento do evento.
public
bli void
id commandAction(Command
d ti (C d command,
d
Displayable displayable){
if (
(command == exit){
){
destroyApp(true);
notifyDestroyed();
}
}

• Exemplo:
Ilustra o funcionamento da classe
Command e o objeto Listener,
Listener
Mostra as mensagens
g de ajuda
j de uma
aplicação,
Utiliza múltiplas telas,
MIDlet Name: Mostrar_Ajuda_Online,
Mostrar Ajuda Online
MIDlet Class: OnlineHelp.
p

• Exemplo:
O código mostrado tem uma falha: se
estivermos na tela de Ajuda e pausarmos a
MIDlet, ao retornamos, a tela Principal é
mostrada.
Qual é o problema?
Como pode ser corrigido?
Exercício: Modifique o código de exemplo para
após
ó a Pausa
P a última
últi t l seja
tela j mostrada.
t d
A classe Item
• A classe Item é derivada da classe formulario,
• Permite
P it adicionar
di i f
funcionalidades
i lid d a um
formulario ((interface g
gráfica),
)
• Permite gerenciar eventos em nossa
aplicação,
aplicação
• Para utilizarmos um elemento da classe Item:
declarar o elemento,
adicionar o elemento ao formulario,
formulario
gerenciar os eventos (listener).

A classe Item
• O usuário interage com a aplicação
modificando
difi d o estado
t d de
d objetos
bj t Item,
It
g
• Execto instancias ImageItem e StringItem
g
(estáticas),
• Para gerenciar os eventos
e entos provocados
pro ocados pela
mudança de estado devemos implementar
uma interface ItemStateListener(),
• O método itemStateChange() é invocado
quando uma mudança de estado é
provocada pelo usuário,
A classe Item
• As instruções para manipular o cambio de
estado devem ser colocadas no método
itemStateChange(),
itemStateChange()
• Ambos os métodos itemStateChange()
g () e
commandAction() gerenciam eventos,
• Eles não podem ser utilizados em conjunto,
• O AMS chama de forma independente cada
um dos métodos.

A classe Item
• O estado de uma instancia da classe Item pode
ser modificado
difi d por:
uma ação do usuário, o método
itemStateChange() é invocado,
uma ação da aplicação
aplicação, o método
itemStateChange() NÃO é invocado,
• O método itemStateChange() é chamado
q
quando:
1. o estado do objeto item é modificado,
2 o foco abandona o objeto.
2. objeto
A classe Item
• O método itemStateChange() recebe como
parâmetro
â t uma referencia
f i a um objeto
bj t da
d
classe Item,
• A referencia indica o objeto que foi modificado,
• Para processarmos os eventos provocados pelas
mudanças de estado uma interface
itemStateListener deve ser implementada,
• O listener deve ser associado a um objeto
j
Displayable usando o método
setItemStateListener()
setItemStateListener().
A classe Item + Listener
• Exemplo:
Ilustra o uso de instancias da classe Item,
Mostra a manipulação de eventos
provocados p
p por mudanças
ç de estado,,
Ilustra o funcionamento de um grupo de
radio buttons
MIDlet Name: Radio_Group_Listener,
Radio Group Listener
MIDlet Class: MyItemListener.
y

Resumo de Interfaces Listener
• Comandos
void setCommandListener(CommandListener
commandlistener)
void commandAction(Command command,

Displayable displayable)
• Items
void setItemStateListener(ItemStateListener
itemstatelistener)
void itemStateChange(Item item)

Hierarquia da classe Display
public class Display
public abstract class Displayable
public abstract class Screen extends Displayable
public class Alert extends Screen
public class Form extends Screen
public class List extends Screen implements Choice
public abstract class Item
public class ChoiceGroup extends Item implements Choice
public class DateField extends Item
public
bli class
l T tFi ld extends
TextField t d Item
It
public class Gauge extends Item
public class ImageItem extends Item
p blic class StringItem extends
public e tends Item
public class TextBox extends Screen
public class Command
public class Ticker
public class Graphics
public interface Choice
public abstract class Canvas extends Displayable
public class Graphics

• Displayable: classe abstrata, qualquer objeto
que pode
d ser mostrado
t d na tela
t l do
d dispositivo
di iti é
derivado desta classe,
• Screen: classe abstrata, deriva as classes da
GUI de alto nível,
ní el
• Alert: mostra uma caixa de dialogo com uma
mensagem (erro, notificação, informação),
• Form: Atua como contêiner para mostrar os
elementos derivados da classe Item,

• List: mostra uma lista de elementos, permite ao
usuário escolher uma opção,
opção
• TextBox: mostra um texto de múltiplas linhas na
tela,
• Item: classe abstrata,
abstrata deriva em 6 classes para
objetos de formulários,
• ChoiceGroup: utilizado para mostrar grupos de
radio buttons e check boxes,
boxes
• DateField: utilizada para manipular elementos
Data/Hora,
• TextField: utilizada para manipular textos em
fórmularios,
fórmularios
• Gauge: utilizado para mostrar uma barra de
progresso,
• ImageItem: mostra uma imagem de um
arquivo,
• StringItem: mostra um texto na tela (estático)
• Command: um objeto que permite processar
comandos do usuário, podem ser associados a
outros objetos,
• Ticker: mostra um texto animdao na tela
(rolagem de texto),
• Graphics: classe base para derivar objetos
(linhas, rectangle, circulos) que permitem criar
gráficos personalizados,
• Choice: uma interface que
q precisa
p ser
implementada nos objetos que mostram
opções
õ (radio
( di buttons
b tt e check
h k boxes).
b )

Sumário - 2
• A classe Alert
• A classe Form
• A classe ChoiceGroup
• A classe DateField
• A classe Gauge
• A classe StringItem
• A classe TextField
• A classe List
A classe Alert
• Uma alerta mostra uma janela com uma
mensagem ao usuário,
• Para utilizarmos um objeto Alert devemos:
declarar
d l o objeto,
bj t
instanciar o objeto
j chamando o construtor,,
mostrar o objeto na tela.

A classe Alert
• Construtores:
Alert (String title)
Alert(String
l t(St i titl
title, St
String
i msg, Image i
img,
AlertType alerttype)
• titl
title – título
tít l da
d janela,
j l
• msg – mensagem ao usuário,
• img – imagem que aparece na janela
(opc o a )
(opcional)
• alerttype - o tipo da alerta, define o som a ser
emitido pelo alerta.
alerta
A classe Alert
• Tipos de alerta:
Tipo Descrição
ALARM Uma requisição foi recebida
CONFIRMATION Um evento ou processamento foi finalizado
ERROR Um erro foi encontrado
INFO Uma informação é mostrada
WARNING Um erro potencial podera acontecer
• Uma janela de alerta não recebe nem

processa informações
i f õ dod usuário,
ái
• Não pode receber comandos.

A classe Alert
• Comportamento da janela Alert:
modal – a janela permanece vísivel até o
usuário oprimir o botão Aceptar,
Aceptar
timed – a janela desaparece após
transcorer um tempo definido
• Para definir o comportamento usamos o

método setTimeout():
Alert.FOREVER – modal
tempo em milisegundos – timed

A classe Alert
• Exemplo:
Alert alert;
alert = new Alert("Falha",
"Perda do enlaçe de comunicação!",
null, null);
alert.setTimeout(Alert.FOREVER);
display.setCurrent(alert);
• Por defeito o AMS determina a tela que será

mostrada após
p a jjanela de alerta ((depende
p da
implementação).

A classe Alert
• Podemos gerenciar qual será a próxima tela
utilizando duas alternativas:
Chamar o método setCurrent() com dois
parâmetros:
display.setCurrent(alert, form);
Chamar o método setCurrent() duas vezes:

display.setCurrent(alert);
display.setCurrent(form);

A classe Alert
• Exemplo:
Mostrando janelas de alerta em uma
aplicação,
aplicação
Um menu de comandos,,
Carregando uma imagem,
MIDlet Name: Mostra Janelas de Alerta,
MIDlet Class: ShowAlert.
ShowAlert

A classe Form
• A classe Form (formulário) é um contêiner para que
outros objetos apareçam na tela simultaneamente,
• Qualquer objeto derivado da classe Item deve ser
mostrado dentro de um formulário,
• Os formulários contam com barras de rolagem que
aparecem se o tamanho dos objetos excede o
tamanho da tela,
tela
• Ao inserirmos um objeto em um formulário um índice
i t i é atribuído
inteiro t ib íd ao objeto
bj t (começa
( com zero),
)
• Este índice pode ser utilizado para gerenciar os
objetos,
A classe Form
• Objetos
j podem ser colocados no formulário
p
utilizando dois métodos:
insert() – coloca o objeto em uma posição
específica enviada como parámetro,
parámetro
void insert(int index, Item item);
append() – insere o objeto após o último

colocado e retorna o índice do objeto,
int append(Item item);

A classe Form
• Objetos inseridos em um formulário podem ser
manipulados utilizando os métodos:
set() – substitui a instancia da classe Item
especificado em index pelo novo objeto
enviado como parâmetro,
p ,
void set(int index, Item item);
delete() – remove do formulario o objeto

especificado pelo index,
void delete(int index);
deleteAll()
() – remove todos os objetos
j do
formulário.
A classe Form
• Exemplo:
Ilustramos o funcionamento dos métodos
da classe Forms,
Forms
Gerenciamento de Itens no formulário,,
MIDlet Name: Formularios com Itens,
MIDlet Class: CreatingFormWithItems.

A classe ChoiceGroup
p
• Esta classe deriva da classe Item,
• É utilizada para mostrar check boxes e radio
buttons,
• Geralmente check boxes e radio buttons são
mostrados
t d em grupos,
• Ocasionalmente um check box pode aparecer
isolado,
• Check boxes:
permitem seleção múltipla,
utilizados em opções não excluintes,
excluintes
p
• Radio buttons:
apenas um elemento pode ser escolhido,
usar p
para mostrar elementos excluintes,,
• Um objeto
j ChoiceGrouppppode aparecer
p em dois
formatos (Choice Type):
EXCLUSIVE – uma única escolha é possível,
possível os
elementos são mostrados como radio buttons,
MULTIPLE – várias árias escolhas são permitidas
(inclusive zero), elementos são mostrados como
check boxes.
p
• Para recuperar as escolhas do usuário utilizamos
os métodos getSelectedFlags() e getSelectedIndex(),
• getSelectedFlags():
retorna um vetor booleano contendo o estado de
cada membro do ChoiceGroup,
o vetor deve ser percorrido para determinar as
opções selecionadas,
pode ser utilizados com check boxes e radio groups.

p
• getSelectedIndex():
retorna o índice do objeto selecionado,
apropriado para radio buttons.
• Para ggerenciar manipular

p as escolhas de um objeto
j
ChoiceGroup podemos utilizar eventos Command
[actionCommand()] ou eventos de estado
[itemStateChange()],
• O uso de radio butons e o método itemStateChange()

f i ilustrado
foi il t d no exemplo
l Radio_Group_Listener.
• Exemplo:
Ilustramos a criação e manipulação de
check boxes,
boxes
MIDlet Name: Uso de Check Boxes,
MIDlet Class: CheckBoxes.

• Exemplo:
Ilustramos a criação e manipulação de
check boxes,
boxes
MIDlet Name: Uso de Check Boxes,
MIDlet Class: CheckBoxes.

A classe DateField
• A classe DateField representa um campo para
apresentação
t ã e edição
di ã de
d data
d t e/ou
/ hora,
h
• Para instanciarmos um j
objeto DateField
utilizamos os seguintes construtores:
public DateField(String label, int mode)
public DateField(String label, int mode,
TimeZone timezone)
label – texto de rótulo

mode – modo de exibição
timezone – indica o formato (geralmente GMT)
A classe DateField
• Modos de exibição:
DATE – somente
t a data
d t
TIME – somente a hora
DATE_TIME – Data e hora
• Exemplos:
DateField datefield = new DateField("Today",
DateField.DATE);
DateField datefield = new DateField("Time",

DateField.TIME,
timeZone);

A classe DateField
• Atribuimos um valor a um objeto DateField
usando
d o método
ét d setDate(),
tD t ()
() requer
• O método setDate() q uma instancia da
classe Date() como parâmetro
void
id setDate(Date
tD t (D t ddate)
t )
• Para inicializar um objeto com a data/hora

corrente do dispostivo:
DateField datefield = new DateField(“Tempo corrente:”
corrente:”,
DateField.DATA_TIME);
Date date = new Date(System.currentTimeMillis());
d t fi ld
datefield.setDate(date);
tD t (d t )

A classe DateField
• Para recuperar o valor de um objeto DateField
usamos o método
ét d getDate(),
tD t ()
Date getDate()
• Uma única instancia DateField pode ser

utilizada
tili ada para manipular
manip lar a Data e a Hora em
uma aplicação,
• Para modificar/ler o modo de exibição usamos:
void
id setInputMode(int
t t d (i t mode)
d )
int getInputMode()

A classe DateField
• Exemplo:
Ilustramos a manipulação de objetos
DateField,
DateField
Mostra como lêr a data e hora corrente do
dispositivo,
MIDlet Name: Manipulando Campos Data,
MIDlet Class: ManipulateDateField.
ManipulateDateField

A classe Gauge
• Cria um elemento gráfico para mostrar o
estado
t d ou andamento
d t de
d um processo (barra
(b
de progresso),
p g )
• Não existe uma ligação direta entre o andamento
do processo e o estado do objeto Gauge,
Gauge
• O desenvolvedor deve elaborar uma rotina para
monitorar o processo e fazer o acoplamento com o
objeto
j Gauge,
g
• As características gráficas do Gauge dependem da
implementação
implementação.
A classe Gauge
• Construtor:
public
bli GGauge(String
(St i l
label,
b l bboolean
l i
interactive,
t ti
int maxValue, int iniValue)
• label
l b l - texto
t t dod rótulo
ót l do
d objeto,
bj t
• interactive - modo de interação
true - o usuário pode alterar o valor corrente
false - o usuário não pode alterar o valor
corrente
• maxValue -valor máximo do intervalo
• iniValue -valor
valor inicial do Gauge
A classe Gauge
• Tipos possíveis:
Interativo
Intervalo definido
Não interativo Incremental
Intervalo indefinido
C tí
Contínuo
• Interativo:
Escala que permite a interação do usuário
O usuário ajustando o som do dispositivo

A classe Gauge
• Não interativo com intervalo definido:
Barra de progresso
Para o processamento de um cálculo ou download
donde se conhece o número de passos envolvidos
• Não interativo com intervalo indefinido incremental:

Para o p
processamento de atividade q
que o p
progresso
g
pode ser verificado,
download de um arquivo com tamanho não
conhecido

A classe Gauge
• Não interativo com intervalo indefinido contínuo:
Para o processamento de atividade que o
progresso não pode ser verificado,
tentativa de conexão com uma rede wireless.
• Para interagir com objetos Gauge temos os
métodos:
setValue(int Val) – coloca o valor corrente do objeto
para Val, estabelece o estado do objeto,
getValue() – retorna o valor corrente do objeto,
g
getMaxValue()
() – retorna um inteiro com o valor
máximo do objeto.
A classe Gauge
• Os objetos Gauge com intervalo indefinido são
gerenciados
i d através
t é ded estados
t d dod objeto,
bj t
• Temos os seguintes valores para parâmetros do

método setValue():
CONTINOUS_IDLE – contínuo, inativo,
CONTINOUS_RUNNING – contínuo, em
execução,
ç
INCREMENTAL_UPDATING – incremental, ativo
INCREMENTAL_IDLE
INCREMENTAL IDLE – incremental,
incremental inativo
A classe Gauge
• Exemplo:
Ilustra os diferentes tipos de Gauge e seu
uso em uma interface,
interface
MIDlet Name: Manipulando
p Gauge,
g ,
MIDlet Class: FormGauge.

Nova Interface Listener
• Permite manipular comandos associados a Items
de fórmulario.
Interface
CommandListener
ItemStateListener
ItemCommandListener
Método
é
commandAction(Comand c, Displayable d)
itemStateChange(Item i)
CommandAction(Comand c, Item i)

A classe StringItem
• O objetivo da classe StringItem é mostrar um
texto que não poder ser manipulado diretamente
pelo usuário,
usuário
• Os objetos
j desta classe não g
geram eventos,,
• Objetos desta classe não poderm receber
escutadores,
• Estes objetos podem ser modificados por instruções
da MIDlet em tempo de execução,

A classe StringItem
• Construtor:
public StringItem(String label
label, String text)
public StringItem(String label, String text, int appMode)
label - texto do rótulo
text - texto do conteúdo
appMode - a aparência do ítem, ítem depende da
implementação, muitos dispositivos desconsideram
este
t parâmetro
â t (WTK).
(WTK)
• Valores de appMode:
Item.PLAIN
Item.HYPERLINK
Item.BUTTON
A classe StringItem
• Para manipular um objeto StringItem temos os
métodos:
void setText(String text)
S
String getText()
()
void setLabel(String text)
String getLabel()
• Exemplo:
p
Ilustra o uso de objetos StringItem, jogo de
perguntas e respostas.
respostas
MIDlet Name: Formulario com StringItem,
MIDlet Class: StringItemExample.
A classe TextField
• A classe é utilizada para capturar textos
digitados pelo usuário,
• Um objeto TextField pode ter uma linha ou
múltiplas
últi l linhas,
li h
• O número de linhas depende do numero
máximo de caracteres do objeto definido no
construtor,

A classe TextField
• Construtor
public
bli TTextField(String
tFi ld(St i l
label,
b l St
String
i t
text,
t
int maxSize, int constraints)
label - texto do rótulo

text - texto inicial do conteúdo do objeto
maxSize - o número máximo de caracteres para o
conteúdo do objeto,
objeto (é uma requisição ao AMS
pode não ser atendida)
constraints - especifica o tipo de caracteres que o
objeto irá a manipular..

A classe TextField
• Valores das constrains:
ANY,
ANY caracteres de qualquer tipo
NUMERIC, caracteres numéricos (inteiros)
DECIMAL , caracteres numéricos e ponto decimal
(ponto flutuante)
EMAILADDR,
EMAILADDR permite a entrada de um email
válido,
PHONENUMBER,
PHONENUMBER permite it a entrada
t d d
de um
número de telefone valido*,
URL, permite a entrada de uma URL
PASSWORD, Oculta os caracteres digitados.

A classe TextField
• Para recuperar o conteúdo de um objeto temos
os métodos:
String getString(), retorna os caracteres digitados
pelo usuário
á em uma String,
S
void getChars(char[] data), cópia o contéudo do
TextField para o vetor data.
• Para colocar caracteres em um TextField temos
os métodos:
void setChars(char[] data,
data int offset,
offset int length),
length)
substitui os caracteres do objeto com os contidos
no array.
A classe TextField
• Para colocar caracteres em um TextField temos os
métodos …
void setString(String text), substitui o conteúdo do
objeto pela String text.
text
void insert(String src, int position), insere a String src
no objeto sem substituir o conteúdo atual,
atual
void insert(char[] data, int offset, int length,
int position),
position) insere um subconjunto do array na
posição position, não substitui o conteúdo corrente.
• Para
P remover caracteres
t em um TextField
T tFi ld temos:
t
void delete(int offset, int length)

A classe TextField
• Exemplo:
Ilustra o uso de objetos TextField,
TextField
Tela de login,
Manipulação de senhas,
MIDlet Name: Formulario de login,
login
MIDlet Class: ManipulateTextFields.

A classe List
• Um objeto List é utilizado para mostrar uma lista
d itens
de it ao usuário,
ái
• Permite ao usuário selecionar uma ou múltiplas
instancias,
• Os elementos podem ser textos ou imagens,
imagens
• Existem três formatos possíveis para a lista:
radio buttons (EXCLUSIVE)
check boxes (MULTIPLE)
menu (IMPLICIT)

A classe List
• Quais as diferencias entre a classe List e classe
Choice Group?
Objetos List não precisam de contêiner, podem
ser mostrados diretamente,
Comandos podem ser associados ao objeto List,
O gerenciamento de eventos:
o List – comandos, setCommandListener,
commandAction
o ChoiceGroup p – eventos de estado,
setItemStateListener, itemStateChange
Estas características nos p
permitem escolher uma
ou outra alternativa em nossa aplicação.
A classe List
• Construtor:
public List (String title, int type)
public List (String title, int type,
String[] strElem, Image[] imgElem)
title - define o título da janela

type - especifica o tipo da lista
strElem - texto associado à cada elemento da
lista
imgElem – imagem associada à cada elemento
d lista
da li t

A classe List
• Os elementos de uma lista podem ser
gerenciados utilizando os mesmos métodos do
objeto ChoiceGroup:
public void set(int elemNum, String
stringPart, Image imagePart)
public void insert (int elemNum, String
stringPart, Image imagePart)
public int append (String stringPart,
Image imagePart)
public void delete (int elemNum)
public void deleteAll()

A classe List
• Para manipular as escolhas do usuário temos os
métodos:
public String getString(int elemNum)
public Image getImage (int elemNum)
public boolean isSelected (int index)
public int size()
public int getSelectedIndex()
public void setSelectedIndex(int index)
public void getSelectedFlags(boolean[]
selectedArrayReturn)
public void setSelectedFlags(boolean[]
selectedArrayReturn)
EXCLUSSIVE, IMPLICIT
C
Command.SELECT_COMMAND
d SELECT COMMAND IMPLICIT

A classe List
• Exemplo:
Tipos de objetos List
Manipulação de objetos List
Navegação em múltiplas telas
MIDlet Name: Uso de Listas,
MIDlet Class: ListExamples.

A classe TextBox
• TextBox é uma janela que permite que o usuário
informe uma sequência de caracteres,
caracteres
• Construtor:
public
bli TTextBox(String
tB (St i titl
title, St
String
i t
text,
t
int maxSize, int constraints)
title – define o título da janela
text - texto inicial do conteúdo do objeto
maxSize - o número máximo de caracteres para o
conteúdo do objeto, (é uma requisição ao AMS
poded nãoã ser atendida)
t did )
constraints - especifica o tipo de caracteres que o
objeto irá a manipular..
A classe TextBox
• Um TextBox tem o mesmo comportamento e
suporta os mesmos métodos que o objeto
TextField,
• As diferencias entre um TextBox e um TextField
são:
O TextBox é uma janela, pode ser mostrado
diretamente na tela,
tela processa comandos,
comandos
Um TextField é um item de formulário, deve
ser mostrado dentro de um contêiner,
processa eventos de estado.
p

A classe Ticker
• Um Ticker é uma seqüência de caracteres que
roda continuamente no topo de um objeto
Displayable,
• Construtor:
public Ticker(String text)
text – texto a ser mostrado no objeto,

• O atributo text de um ticker pode ser recuperado
usando o método:
String getString()
• O atributo text p
pode ser modificado p
pelo método
void setString(String text)
A classe Ticker
• Um ticker é um atributo de um objeto
Displayable,
Displayable
• Para associar um ticker a um objeto usamos o
método
void setTicker(Ticker ticker)
• Para remover um ticker de um objeto usamos

void setTicker(null)
• Para recuperar o valor de um atributo ticker de

um objeto usamos:
Ticker getTicker()
• Igual null sem ticker, Diferente de null com ticker
A classe Ticker
• Exemplo:
Instanciar objetos Ticker
Manipulação de objetos Ticker
Asociar/liberar Ticker a objetos
MIDlet Name: Uso de Tickers,
MIDlet Class: UsesTicker.

Não foram estudados
• Layout de formulários
• A classe ImageItem
• A classe
l G hi
Graphics
• Estes conteúdos devem ser complementados

pelos estudantes.

Resumo – Uso de GUI
1. Declara uma referência ao objeto,
2. Instanciar (construir) o objeto,
3 Associar
3. A i comandos
d ou estados
t d ao objeto,
bj t
4. Mostrar o objeto na tela,
5. Receber as ações do usuário,
6. Processar as ações do usuário.

Exercícios
1. Modifique a MIDlet MyItemListener para que
apenas a cor selecionada apareça na
mensagem de texto.
2. Modifique a MIDlet ShowAlert para mostrar
quatro mensagens de alerta (utilize imagens
)
diferentes):
uma alerta modal com imagem,
uma alerta modal sem imagem,
imagem
uma alerta temporal com imagem,
uma alerta temporal sem imagem,
Exercícios
3. Modifique a MIDlet CreatingFormWithItems para
que apenas as opções permitidas do menu
apareçam
p ç visíveis,, evitando erros ao oprimir
p a
opção incorreta.
4 Modifique
4. a MIDlet CheckBoxes para se
nenhuma opcão for selecionada, apareça a
mensagem: Não foram selecionadas categorias.
5 Modifique a MIDlet StringItemExample para
5.
incluir tres perguntas e tres respostas na
sequencia correta.
Exercícios
6. Modifique a MIDlet ManipulateTextField para
verificar se a senha digitada é correta, isto é
confere com uma senha estabelecida na
MIDlet, mostre a mensagem de boas vindas ou
uma mensagem de erro, segundo corresponda.
q
7. Modifique a MIDlet ListExamples
p para
p
apresentar comandos de Voltar que permitam
retornar
t a tela
t l anterior.
t i P
Prove que todas
t d as
alternativas de navegação são validas.

02 Interface Alto Nivel PDF

Transféré par

Informations du document

Description originale:

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

02 Interface Alto Nivel PDF

Transféré par

Droits d'auteur :

Formats disponibles

INTRODUÇÃO A J2ME

Prof. Dany Sanchez Dominguez

Semana de Informática da UESC

Prof. Dany S. Dominguez/dany@labbi.uesc.br Tema 2 – Slide 1

Interface de Alto Nível

Semana de Informática da UESC

Prof. Dany S. Dominguez/dany@labbi.uesc.br Tema 2 – Slide 2

Prof. Dany S. Dominguez/dany@labbi.uesc.br Tema 2 – Slide 3

Prof. Dany S. Dominguez/dany@labbi.uesc.br Tema 2 – Slide 4

Prof. Dany S. Dominguez/dany@labbi.uesc.br Tema 2 – Slide 5

Prof. Dany S. Dominguez/dany@labbi.uesc.br Tema 2 – Slide 9

Prof. Dany S. Dominguez/dany@labbi.uesc.br Tema 2 – Slide 13

Prof. Dany S. Dominguez/dany@labbi.uesc.br Tema 2 – Slide 14

Prof. Dany S. Dominguez/dany@labbi.uesc.br Tema 2 – Slide 15

Command(String label, String longLabel, int

 label - O texto associado ao botão

Event Source Object Listener Li t

Prof. Dany S. Dominguez/dany@labbi.uesc.br Tema 2 – Slide 20

•Um Objeto Displayable •Poucos objetos, • Eventos específicos:

Prof. Dany S. Dominguez/dany@labbi.uesc.br Tema 2 – Slide 23

Prof. Dany S. Dominguez/dany@labbi.uesc.br Tema 2 – Slide 24

Prof. Dany S. Dominguez/dany@labbi.uesc.br Tema 2 – Slide 26

Prof. Dany S. Dominguez/dany@labbi.uesc.br Tema 2 – Slide 28

Prof. Dany S. Dominguez/dany@labbi.uesc.br Tema 2 – Slide 31

void commandAction(Command command,

void itemStateChange(Item item)

Prof. Dany S. Dominguez/dany@labbi.uesc.br Tema 2 – Slide 32

Prof. Dany S. Dominguez/dany@labbi.uesc.br Tema 2 – Slide 33

Prof. Dany S. Dominguez/dany@labbi.uesc.br Tema 2 – Slide 34

Prof. Dany S. Dominguez/dany@labbi.uesc.br Tema 2 – Slide 37

Prof. Dany S. Dominguez/dany@labbi.uesc.br Tema 2 – Slide 39

• Uma janela de alerta não recebe nem

Prof. Dany S. Dominguez/dany@labbi.uesc.br Tema 2 – Slide 41

• Para definir o comportamento usamos o

Prof. Dany S. Dominguez/dany@labbi.uesc.br Tema 2 – Slide 42

• Por defeito o AMS determina a tela que será

Prof. Dany S. Dominguez/dany@labbi.uesc.br Tema 2 – Slide 43

 Chamar o método setCurrent() duas vezes:

Prof. Dany S. Dominguez/dany@labbi.uesc.br Tema 2 – Slide 44

Prof. Dany S. Dominguez/dany@labbi.uesc.br Tema 2 – Slide 45

 append() – insere o objeto após o último

Prof. Dany S. Dominguez/dany@labbi.uesc.br Tema 2 – Slide 47

 delete() – remove do formulario o objeto

Prof. Dany S. Dominguez/dany@labbi.uesc.br Tema 2 – Slide 49

Prof. Dany S. Dominguez/dany@labbi.uesc.br Tema 2 – Slide 52

• Para ggerenciar manipular

• O uso de radio butons e o método itemStateChange()

Prof. Dany S. Dominguez/dany@labbi.uesc.br Tema 2 – Slide 54

Prof. Dany S. Dominguez/dany@labbi.uesc.br Tema 2 – Slide 55

 label – texto de rótulo

DateField datefield = new DateField("Time",

Prof. Dany S. Dominguez/dany@labbi.uesc.br Tema 2 – Slide 57

• Para inicializar um objeto com a data/hora

Prof. Dany S. Dominguez/dany@labbi.uesc.br Tema 2 – Slide 58

• Uma única instancia DateField pode ser

Prof. Dany S. Dominguez/dany@labbi.uesc.br Tema 2 – Slide 59

Prof. Dany S. Dominguez/dany@labbi.uesc.br Tema 2 – Slide 60

Prof. Dany S. Dominguez/dany@labbi.uesc.br Tema 2 – Slide 63

• Não interativo com intervalo indefinido incremental:

Prof. Dany S. Dominguez/dany@labbi.uesc.br Tema 2 – Slide 64

• Temos os seguintes valores para parâmetros do

Prof. Dany S. Dominguez/dany@labbi.uesc.br Tema 2 – Slide 67

label - O texto associado ao botão

Chamar o método setCurrent() duas vezes:

append() – insere o objeto após o último

delete() – remove do formulario o objeto

label – texto de rótulo

label - texto do rótulo

title - define o título da janela

text – texto a ser mostrado no objeto,