Portal Android - Comunidade de Desenvolvedores da Plataforma Android - Ver Tópico - [TUTORIAL] Criando uma tela SplashScreen para sua aplicação

Página 1 de 1

[ 28 Mensagens ]

Exibir Tópico Anterior | Exibir Próximo Tópico

[TUTORIAL] Criando uma tela SplashScreen para sua aplicação

Autor	Mensagem
Jaison Developing Applications Data de registro: 30 Dez 2007, 12:08 Mensagens: 515 Localização: Florianópolis - SC	[TUTORIAL] Criando uma tela SplashScreen para sua aplicação Olá comunidade, Neste simples tutorial irei demonstrar como criar uma tela Splash Screen para nossas aplicações Android. Uma tela splash screen nada mais é do que uma imagem que aparece antes da sua aplicação principal iniciar. Muitos utilizam desse recurso para dar um "profissionalismo" nas aplicações . Muito bem, mãos-a-massa! 1º Passo - Criando a Atividade (Activity) TelaDeAbertura (TelaDeAbertura.java) Essa será a nossa atividade principal, ou seja, a nossa "public static void main". É através dessa atividade que nossa aplicação inicia. package www.portalandroid.org; import android.app.Activity; import android.content.Intent; import android.os.Bundle; import android.os.Handler; public class TelaDeAbertura extends Activity { // constante que receberá o tempo de duração da tela (3000 milisegundos é equivalente a 3 segundos) private final int DURACAO_DA_TELA = 3000; public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); // seta o layout dessa atividade setContentView(R.layout.telasplashscreen); //o postDelayed faz com que a nossa atividade principal seja startada depois do intervalo especificado na constante (DURACAO_DA_TELA) new Handler().postDelayed(new Runnable(){ public void run() { //criamos um intent para nossa classe Principal Intent minhaAcao = new Intent(TelaDeAbertura.this,Tela2.class); //startamos uma atividade passando o intent criado TelaDeAbertura.this.startActivity(minhaAcao); //finaliza TelaDeAbertura.this.finish(); } },DURACAO_DA_TELA); } } 2º Passo - Criando o layout da atividade TelaDeAbertura (telasplashscreen.xml) Criaremos aqui o layout da atividade TelaDeAbertura. OBS: Não esqueça de copiar a imagem teladeabertura.png (anexada nesse tutorial) para o diretório /res/drawable/ <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" > <ImageView android:layout_width="fill_parent" android:layout_height="fill_parent" android:scaleType="fitCenter" android:src="@drawable/teladeabertura" /> </LinearLayout> 3º Passo - Criando a atividade Tela2 (Tela2.java) A idéia aqui é simples. Essa atividade (Tela2) aparecerá logo após a TelaDeAbertura (num intervalo de 3 segundos, como definimos na costante DURACAO_DA_TELA na atividade TelaDeAbertura), e mostrará a string "Olá tela 2". package www.portalandroid.org; import android.app.Activity; import android.os.Bundle; public class Tela2 extends Activity { public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); //setando o layout para a nossa atividade Tela2 setContentView(R.layout.tela2); } } 4º Passo - Criar o layout da nossa atividade Tela2 (tela2.xml) <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" > <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="Olá tela 2"/> </LinearLayout> 5º Passo - Adicionando as atividades no arquivo Android Manifest (AndroidManifest.xml) Esse é o arquivo de configuração do projeto. Nele, devemos registrar todas as atividades do nosso projeto e identificar qual dessas atividades é a principal. Neste tutorial, a atividade principal é a TelaDeAbertura, pois ela será a primeira tela que aparecerá no emulador quando execultarmos o projeto. Portanto, criamos uma tag <intent-filter> e definimos uma ação (MAIN) para essa atividade. E por fim adicionamos a atividade Tela2. Veja como ficou o arquivo AndroidManifest.xml: <?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="www.portalandroid.org" android:versionCode="1" android:versionName="1.0.0"> <application android:icon="@drawable/icon" android:label="@string/app_name"> <activity android:name=".TelaDeAbertura" android:label="@string/app_name"> <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> <activity android:name=".Tela2" android:label="@string/app_name"> </activity> </application> </manifest> 6º Passo - O Resultado OBS..: Segue em anexo o arquivo utilizado no tutorial (teladeabertura.png) É isso aí pessoal, qualquer problema poste aí. Até a proxima, Jaison Você não tem permissões suficientes para ver os arquivos anexados nesta mensagem. _________________ Google Siga o Portal Android no twitter: @portal_android - Nunca deixe de compartilhar a solução de algum problema; - Críticas, dúvidas ou sugestões relacionadas ao Portal Android? Participe do Portal; - Venda, troca, compra? Classificados; - Faça uma busca antes de postar, sua dúvida já pode ter sido respondida. Mecanismo de busca 1, Mecanismo de busca 2; - Não crie tópicos com títulos tipo "AJUDA URGENTE", "IMPORTANTE", "AJUDA POR FAVOR", "ESTOU DESESPERADO", etc...
15 Abr 2009, 03:47

alex Android application Data de registro: 01 Jun 2008, 04:52 Mensagens: 64	Re: [TUTORIAL] Criando uma tela SplashScreen para sua aplicação Jaison, muito bom o seu tutorial!!! Sou novato com o android, por isso, você poderia postar a estrutura de diretórios? Estou um pouco confuso quanto a isso. Muito obrigado! att, Alex.
15 Abr 2009, 12:38

Jaison Developing Applications Data de registro: 30 Dez 2007, 12:08 Mensagens: 515 Localização: Florianópolis - SC	Re: [TUTORIAL] Criando uma tela SplashScreen para sua aplicação alex escreveu: Jaison, muito bom o seu tutorial!!! Sou novato com o android, por isso, você poderia postar a estrutura de diretórios? Estou um pouco confuso quanto a isso. Muito obrigado! att, Alex. Alex, segue em anexo. abraço, Jaison. Você não tem permissões suficientes para ver os arquivos anexados nesta mensagem. _________________ Google Siga o Portal Android no twitter: @portal_android - Nunca deixe de compartilhar a solução de algum problema; - Críticas, dúvidas ou sugestões relacionadas ao Portal Android? Participe do Portal; - Venda, troca, compra? Classificados; - Faça uma busca antes de postar, sua dúvida já pode ter sido respondida. Mecanismo de busca 1, Mecanismo de busca 2; - Não crie tópicos com títulos tipo "AJUDA URGENTE", "IMPORTANTE", "AJUDA POR FAVOR", "ESTOU DESESPERADO", etc...
15 Abr 2009, 15:17

alex Android application Data de registro: 01 Jun 2008, 04:52 Mensagens: 64	Re: [TUTORIAL] Criando uma tela SplashScreen para sua aplicação Valeu Jaison!!! rodou que é uma maravilha aqui. Alex.
16 Abr 2009, 14:58

Catapan What is Android? Data de registro: 02 Dez 2008, 23:06 Mensagens: 4	Re: [TUTORIAL] Criando uma tela SplashScreen para sua aplicação Bem, eu fui programar ontem, nao deu certo nao ¬¬'' Qndo ia abrir a tela principal, nao a do Splash, dava pau ... Mas de qlqr jeito, valeu a iniciativa ae (y) _________________ "Sem saber que era impossível, ele foi lá e fez" :-)
17 Abr 2009, 13:05

