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


By use of this website, you agree to the NetBeans Policies and Terms of Use. © 2013, Oracle Corporation and/or its affiliates. Sponsored by Oracle logo