Trabalhando Com Mais De Uma Tela No Android

2 Flares Twitter 0 Facebook 2 Filament.io Made with Flare More Info'> 2 Flares ×

Olá. No tutorial de hoje vamos mostrar como trabalhar com mais de uma tela no android. Entre e confira.

Projeto

Hoje vamos aprender um exercício que utiliza mais de uma tela no Android. Nossa aplicação terá três telas, e nas telas, vamos ter os botões para mudarmos de tela.

Aplicação

Vamos criar um novo projeto. Clique no menu “File” / “New” / “Other” / Android Project depois cique em Next.

Nome do projeto: TrocaTela.

Versão: Android 2.2.

Nome da aplicação: Troca de telas.

Package Name: br.trocatela.com.

Create Activity: AppTelas.

Minimum SDK: 8.

Layout

Agora abra o seu arquivo main.xml que fica localizado na pasta “res” / “layout” de um duplo clique no arquivo e a tela será carreda. Agora com o nosso arquivo main.xml carregado clique na guia main.xml.
Vide Imagem abaixo:

Imagem Layout

E adicione o codigo abaixo:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >

<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Bem vindo ao programa de troca de telas Esta é a tela 1 escolha a tela que você quer entrar" />

<Button
android:id="@+id/bttela2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Tela2" />

<Button
android:id="@+id/bttela3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Tela3" />

</LinearLayout>

Resultado você confere abaixo:

Bom nossa primeira tela está pronta, agora vamos adicionar a tela2.

Adicionando Novo Arquivo xml no Android

para adicionar outra tela ou arquivo clique com o botão direito do mouse na pasta layout / “New” / File.

File name  “tela2.xml”.

Adicionando um layout na aplicação

Linear Layout (vertical).

No arquivo tela2.xml digite o código:

 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/linearLayout1"
android:layout_width="fill_parent"
android:layout_height="fill_parent" android:orientation="vertical">

<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Olá estamos na tela2" />

<Button
android:id="@+id/bttela1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Voltar tela1" />

<Button
android:id="@+id/bttela3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Ir para tela3" />

</LinearLayout>

Resultado você confere abaixo:

Agora vamos criar a terceira e ultima tela.

Adicionando Novo Arquivo xml no Android

para adicionar outra tela ou arquivo clique com o botão direito do mouse na pasta layout / “New” / File.

File name “tela3.xml””.

Adicionando um layout na aplicação

Linear Layout (vertical).

No arquivo tela3.xml digite o código:

 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/linearLayout1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical" >

<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Olá estamos na tela3" />

<Button
android:id="@+id/bttela1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Voltar tela1" />

<Button
android:id="@+id/bttela2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Voltar tela2" />

</LinearLayout>

Resultado você confere abaixo:

Agora já temos toda a parte de tela do Android, todas devidamente configuradas com os botões e as TextViews.

Codificação do Projeto telas.java

Agora vamos para a parte do código. De um duplo clique no arquivo AppTelas.java e vamos digitar os códigos:

package br.trocatela.com;
import android.app.Activity;
import android.content.*;
import android.os.Bundle;
import android.widget.*;
import android.view.*;

public class AppTelas extends Activity {

Button bttela2, bttela3;

@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

bttela2 = (Button)
findViewById (R.id.bttela2);

bttela3 = (Button)
findViewById(R.id.bttela3);

bttela2.setOnClickListener(new View.OnClickListener() {

@Override
public void onClick(View arg0) {

Intent trocatela = new
Intent(AppTelas.this,AppTelas2.class);
AppTelas.this.startActivity(trocatela);
AppTelas.this.finish();

}
});

bttela3.setOnClickListener(new View.OnClickListener() {

@Override
public void onClick(View arg0) {

Intent trocatela = new
Intent(AppTelas.this,AppTelas3.class);
AppTelas.this.startActivity(trocatela);
AppTelas.this.finish();
}
});
}
}

Agora vamos criar uma classe com o nome de AppTelas2, botão direito do mouse em “br.trocatela.com” / “New” / “Class.”

Name AppTelas2.

Codificação do Projeto telas2.java

Agora abra o arquivo AppTelas2.java e digite:

package br.trocatela.com;

import android.app.Activity;
import android.content.*;
import android.os.Bundle;
import android.widget.*;
import android.view.*;

public class AppTelas2 extends Activity {

Button bttela1, bttela3;

public void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.tela2);

bttela1 = (Button)
findViewById(R.id.bttela1);

bttela3 = (Button)
findViewById(R.id.bttela3);

bttela1.setOnClickListener(new View.OnClickListener() {

@Override
public void onClick(View arg0) {

Intent troca = new
Intent(AppTelas2.this, AppTelas.class);
AppTelas2.this.startActivity(troca);
AppTelas2.this.finish();
}
});

bttela3.setOnClickListener(new View.OnClickListener() {

@Override
public void onClick(View arg0) {

Intent troca = new
Intent(AppTelas2.this, AppTelas3.class);
AppTelas2.this.startActivity(troca);
AppTelas2.this.finish();

}
});
}

}

Agora vamos criar uma classe com o nome de AppTelas3, botão direito do mouse em “br.trocatela.com” / “New” / “Class.”

Name  AppTelas3.

Codificação do Projeto telas3.java

Agora abra o arquivo AppTelas3.java e digite:

package br.trocatela.com;

import android.app.Activity;
import android.content.*;
import android.os.Bundle;
import android.widget.*;
import android.view.*;

public class AppTelas3 extends Activity {

Button bttela1, bttela2;

public void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.tela3);

bttela1 = (Button)
findViewById(R.id.bttela1);

bttela2 = (Button)
findViewById(R.id.bttela2);

bttela1.setOnClickListener(new View.OnClickListener() {

@Override
public void onClick(View arg0) {

Intent troca = new
Intent(AppTelas3.this, AppTelas.class);
AppTelas3.this.startActivity(troca);
AppTelas3.this.finish();

}
});

bttela2.setOnClickListener(new View.OnClickListener() {

@Override
public void onClick(View arg0) {

Intent troca = new
Intent(AppTelas3.this, AppTelas2.class);
AppTelas3.this.startActivity(troca);
AppTelas3.this.finish();

}
});
}
}

Configurando o AndroidManifest.xml

Para concluir esta aplicação abra agora o arquivo AndroidManifest.xml que fica localizado abaixo da pasta “res”, de um duplo clique nele e clique na guia AndroidManifest.xml para acessar o código, depois de acessar o código digite abaixo da Tag </activity> o código:

<activity  android:name=".AppTelas2"
android:label="@string/app_name">
</activity>

<activity android:name=".AppTelas3"
android:label="@string/app_name">
</activity>

Executando o Projeto

Feito isso agora é hora de testar a aplicação.
Botão direito no projeto “Run As” / Android Applications e conferir o resultado.
Vamos ver abaixo como ficou nossa aplicação:

Faça Download do Projeto: Troca Tela (1805)



									
Renato Ramos

About Renato Ramos

Graduado em Gestão de tecnologia da informação. Um Entusiasta da tecnologia e de seus avanços. Amante das tecnologias mobile, desde cedo alterando firmwares, sistemas e realizando atualizações e estudando tudo que possível em dispositivos moveis. Programador IOS, Android, Windows Mobile, PhoneGap.

One thought on “Trabalhando Com Mais De Uma Tela No Android

  1. Stefhany

    Muito Bom! Parabéns pela iniciativa e muito obrigada, me ajudou muito…
    Deus Abençoe!

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>