Programação de Aplicativos Android (Parte 4) - Ricardo Quintão - UVA

Prévia do material em texto

Prof: Ricardo Quintão
email: ricardo.quintao@uva.br
Site: www.rgquintao.com.br
Criando um Projeto Android
Vamos agora criar o nosso terceiro projeto Android.
Neste projeto realizaremos o cálculo do Índice de Massa Corporal.
A aplicação solicitará que o usuário digite o seu peso em Kilograma e a sua altura em metros.
Após apertar um botão com o label “Calcular IMC”, o resultado do cálculo será escrito na tela.
O objetivo da aplicação é de usarmos valores numéricos nos nossos métodos.
O cálculo do IMC é dado por:
𝐼𝑀𝐶 =
𝑝𝑒𝑠𝑜
𝑎𝑙𝑡𝑢𝑟𝑎2
Criando um Projeto Android
Criem um novo projeto e nomeiem o projeto, por exemplo, como “IMC”.
Será criado um novo projeto igual ao anterior que escreve na tela a mensagem “Hello world”.
Vamos começar a fazer algumas alterações no arquivo de layout que no meu exemplo se chama
“tela1.xml”.
Primeiramente vamos mudar o tipo de layout. O layout atual é o “RelativeLayout”. Mudaremos
para “LinearLayout”. Não se esqueça de mudar no final do arquivo o fechamento também para
“LinearLayout”.
Nos parâmetros do “LinearLayout”, acrescente o parâmetro android:orientation = “vertical”.
O objetivo deste parâmetro é de informar que os objetos visuais (Views) serão alinhados
verticalmente, isto é, colocados um embaixo do outro.
O arquivo tela1.xml deve estar
semelhante ao apresentado ao lado.
Na linha 1 e na linha 18, mudamos
para “LinearLayout”.
Na linha 4 acrescentamos o parâmetro
de orientação.
Criando um Projeto Android
tela1.xml
1: <LinearLayout
2: xmlns:android="http://schemas.android.com/apk/res/android"
3: xmlns:tools="http://schemas.android.com/tools"
4: android:orientation="vertical"
5: android:layout_width="match_parent"
6: android:layout_height="match_parent"
7: android:paddingBottom="@dimen/activity_vertical_margin"
8: android:paddingLeft="@dimen/activity_horizontal_margin"
9: android:paddingRight="@dimen/activity_horizontal_margin"
10: android:paddingTop="@dimen/activity_vertical_margin"
11: tools:context="com.example.imc.Activity_Principal" >
12:
13: <TextView
14: android:layout_width="wrap_content"
15: android:layout_height="wrap_content"
16: android:text="@string/hello_world" />
17:
18: </LinearLayout>
Modificaremos agora o arquivo tela1.xml, a partir da linha 13, para ficar igual ao da listagem ao lado.
tela1.xml (continuação)
13: <TextView
14: android:layout_width="wrap_content"
15: android:layout_height="wrap_content"
16: android:text="Peso:" />
17:
18: <EditText
19: android:id="@+id/et_peso"
20: android:layout_width="match_parent"
21: android:layout_height="wrap_contente" />
22: 
23: <TextView
24: android:layout_width="wrap_content"
25: android:layout_height="wrap_content"
26: android:text="Altura:" />
27:
28: <EditText
29: android:id="@+id/et_altura"
30: android:layout_width="match_parent"
31: android:layout_height="wrap_contente" />
32:
Criando um Projeto Android
tela1.xml (continuação)
33: <Button
34: android:id="@+id/bt_calcular"
35: android:layout_width=“fill_parent"
36: android:layout_height="wrap_content"
37: android:text="Calcular IMC" />
38:
39: <TextView
40: android:id="@+id/tv_IMC"
41: android:layout_width="wrap_content"
42: android:layout_height="wrap_content"
43: android:text=“IMC:" />
44: 
45: <Button
46: android:id="@+id/bt_limpar"
47: android:layout_width="fill_parent"
48: android:layout_height="wrap_content"
49: android:text="Limpar" />
50:
51: </LinearLayout>
A tela do aplicativo deve ficar semelhante a da figura abaixo.
Criando um Projeto Android
Modificaremos agora o arquivo
“Activity_Principal.java”. Para
ficar igual ao da listagem ao
lado que continua nas
transparências seguintes.
Activity_Principal.java
1: package com.example.imc;
2: 
3: import android.app.Activity;
4: import android.os.Bundle;
5: import android.view.View;
6: import android.widget.*;
7: 
8: public class Activity_Principal extends Activity {
9:
10: EditText et_peso, et_altura;
11: TextView tv_IMC;
12: Button bt_calcular, bt_limpar;
13:
14: @Override
15: protected void onCreate(Bundle savedInstanceState) {
16: super.onCreate(savedInstanceState);
17: setContentView(R.layout.tela1);
18:
19: et_peso = (EditText) findViewById(R.id.et_peso);
20: et_altura = (EditText) findViewById(R.id.et_altura);
21: tv_IMC = (TextView) findViewById(R.id.tv_IMC);
22: bt_calcular = (Button) findViewById(R.id.bt_calcular);
23: bt_limpar = (Button) findViewById(R.id.bt_limpar);
24:
Criando um Projeto 
Android
Activity_Principal.java (continuação)
25: bt_calcular.setOnClickListener(new View.OnClickListener() {
26:
27: @Override
28: public void onClick(View v)
29: {
30: float peso = Float.parseFloat(et_peso.getText().toString());
31: float altura = Float.parseFloat(et_altura.getText().toString());
32:
33: float IMC = (float) (peso/Math.pow(altura, 2));
34:
35: tv_IMC.setText("IMC: " + IMC);
36: }
37: });
38:
Criando um Projeto Android
No tratamento do click no botão calcular representado pelo objeto bt_calcular na linha 25, fazemos a transformação do
texto extraído dos objetos et_peso e et_altura para float usando o método Float.parseFloat( ), nas linhas 30 e 31.
Na linha 33, realizamos o cálculo do IMC e na linha 35 mudamos o conteúdo do texto no objeto tv_IMC, usando o
método setText(string).
Já o tratamento do botão
Limpar representado pelo
objeto bt_limpar, é
devolvido aos textos dos
objetos de tela os seus
valores originais.
Activity_Principal.java (continuação)
39: bt_limpar.setOnClickListener(new View.OnClickListener() {
40:
41: @Override
42: public void onClick(View v)
43: {
44: et_altura.setText("");
45: et_peso.setText("");
46: tv_IMC.setText("IMC:");
47: }
48: });
49: }
50: }
Criando um Projeto Android
Prof: Ricardo Quintão
email: ricardo.quintao@uva.br
Site: www.rgquintao.com.br