pedro Anatomy of an App Data de registro: 12 Jan 2008, 21:16 Mensagens: 122	Re: [TUTORIAL] Criando uma tela SplashScreen para sua aplicação Obrigado Jaison!!!
17 Abr 2009, 20:14

Jaison Developing Applications Data de registro: 30 Dez 2007, 12:08 Mensagens: 515 Localização: Florianópolis - SC	Re: [TUTORIAL] Criando uma tela SplashScreen para sua aplicação Catapan escreveu: Bem, eu fui programar ontem, nao deu certo nao ¬¬'' Qndo ia abrir a tela principal, nao a do Splash, dava pau ... Mas de qlqr jeito, valeu a iniciativa ae (y) Acho que não fui muito claro ao definir o nome de uma atividade como Principal. Portanto refiz o tutorial trocando o nome da atividade Principal por Tela2... porque a atividade principal (aquela que irá ser o ponto de partida) é a atividade TelaDeAbertura... da uma olhada novamente no tutorial, agora eu acho que ta mais entendível. _________________ Google Siga o Portal Android no twitter: @portal_android - Nunca deixe de compartilhar a solução de algum problema; - Críticas, dúvidas ou sugestões relacionadas ao Portal Android? Participe do Portal; - Venda, troca, compra? Classificados; - Faça uma busca antes de postar, sua dúvida já pode ter sido respondida. Mecanismo de busca 1, Mecanismo de busca 2; - Não crie tópicos com títulos tipo "AJUDA URGENTE", "IMPORTANTE", "AJUDA POR FAVOR", "ESTOU DESESPERADO", etc...
17 Abr 2009, 23:01

