Prof: Ricardo Quintão Site:

Transcrição

1 Prof: Ricardo Quintão Site:

2 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: IMC = peso altura 2

3 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.

4 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. tela1.xml 1: <LinearLayout 2: xmlns:android=" 3: xmlns: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>

5 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: 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: <Button 40: android:id="@+id/bt_limpar" 41: android:layout_width="fill_parent" 42: android:layout_height="wrap_content" 43: android:text="limpar" /> 44: 45: </LinearLayout>

6 A tela do aplicativo deve ficar semelhante a da figura abaixo.

7 Criando um Projeto Android Modificaremos agora o arquivo Activity_Principal.xml. 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: 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:

8 Activity_Principal.java (continuação) 25: bt_calcular.setonclicklistener(new View.OnClickListener() { 26: 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: 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).

9 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: 42: public void onclick(view v) 43: { 44: et_altura.settext(""); 45: et_peso.settext(""); 46: tv_imc.settext("imc:"); 47: } 48: }); 49: } 50: }

10 Prof: Ricardo Quintão Site: