Telas Simples com J2ME

Comments

(no comments yet)

Log in or Join to leave comments.

Este artigo explica como criar uma interface simples de interação com o usuário através da plataforma Java (J2ME)

Dados do artigo

---

Artigo

Criado por awdrenfontao em 21 Mar 2012

Última alteração feita por hamishwillee em 26 Mar 2012

Introdução

Ao desenvolver uma App precisamos de um mecanismo que permita a interação do usuário com o dispositivo, algo que ele veja, onde possa interagir através de comandos, gestos e, claro, ter a resposta a esta interação. Quando nos referimos a isto é porque estamos falando de User Interface - UI. Este artigo mostra então como desenvolver uma tela simples para interação do usuário com uma App feita em J2ME.

Conteúdo

• Visão geral

GUI Components para criar interfaces de usuário que são portáveis entre dispositivos MIDP compatíveis. Estes elementos mantêm o mesmo look and feel logo você terá pouco controle sobre o look and feel. Sua aplicação pode criar novas instâncias ou criar classes providas de Screen como Form e Alert

• Mostrando controles e adicionando itens a controles

Pegue seu atual display e o configure ao seu controle, você pode fazer isto no construtor da sua MIDlet ou então no método que é chamado quando a MIDlet é iniciada startApp()

Display display = Display.getDisplay(midlet); //Setando que a MIDlet atual terá o display do dispositivo disponível
Form form = new Form(“MyForm”); //Criando um novo elemento de formulário ao instanciar um novo objeto do tipo Form 
display.setCurrent(form);

Crie um controle de List e adicione itens a ele

List list = new List(“My List”, Choice.IMPLCIT);
list.append(“first”, null);
list.append(“second”, null);
list.append(“third”, null);
display.setCurrent(list);

Defina a MIDlet para implementar CommandListener

class MyMIDlet extends MIDlet implements CommandListener

Crie um controle e configure o CommandListener

class MyMIDlet extends MIDlet implements CommandListener {
…
List myList = new List("MyList", List.EXCLUSIVE );
myList.setCommandListener( this );
…
}

Alert

Para criar um alerta ao usuário temos os seguintes características: os alertas são usados para notificações ao usuário, eles são Modal dialogs pois tem tempo configurado para fechar, particularmente usados para mostrar mensagens de erro. Abaixo o código de como mostrar um alerta:

Alert alert = new Alert(“Alert”);
alert.setType(AlertType.ERROR);
alert.setString(“*** ERROR ****”);
display.setCurrent(alert);

Dica: descrição de erro e qualquer mensagem deve ser clara.

List

Elemento útil para ajudar o usuário com alguma escolha.

List list = new List(“Main Menu”, 
            Choice.IMPLICIT);
list.append(“Login”, image1);
list.append(“New Account”, image2);
list.append(“Search for Tickets”, image3);
list.append(“Exit”, image4);
display.setCurrent(list);

No código abaixo você pode verificar como capturar um evento no List:

public void commandAction(Command c, Displayable d) {
    List list = (List)display.getCurrent();
    switch(list.getSelectedIndex()) {
        case 0: break;
        case 1: break;
    }
}

TextBox

Elemento usado para receber alguma entrada de dados pelo usuário.

TextBox textBox = new 
    TextBox(“Enter:”,””,100,TextField.ANY);
display.setCurrent(textBox);