cariabs8 What is Android? Data de registro: 20 Abr 2009, 00:06 Mensagens: 1	Re: [TUTORIAL] Criando uma tela SplashScreen para sua aplicação Poxa... super legal.. adorei^^ XD
20 Abr 2009, 00:09

ramon marques What is Android? Data de registro: 11 Ago 2009, 15:42 Mensagens: 2	Re: [TUTORIAL] Criando uma tela SplashScreen para sua aplicação Muito legal fazer uma Splash Screen, to aprendendo pra caramba no forúm. Valeu
14 Ago 2009, 17:16

mleal What is Android? Data de registro: 06 Out 2009, 21:45 Mensagens: 1	Re: [TUTORIAL] Criando uma tela SplashScreen para sua aplicação Oi pessoal, estou chegando no fórum pois estou fazendo uma cadeira de programação para smatphones na faculdade e estou aprendendo muito no com os tutoriais e dicas do fórum. Seguinte, no arquivo Tela2.java, na linha onde tem setContentView(R.layout.principal); não deveria ser setContentView(R.layout.tela2); ??? _________________ _________________________________________________ Márcio Leal echo ze:yrny^tznvy:pbz \| tr A-Za-z^: N-ZA-Mn-za-m@. _________________________________________________
28 Out 2009, 03:17

Felipe Ferreira Anatomy of an App Data de registro: 16 Fev 2009, 21:17 Mensagens: 102 Localização: SP	Re: [TUTORIAL] Criando uma tela SplashScreen para sua aplicação Fala mleal blz? Então cara, confesso que não fiz esse tuto rodar, mas pelos dados fornecidos, deve ser isso mesmo. Pois, o arquivo principal.xml não foi criado e tambem não esta declarado no AndroidManifest.xml... Troque e tente rodar... _________________ Felipe Ferreira Cel.: (19) 8816-5514 Bacharelando em Estatística - IMECC - UNICAMP Tel.: (19) 3521 6073 Técnico em Informática - COTUCA - UNICAMP
28 Out 2009, 19:21

Jaison Developing Applications Data de registro: 30 Dez 2007, 12:08 Mensagens: 515 Localização: Florianópolis - SC	Re: [TUTORIAL] Criando uma tela SplashScreen para sua aplicação mleal escreveu: Oi pessoal, estou chegando no fórum pois estou fazendo uma cadeira de programação para smatphones na faculdade e estou aprendendo muito no com os tutoriais e dicas do fórum. Seguinte, no arquivo Tela2.java, na linha onde tem setContentView(R.layout.principal); não deveria ser setContentView(R.layout.tela2); ??? Na época o tutorial foi editado para ser incluído palavras "amigáveis" (para um melhor entendimento do tutorial), porém faltou atenção. Muito bem visto por vc mleal, Obrigado Tutorial corrido _________________ Google Siga o Portal Android no twitter: @portal_android - Nunca deixe de compartilhar a solução de algum problema; - Críticas, dúvidas ou sugestões relacionadas ao Portal Android? Participe do Portal; - Venda, troca, compra? Classificados; - Faça uma busca antes de postar, sua dúvida já pode ter sido respondida. Mecanismo de busca 1, Mecanismo de busca 2; - Não crie tópicos com títulos tipo "AJUDA URGENTE", "IMPORTANTE", "AJUDA POR FAVOR", "ESTOU DESESPERADO", etc...
28 Out 2009, 22:23

daniloheraclio What is Android? Data de registro: 20 Mai 2010, 16:59 Mensagens: 4	Re: [TUTORIAL] Criando uma tela SplashScreen para sua aplicação Muito legal, agora se vc tem uma figura em wvga 854 e o app rodar numa tela menor o que é que vai acontecer? Teria como deixar o background da tela splash branca em vez de preta? Abraço
10 Jun 2010, 23:36

daniloheraclio What is Android? Data de registro: 20 Mai 2010, 16:59 Mensagens: 4	Re: [TUTORIAL] Criando uma tela SplashScreen para sua aplicação Muito legal, agora se vc tem uma figura em wvga 854 e o app rodar numa tela menor o que é que vai acontecer? Teria como deixar o background da tela splash branca em vez de preta? Abraço
10 Jun 2010, 23:39

