Namespaces

Variants
Actions

Please note that as of October 24, 2014, the Nokia Developer Wiki will no longer be accepting user contributions, including new entries, edits and comments, as we begin transitioning to our new home, in the Windows Phone Development Wiki. We plan to move over the majority of the existing entries over the next few weeks. Thanks for all your past and future contributions.

Telas Simples com J2ME

From Wiki
Jump to: navigation, search

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

Article Metadata

Compatibilidade
Plataforma(s):
Series 40

Artigo
Criado por awdrenfontao em 21 Mar 2012
Última alteração feita por hamishwillee em 19 Nov 2013

Contents

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

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

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

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

TextBox textBox = new 
TextBox(“Enter:”,””,100,TextField.ANY);
display.setCurrent(textBox);
This page was last modified on 19 November 2013, at 23:05.
181 page views in the last 30 days.

Was this page helpful?

Your feedback about this content is important. Let us know what you think.

 

Thank you!

We appreciate your feedback.

×