Componentes personalizados do Visual Mobile Designer: Usando telas de splash em aplicativos Java ME

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

Se você é novo no desenvolvimento de aplicativos 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 posterior

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 o aplicativo de amostra

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

  1. Baixe o arquivo SplashScreenExample.zip.
  2. Descompacte o arquivo.
  3. A janela Projetos deve ter uma aparência semelhante a esta:

    Janela Abrir projeto com o projeto SplashScreen.

  4. Na janela Projetos, clique com o botão direito do mouse no nó do projeto e escolha Executar projeto (ou pressione F6). Conforme o aplicativo é executado, uma janela do emulador se abre e exibe o aplicativo que está sendo executado no emulador do dispositivo padrão.
  5. Na janela Emulador, clique no botão abaixo de "Iniciar." O emulador exibe uma tela de splash, conforme mostrado:

    Emulador de dispositivos com uma tela de splash que pede aos usuários que aguardem dez segundos ou pressionem uma tecla para fechar

início

Criando um aplicativo móvel com o componente Tela de splash personalizado

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

  1. Crie o projeto SplashScreen
  2. Adicionar pacotes e um MIDlet visual ao projeto
  3. Adicione os componentes a MySplashScreenMidlet
  4. Altere a propriedade Tempo de espera do componente Tela de splash
  5. Adicione comandos Sair e Voltar ao componente Formulário
  6. Adicione um recurso de imagem
  7. Vincule uma imagem a um componente
  8. Conecte os componentes
  9. Executar o projeto

Criando o projeto SplashScreen

  1. Escolha Arquivo > Novo projeto (Ctrl-Shift-N). Em Categorias, selecione Java ME. Em Projetos, selecione Aplicativo móvel e clique em Próximo.
  2. Indique SplashScreenExample no campo Nome do projeto. Altere a Localização do projeto para um diretório em seu sistema. Este diretório é chamado de $PROJECTHOME.
  3. Desmarque a caixa de verificaçã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 Terminar.

Adicionando pacotes e um MIDlet visual ao projeto

  1. Selecione o projeto SplashScreenExample na janela Projeto e, a seguir, selecioneArquivo > Novo arquivo (Ctrl-N) . Em Categorias, selecione Java. Em Tipos de arquivo, selecione Pacote Java. Clique em Avançar.
  2. Indique splashscreenexample no campo Nome do pacote. Clique em Terminar.
  3. Selecione o pacote splashscreenexample na janela Projeto e, a seguir, selecioneArquivo > Novo arquivo (Ctrl-N). Em Categorias, selecione MIDP. Em Tipos de arquivo, selecione MIDlet visual. Clique em Avançar.
  4. Indique MySplashScreenMIDlet nos campos Nome do MIDlet e Nome da classe MIDP. Clique em Terminar.

Adicione os componentes a MySplashScreenMidlet

  1. Alterne seu Visual MIDlet para a janela de fluxo. Arraste os componentes Tela seguintes da paleta e solte-os no Designer de fluxo:
    • Tela de splash
    • Formulário
  2. Componente Tela de splash exibido no Designer de fluxo:

    Exibição da aba Fluxo no VMD mostrando os componentes selecionados

  3. Selecione o componente splashScreen1. Nas propriedades deste componente, altere o Título para Tela de splash e insira Aguarde 10 segundos ou pressione uma tecla para fechar na propriedade Texto.
  4. Selecione o componente Formulário e altere sua propriedade Título para Formulário.
  5. Clique duas vezes no componente Formulário na janela Fluxo para alterar para o Designer de tela
  6. Selecione o componente StringItem na seção Itens do formulário da Paleta e arraste e solte-o no form1.
  7. Clique duas vezes no stringItem1 no Designer de tela. Exclua o título stringItem1 e altere <Inserir texto> para Pressione Sair para fechar o aplicativo.

Alterando a propriedade Tempo de espera do componente Tela de splash

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

Adicionando comandos Sair e Voltar ao componente Formulário

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

Adicionando uma recurso de imagem

  1. Copie o arquivo splash.png na pasta $PROJECTHOME/src/splashscreenexample.
  2. No navegador, clique com o botão direito do mouse no componente splashScreen e escolha Propriedades no menu pop-up.
  3. Na caixa de diálogo, Propriedades, clique no botão de elipse (botão Elipse) contra a propriedade Imagem.
  4. Na caixa de diálogo Imagem, clique em Adicionar.
    O componente image1 é adicionado.
  5. Na caixa de diálogo Abrir especifique o caminho do arquivo splash.png copiado.
    A imagem é adicionada.
  6. Clique em OK para fechar a caixa de diálogo aberta.
  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 suspenso para alterar a propriedade imagem para image1. Clique duas vezes no componente para abrir a tela de splash no Designer de tela Deveria ser semelhante a tela abaixo.

    Tela de splash com uma imagem e o texto "Aguarde 10 segundos ou pressione uma tecla para fechar."

Conectando componentes

Na exibição 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 para o componente splashScreen

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

  1. Coloque o cursor no componente SplashScreen 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 Exibir documentação no ícone de navegador da Web externo (Exibir documentação no navegador da Web externo) na janela pop-up para obter informações detalhadas sobre o componente SplashScreen em seu navegador.

início

Veja 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