Intermat What is Android? Data de registro: 28 Out 2010, 18:24 Mensagens: 1	Re: [TUTORIAL] Criando uma tela SplashScreen para sua aplicação Cara muito bom!! _________________ Paulo Roberto Intermat Informatica
29 Out 2010, 15:32

betosales What is Android? Data de registro: 14 Jan 2011, 08:12 Mensagens: 1	Re: [TUTORIAL] Criando uma tela SplashScreen para sua aplicação daniloheraclio escreveu: Muito legal, agora se vc tem uma figura em wvga 854 e o app rodar numa tela menor o que é que vai acontecer? Teria como deixar o background da tela splash branca em vez de preta? Abraço daniloheraclio, sou novo no fórum e novo nessa vida de programador para android, mas vi sua dúvida e fui fazer uns testes. no arquivo telasplashscreen.xml é só adicionar a linha android:background="#FFFFFF" no código que vai ficar assim: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="#FFFFFF" > <ImageView android:layout_width="fill_parent" android:layout_height="fill_parent" android:scaleType="fitCenter" android:src="@drawable/teladeabertura" /> </LinearLayout> o código #FFFFFF é o código hexadecimal para branco, ou seja, vc pode colocar a cor que quiser de fundo. a imagem do splash screen tem uma borda verde, então vc tem que editar essa imagem e tirar a borda. recomendo utilizar o gimp para isso, se tiver alguma dúvida pergunte. _________________ -----
16 Jan 2011, 13:43

charlesrockbass What is Android? Data de registro: 13 Jan 2011, 14:07 Mensagens: 7	Re: [TUTORIAL] Criando uma tela SplashScreen para sua aplicação Fala, Jaison! Será que enquanto a splashscreen estiver sendo exibida, não tem como ir carregando a aplicação já em background? Porque pelo que entendi, a splashscreen faria a aplicação congelar por 3 segundos, e só então recomeçaria a carregar. Abraço, _________________ @charlesrockbass Blog - http://zendroid.com.br Twitter - http://twitter.com/charlesrockbass
25 Jan 2011, 23:37

mos What is Android? Data de registro: 13 Fev 2011, 23:06 Mensagens: 4	Re: [TUTORIAL] Criando uma tela SplashScreen para sua aplicação Excelente tutorial! Funcionou perfeito aqui. IDE: Netbeans 6.9.1 Android: 2.1 Bom trabalho, continue assim! _________________ Estou aqui pra aprender e ensinar quando puder.
13 Fev 2011, 23:09

AxiomA What is AVD? Data de registro: 17 Jan 2011, 19:07 Mensagens: 10 Localização: Itaperuna - RJ	Re: [TUTORIAL] Criando uma tela SplashScreen para sua aplicação Fiz o tutorial e funcionou... minha dúvida é que aqui, quando eu compilo, muitas vezes o splashscreen eh ignorado... e o programa já inicia na 2ª tela, isso é normal ou tem algo errado?
08 Mar 2011, 11:50

keiryu What is Android? Data de registro: 07 Mar 2011, 18:15 Mensagens: 1	Re: [TUTORIAL] Criando uma tela SplashScreen para sua aplicação Alguem me ajuda?? no meu deu um erro assim na tela ó Sorry! The application TelaDeAbertura(process.com.develteladeabertura)has stopped unexpectedly.Please try again. Eu não achei o erro...se é o android manifest.xml a Imagem esta no diretorio drawable e tudo o mais...copiei e colei os codigos mudei os packages mas aparece esse erro ai Valeu!
08 Mar 2011, 22:03

DevAdriano What is Android? Data de registro: 04 Fev 2011, 01:41 Mensagens: 9	Re: [TUTORIAL] Criando uma tela SplashScreen para sua aplica Origado @Jaison, show de bola, bem explicativo o tutorial.
07 Ago 2011, 13:50

funchh What is Android? Data de registro: 25 Ago 2011, 22:53 Mensagens: 1	Re: [TUTORIAL] Criando uma tela SplashScreen para sua aplica Vlw ae Jaison, mto bem explicado seu tuto!!!
28 Set 2011, 21:49

kakashicafe What is Android? Data de registro: 01 Out 2011, 12:33 Mensagens: 1	Re: [TUTORIAL] Criando uma tela SplashScreen para sua aplica Olá , grande tutorial gostei , gostei \o mais ... impressao minha ou os anexos do forum nao esta funcionando?
01 Out 2011, 13:37

