Componentes Personalizados do Visual Mobile Designer: Usando Telas de Abertura em Aplicações Java ME

As telas de abertura são usadas para aprimorar a aparência de uma aplicação. Geralmente, uma tela de abertura é usada no início do programa ou para exibir informações de marca ou logotipo. Oferece aos usuários a impressão de suas aplicações. O Visual Mobile Designer (VMD) do NetBeans inclui o componente personalizado Tela de Abertura na paleta do VMD. Este breve exemplo mostra como criar um novo projeto Java ME com o componente Tela de Abertura usando o NetBeans. Também explicará como usar as funcionalidades para planejar e implementar suas próprias telas de abertura usando esta funcionalidade.

Se você é novo no desenvolvimento de aplicações móveis no NetBeans, deveria começar pelo Guia de Início Rápido do NetBeans Java ME MIDP antes de continuar.

Conteúdo

O conteúdo desta página se aplica ao NetBeans IDE 6.9 e versão mais recente

Para concluir este tutorial, são necessários os seguintes recursos e softwares:

Software ou Recurso Versão Necessária
NetBeans IDE com Java ME Versão 6.9 e posterior
Java Development Kit (JDK) Versão 6 ou versão 7

Instalando e Executando a Aplicação de Amostra

Antes de começar, talvez você queira ver o resultado final do tutorial.
Siga as etapas a seguir para instalar a aplicação SplashScreenExample:

  1. Faça o download do SplashScreenExample.zip.
  2. Descompacte o arquivo.
  3. A janela Projetos deve ter a seguinte aparência:

    Abrir janela Projeto exibindo o projeto Tela de Abertura.

  4. Na janela Projetos, clique com o botão direito do mouse no nó do projeto e selecione Executar Projeto (ou pressione F6). Conforme a aplicação é executada, uma janela do emulador se abre e exibe a aplicação que está sendo executada no emulador do dispositivo default.
  5. Na janela Emulador, clique no botão abaixo de "Acionar". O emulador exibe uma tela de abertura, conforme mostrado:

    Dispositivo emulador exibindo uma tela de abertura que diz aos usuários para aguardar dez segundos ou pressionar uma chave para fechar

início

Criando uma Aplicação Móvel com o Componente Personalizado Tela de Abertura

Agora que você viu o componente Tela de Abertura em ação, vamos voltar para o início e criar essa aplicação. Para criar a aplicação, faça o seguinte:

  1. Crie o projeto Tela de Abertura
  2. Adicione Pacotes e um MIDlet Visual ao Projeto
  3. Adcione componentes ao MySplashScreenMidlet
  4. Altere a Propriedade de Time-out do Componente Tela de Abertura
  5. Adicione Comandos Sair e Voltar ao Componente Form
  6. Adicione um Recurso de Imagem
  7. Vincule uma Imagem a um Componente
  8. Conecte os Componentes
  9. Execute o Projeto

Criando o Projeto Tela de Abertura

  1. Selecione Arquivo > Novo Projeto (Ctrl-Shift-N). Em Categorias, selecione Java ME. Em Projetos, selecione Aplicação Móvel e clique em Próximo.
  2. Insira SplashScreenExample no campo Nome do Projeto. Altere o Local do Projeto para um diretório em seu sistema. Este diretório é chamado de $PROJECTHOME.
  3. Desmarque a caixa de seleção Criar Hello MIDlet. Clique em Próximo.
  4. Deixe o Sun Java Wireless Toolkit 2.5.2 como a Plataforma do Emulador selecionada. Clique em Finalizar.

Adicionando Pacotes e um MIDlet Visual ao Projeto

  1. Selecione o projeto SplashScreenExample na janela Projeto e, em seguida, selecioneArquivo > Novo Arquivo (Ctrl-N). Em Categorias, selecione Java. Em Tipos de Arquivo, selecione Pacote Java. Clique em Próximo.
  2. Insira splashscreenexample no campo Nome do Pacote. Clique em Finalizar.
  3. Selecione o pacote splashscreenexample na janela Projeto e, em seguida, selecioneArquivo > Novo Arquivo (Ctrl-N). Em Categorias, selecione MIDP. Em Tipos de Arquivo, selecione Visual MIDlet. Clique em Próximo.
  4. Insira MySplashScreenMIDlet nos campos Nome do MIDlet e Nome da Classe MIDP. Clique em Finalizar.

