Programando a aplicação

Prévia do material em texto

PROGRAMAÇÃO DE APLICATIVOS 
Professores: Dra. Adriana Aparicio e Dr. Eng. Carlos Sicsú Página 1 
 
Tutorial 5 – Programando a aplicação 
 Tela inicial com o projeto criado e a tela configurada. 
 
Para a programação do aplicativo é importante que cada componente da tela (View) seja 
identificado, pode-se obter estas identificações através do arquivo XML gerado pela criação 
da tela. 
 Na aba ao lado do Graphical Layout, temos o arquivo XML que contém toda a 
configuração da tela. 
 
PROGRAMAÇÃO DE APLICATIVOS 
Professores: Dra. Adriana Aparicio e Dr. Eng. Carlos Sicsú Página 2 
 
 Aqui fica o arquivo com as configurações da tela, de modo a ser consultado ou 
alterado diretamente no código. 
 
Cada componente possui seu próprio bloco de código e pode-se consultar as identificações 
id diretamente, normalmente a configuração android:id é a primeira em cada bloco. 
Desta forma, nosso aplicativo trabalha com os seguintes componentes e suas respectivas 
identificações (extraído do código original): 
 <TextView 
 android:id="@+id/textView1" 
 <TextView 
 android:id="@+id/textView2" 
 <EditText 
 android:id="@+id/editText1" 
 <TextView 
 android:id="@+id/textView3" 
 <EditText 
 android:id="@+id/editText2" 
 <Button 
 android:id="@+id/button1" 
 <TextView 
 android:id="@+id/textView4" 
 <EditText 
 android:id="@+id/editText3" 
Como os componentes textView não terão alterações pela programação, separamos 
apenas os tipos e as identificações dos componentes que serão controlados pelo programa: 
EditText editText1 
EditText editText2 
EditText editText3 
Button button1 
 
Estes componentes devem ser relacionados entre a tela (View) e o programa (Controller). 
PROGRAMAÇÃO DE APLICATIVOS 
Professores: Dra. Adriana Aparicio e Dr. Eng. Carlos Sicsú Página 3 
 
 Acessando a área de programação da Controller: 
 
O arquivo de programação (Controller), fica na aba ao lado da tela (View). Basta clicar sobre 
ela para que se possa iniciar a programação da aplicação. Ela já vem preparada para 
receber o código. 
 Área de programação (Controller). 
 
 
 
PROGRAMAÇÃO DE APLICATIVOS 
Professores: Dra. Adriana Aparicio e Dr. Eng. Carlos Sicsú Página 4 
 
 Inicialmente devemos criar os mesmos componentes definidos na tela (View), 
podemos usar os mesmos nomes sem problema e de forma a facilitar o 
reconhecimento de cada um deles. 
 
Definição dos mesmos componentes definidos na tela (View)*1. 
 Criar o relacionamento entre os componentes da tela (View) e da programação 
(Controller). 
 
Os componentes a esquerda do sinal de igual (=) são os componentes da programação e os componentes a 
direita do igual são os componentes da tela (View). Agora os componentes já foram respectivamente 
relacionados entre as duas partes da aplicação (View e Controller) *2. 
PROGRAMAÇÃO DE APLICATIVOS 
Professores: Dra. Adriana Aparicio e Dr. Eng. Carlos Sicsú Página 5 
 
 Configuração do controle do botão, para iniciar o processamento quando o mesmo 
for pressionado. 
 
Criação do controle do evento do clique do botão. Nesta aplicação temos apenas um botão, caso a 
aplicação tenha outros botões, devem ser criados mais controladores, um para cada botão. No exemplo, 
temos o controle para o botão: button1 *3. 
 Algoritmo da aplicação: 
 
Algoritmo da aplicação e seu respectivo teste *4. 
 
PROGRAMAÇÃO DE APLICATIVOS 
Professores: Dra. Adriana Aparicio e Dr. Eng. Carlos Sicsú Página 6 
 
 Aplicação java do projeto: 
 
Aplicação java e seu respectivo teste *5. 
 Para um projeto Android, o código java deve ser alterado para o uso dos 
componentes gráficos da tela na entrada de dados e na saída, permanecendo o 
processamento inalterado: 
double valor1, valor2, resultado; 
Scanner sc = new Scanner(System.in); 
// Entrada de dados 
System.out.println("Digite o Valor 1:"); 
valor1 = Double.parseDouble(sc.nextLine()); 
System.out.println("Digite o Valor 2:"); 
valor2 = Double.parseDouble(sc.nextLine()); 
// Processamento 
resultado = valor1 + valor2; 
// Saída de dados 
System.out.println("Soma= " + resultado); 
sc.close(); 
double valor1, valor2, resultado; 
Scanner sc = new Scanner(System.in); 
// Entrada de dados 
System.out.println("Digite o Valor 1:"); 
valor1 = Double.parseDouble(sc.nextLine()); 
System.out.println("Digite o Valor 2:"); 
valor2 = Double.parseDouble(sc.nextLine()); 
// Processamento 
resultado = valor1 + valor2; 
// Saída de dados 
System.out.println("Soma= " + resultado); 
sc.close(); 
o O objeto Scanner não é usado; 
o As mensagens foram definidas nos objetos textView da tela; 
o As entradas de dados devem ser feitas sobre os componentes da tela: 
 valor1 = Double.parseDouble(editText1.getText().toString()); 
 valor2 = Double.parseDouble(editText2.getText().toString()); 