derban What is Android? Data de registro: 27 Jan 2011, 12:31 Mensagens: 1	Re: [TUTORIAL] Criando uma tela SplashScreen para sua aplica Ótimo tutorial, muito legal, funcionou perfeitamente...
11 Out 2011, 16:07

boa50 What is Android? Data de registro: 13 Mar 2011, 22:58 Mensagens: 8	Re: [TUTORIAL] Criando uma tela SplashScreen para sua aplica VLw pelo ótimo tutorial, desse jeito assim fica mais fácil de utilizar a tela para vários projetos
26 Jan 2012, 16:02

Alisson Werner What is Android? Data de registro: 18 Fev 2012, 19:04 Mensagens: 5	Re: [TUTORIAL] Criando uma tela SplashScreen para sua aplica Olá Jaison, Ótimo tutorial!!! só que tipo, eu já tinha criado um projeto e decidi colocar a tela SplashScreen depois que ja tinha criado a minha Activity principal... ai só fiz mudar o local da chamada do SplashScreen... tipo, o código da minha activity de splashscreen ficou assom: import android.app.Activity; import android.os.Bundle; import android.os.Handler; public class TelaAbertura extends Activity { private final int DURACAO_DA_TELA = 3000; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.telasplashscreen); new Handler().postDelayed(new Runnable() { @Override public void run() { TelaAbertura.this.finish(); } },DURACAO_DA_TELA); } } E lá na minha Tela Principal ficou assim: public class MinhaConta extends Activity { /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); startActivity(new Intent("android.intent.action.TELASPLASHSCREEN")); //método que chama a minha tela principal callViewMain(); } Agora a minha pergunta é... no seu caso, vc criou um projeto, e a sua primeira Activity ja foi a splashscreen, então qndo a app for iniciada, ela irá chamar essa splashscreen... já no meu caso, a minha primeira Activity criada junto com a criação do projeto foi essa MinhaConta... então, como faço para fazer a minha aplicação iniciar com a TELASPLASHSCREEN, ou seja, para qndo a app iniciar, chamar primeiro a TelaAbertura? Modifico o AndroidManifest.xml? tentei modificar lá, mas não deu certo!
20 Fev 2012, 04:17

lucassatur What is AVD? Data de registro: 21 Jun 2012, 15:18 Mensagens: 18	Re: [TUTORIAL] Criando uma tela SplashScreen para sua aplica Parabéns Jaison, ótimo tutorial!! Agora, estou com uma duvida, gostaria de fazer uma SplashScreen que fosse mostrada na tela enquanto uma atividade estiver sendo executada por traz e não por um determinado tempo. Por exemplo, enquanto eu executo um procedimento para abrir um banco SQLite da aplicação a SplashScrren é mostrada, assim que a atividade acabar ela redireciona para a tela principal. Alguém sabe como fazer isso? Obrigado.
21 Ago 2012, 16:56

antunes Dalvik Virtual Machine Data de registro: 05 Abr 2011, 03:47 Mensagens: 1847 Localização: Rio de Janeiro	Re: [TUTORIAL] Criando uma tela SplashScreen para sua aplica lucassatur escreveu: Parabéns Jaison, ótimo tutorial!! Agora, estou com uma duvida, gostaria de fazer uma SplashScreen que fosse mostrada na tela enquanto uma atividade estiver sendo executada por traz e não por um determinado tempo. Por exemplo, enquanto eu executo um procedimento para abrir um banco SQLite da aplicação a SplashScrren é mostrada, assim que a atividade acabar ela redireciona para a tela principal. Alguém sabe como fazer isso? Obrigado. Para isso normalmente se usa uma "process dialog"! http://developer.android.com/guide/topi ... alogs.html Abraços! _________________ Alexandre Antunes @a3b @bemobi Motorola Defy App: IpCalc : Source - Calculadora IP (Máscara, Gateway, Broadcast e Rede). APP: Guia Carioca - Guia para o turista que visita o Rio de Janeiro e para o carioca que quer conhecer mais sua cidade. App: MyPonto - Controle de frequência (ponto) pessoal. Campanha: Facilite sua vida e a dos outros usuários. Objetivo: Vamos colocar a tag [RESOLVIDO] no título do tópico quando o problema for resolvido. Use a ferramenta de busca do fórum e não espere tanto para que a sua dúvida seja respondida! Quer trabalhar comigo??
22 Ago 2012, 00:26
Mostrar mensagens anteriores: Organizar por

Página 1 de 1

[ 28 Mensagens ]

[TUTORIAL] Criando uma tela SplashScreen para sua aplicação

Quem está online