Adicionando Componentes ao MySplashScreenMidlet

  1. Alterne seu MIDlet Visual para a janela de Fluxo. Arraste os seguintes componentes Tela da paleta e solte-os no Designer de Fluxo:
    • Tela de Abertura
    • Form
  2. Componente Tela de Abertura exibido no Designer de Fluxo:

    View do design de fluxo no VMD mostrando os componentes selecionados

  3. Selecione o componente splashScreen1. Nas Propriedades deste componente, altere o Título para Tela de Abertura e insira Aguarde 10 segundos ou pressione uma tecla para fechar na propriedade Texto.
  4. Selecione o componente form e altere sua propriedade Título para Form.
  5. Clique duas vezes no componente form na janela Fluxo para alterar para o Designer de Tela
  6. Selecione o componente StringItem na seção Itens do Form da Paleta e arraste e solte-o no form1.
  7. Clique duas vezes no stringItem1 no Designer de Tela. Delete o título stringItem1 e altere <Inserir texto> para Pressione Sair para fechar a aplicação.

Alterando a Propriedade de Time-out do Componente Tela de Abertura

  1. Selecione Fluxo na parte superior da janela do Visual Mobile Designer para abrir a exibição do Designer de Fluxo.
  2. Selecione o componente Tela de Abertura
  3. Na Janela Propriedades, localize a propriedade Time-out e altere-a de 5.000 para 10.000 milissegundos.

Adicionando Comandos Sair e Voltar ao Componente Form

Selecione o Comando Sair na seção Comandos da Paleta e arraste-o para o componente form1.

Adicionando um Recurso de Imagem

  1. Copie o arquivo splash.png para a pasta $PROJECTHOME/src/splashscreenexample.
  2. Clique com o botão direito do mouse no componente Tela de Abertura e selecione Propriedades no menu pop-up.
  3. Na caixa de diálogo Propriedades, clique no botão de elipse (Botão de elipse) na propriedade da Imagem.
  4. Na caixa de diálogo Imagem, clique em Adicionar.
    O componente image1 foi adicionado.
  5. Na caixa de diálogo Abrir especifique o caminho do arquivo splash.png copiado.
    A imagem foi adicionada.
  6. Clique em OK para fechar a caixa de diálogo Abrir.
  7. Clique em Fechar para fechar a caixa de diálogo Propriedades.

Vinculando uma Imagem a um Componente

  1. Selecione o componente splashScreen1.
  2. Na Janela Propriedades, use o menu drop-down para alterar a propriedade Imagem para image1. Clique duas vezes no componente para abrir a tela de abertura no Designer de Tela. Agora deve ter a seguinte aparência.

    Tela de Abertura com uma imagem e texto

Conectando Componentes

Na view do Fluxo, clique no Ponto de Início e arraste a seta para o componente splashscreen1. Da mesma forma, conecte os componentes como mostrado no gráfico seguinte.

Executando o Projeto

Pressione F6 para executar o projeto principal. Como alternativa, você pode selecionar Executar > Executar Projeto Principal.

Javadoc do Componente Tela de Abertura

O NetBeans IDE oferece Javadocs de API para o componente Tela de Abertura, assim como outros componentes que você pode usar no VMD. Para ler os Javadocs do componente Tela de Abertura:

  1. Coloque o cursor no componente Tela de Abertura no código-fonte e pressione Ctr-Shift-Espaço (ou selecione Código-fonte > Exibir Documentação).
    O Javadoc deste elemento é exibido em uma janela pop-up.
  2. Clique em Mostrar documentação no ícone do browser Web externo (Exibir documentação no browser Web externo) na janela pop-up para exibir as informações detalhadas sobre o componente Tela de Abertura no seu browser.

início

Consulte Também

início

get support for the NetBeans

Support