o A saída de dados também deve ser feita sobre os componentes da tela: 
 editText3.setText(String.valueOf(resultado)); 
 
PROGRAMAÇÃO DE APLICATIVOS 
Professores: Dra. Adriana Aparicio e Dr. Eng. Carlos Sicsú Página 7 
 
Sendo assim, o código Android equivalente é: 
// O código para execução após o clique do botão: 
double valor1, valor2, resultado; 
// Entrada de dados 
valor1 = Double.parseDouble(editText1.getText().toString()); 
valor2 = Double.parseDouble(editText2.getText().toString()); 
// Processamento 
resultado = valor1 + valor2; 
// Saída de dados 
editText3.setText(String.valueOf(resultado)); 
 
 Programação do processamento da aplicação com a entrada e a saída feitas através 
dos componentes da tela (View): 
 
 
Programação completa da aplicação (Controller)*6. 
PROGRAMAÇÃO DE APLICATIVOS 
Professores: Dra. Adriana Aparicio e Dr. Eng. Carlos Sicsú Página 8 
 
 Tela do Eclipse com a programação concluída. 
 
A aplicação já pode ser testada. Execute a aplicação, clique com o botão direito do sobre o projeto / Run As 
/ Android Application. Se o projeto não tiver sido salvo, confirme a gravação. 
 
 
 
PROGRAMAÇÃO DE APLICATIVOS 
Professores: Dra. Adriana Aparicio e Dr. Eng. Carlos Sicsú Página 9 
 
 Digite os valores e pressione o botão de Somar: 
 
 
A sua primeira aplicação está pronta e testada. Caso algum erro ocorra, verifique o tutorial 
novamente e tente identifica-lo. Este projeto foi testado e se encontra sem erros, confirme 
observa-se na tela final. 
 
PROGRAMAÇÃO DE APLICATIVOS 
Professores: Dra. Adriana Aparicio e Dr. Eng. Carlos Sicsú Página 10 
 
*1: 
 EditText editText1; 
 EditText editText2; 
 EditText editText3; 
 Button button1; 
*2: 
 editText1 = (EditText) findViewById(R.id.editText1); 
 editText2 = (EditText) findViewById(R.id.editText2); 
 editText3 = (EditText) findViewById(R.id.editText3); 
 button1 = (Button) findViewById(R.id.button1); 
*3: 
 button1.setOnClickListener(new OnClickListener(){ 
 public void onClick(View arg0){ 
 // O código para execução após o clique do botão: 
 
 } 
 }); 
*4: 
algoritmo "Somar2015" 
// Função : Somar 2 números 
// Autor : Prof. Sicsú 
// Data : 11/05/2015 
// Seção de Declarações 
var 
 valor1, valor2, resultado : real 
inicio 
// Seção de Comandos 
 // Entrada de dados 
 escreval("Digite o Valor 1:") 
 leia(valor1) 
 escreval("Digite o Valor 2:") 
 leia(valor2) 
 // Processamento 
 resultado <- valor1 + valor2 
 // Saída de dados 
 escreval("Soma= ", resultado) 
fimalgoritmo 
 
*5: 
import java.util.Scanner; 
public class Somar { 
 public static void main(String[] args) { 
 // Código java 
 double valor1, valor2, resultado; 
 Scanner sc = new Scanner(System.in); 
 // Entrada de dados 
 System.out.println("Digite o Valor 1:");valor1 = Double.parseDouble(sc.nextLine()); 
 System.out.println("Digite o Valor 2:"); 
 valor2 = Double.parseDouble(sc.nextLine()); 
 // Processamento 
 resultado = valor1 + valor2; 
 // Saída de dados 
 System.out.println("Soma= " + resultado); 
 sc.close(); 
 } 
} 
 
PROGRAMAÇÃO DE APLICATIVOS 
Professores: Dra. Adriana Aparicio e Dr. Eng. Carlos Sicsú Página 11 
 
*6: 
package com.example.somar2015; 
 
import com.example.somar2015.R; 
 
import android.app.Activity; 
import android.os.Bundle; 
import android.view.View; 
import android.view.View.OnClickListener; 
import android.widget.Button; 
import android.widget.EditText; 
 
public class Somar2015Activity extends Activity { 
 EditText editText1; 
 EditText editText2; 
 EditText editText3; 
 Button button1; 
 @Override 
 protected void onCreate(Bundle savedInstanceState) { 
 super.onCreate(savedInstanceState); 
 setContentView(R.layout.activity_somar2015); 
 
 editText1 = (EditText) findViewById(R.id.editText1); 
 editText2 = (EditText) findViewById(R.id.editText2); 
 editText3 = (EditText) findViewById(R.id.editText3); 
 button1 = (Button) findViewById(R.id.button1); 
 
 button1.setOnClickListener(new OnClickListener(){ 
 public void onClick(View arg0){ 
 // O código para execução após o clique do botão: 
 double valor1, valor2, resultado; 
 // Entrada de dados 
 valor1 = Double.parseDouble(editText1.getText().toString()); 
 valor2 = Double.parseDouble(editText2.getText().toString()); 
 // Processamento 
 resultado = valor1 + valor2; 
 // Saída de dados 
 editText3.setText(String.valueOf(resultado)); 
 } 
 }); 
 } 
}