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 ainda não estiver familiarizado com o desenvolvimento de aplicativos móveis no NetBeans, antes de continuar seria recomendável ler o Guia de início rápido do NetBeans Java ME MIDP.
Conteúdo
Requisitos
Para concluir este tutorial, você precisa dos seguintes recursos e softwares:
Instalando e executando o aplicativo de amostra
Antes de começar, talvez você queira ver o resultado final do
tutorial.
Siga as etapas seguintes para instalar o aplicativo de exemplo SplashScreen:
- Faça o download do SplashScreen.zip.
- Descompacte o arquivo.
- No IDE, escolha Arquivo > Abrir projeto e procurar a pasta que contém o arquivo descompactado.
- Abra o projeto Ela deve ser parecida com o seguinte:
- Na janela Projetos, clique com o botão direito do mouse no nó do projeto e escolha Executar projeto (ou pressione a tecla 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.
- Na janela Emulador, clique no botão abaixo de
"Iniciar." O emulador exibe uma tela de splash, conforme mostrado:
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:
- Crie o projeto SplashScreen
- Adicione pacotes e um MIDlet visual ao projeto
- Adicione os componentes a MySplashScreenMidlet
- Altere a propriedade Tempo de espera do componente Tela de splash
- Adicione os comandos Sair e Voltar ao componente Formulário
- Adicione imagens à tela de splash
- Conecte os componentes
- Execute o projeto
Criando o projeto SplashScreen
- Escolha Arquivo > Novo projeto (Ctrl-Shift-N). Em Categorias, selecione Java ME. Em Projetos, selecione Aplicativo móvel e clique em Próximo.
- 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.
- Desmarque a caixa de verificação Criar Hello MIDlet. Clique em Avançar.
- Deixe o Sun Java Wireless Toolkit 2.52 como a Plataforma de emulador selecionada. Clique em Terminar.
Adicionando pacotes e um
MIDlet visual ao projeto
- Escolha o projeto
SplashScreenExample na janela Projeto, em seguida, escolha Arquivo > Novo arquivo (Ctrl-N). Em Categorias, selecione Java. Em Tipos de arquivo,
selecione Pacote Java. Clique em Avançar.
- Indique
splashscreenexample no campo Nome do pacote. Clique em Terminar.
- Escolha o pacote
splashscreenexample na janela Projeto, em seguida, escolha Arquivo > Novo arquivo (Ctrl-N). Em Categorias, selecione MIDP. Em Tipos de arquivo, selecione
MIDlet visual. Clique em Avançar.
- Indique
MySplashScreenMIDlet nos campos Nome do MIDlet e Nome da classe MIDP. Clique em Terminar.
Adicione os componentes a MySplashScreenMidlet
- 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
- Componente Tela de splash exibido no Designer de fluxo:
- 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.
- Selecione o componente Formulário e altere sua propriedade Título para
Formulário.
- Clique duas vezes no componente Formulário na janela Fluxo para alterar para o Designer de tela
- Selecione o componente Item de string na seção Itens do formulário da Paleta e arraste e solte-o no form1.
- Clique duas vezes no sringItem1 no Designer de tela. Exclua o título ("stringItem1") e altere
<Inserir texto> por Pressione Sair para fechar o aplicativo.
Alterando a propriedade Tempo de espera do componente Tela de splash
- Escolha Fluxo na parte superior da janela do Visual Mobile Designer para abrir a exibição da aba Fluxo.
- Selecione o componente Tela de splash.
- Na janela Propriedades, localize a propriedade Tempo de espera e altere-a de 5.000 para 10.000 milissegundos.
-
Escolha o comando Sair na seção Comandos da Paleta e arraste-o para o componente form1.
Adicionando uma recurso de imagem
-
Copie o arquivo splash.png na pasta
$PROJECTHOME/src/splashscreenexample.
- Clique com o botão direito do mouse em Recursos na janela Projeto e escolha Adicionar > Imagem.
-
Escolha a opção Adicionar no menu pop-up e, em seguida, Imagem.
- Selecione
image1 na janela Projeto.
- Na janela Propriedades, escolha Caminho do recurso e, em seguida, splash.png.
Vinculando uma imagem a um componente
- Selecione o componente splashScreen1[SplashScreen].
- 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.
Conectando componentes
-
Na exibição Fluxo, clique em 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.
Tutoriais adicionais sobre componentes personalizados do NetBeans Java ME
