Trabalhando com a Radio Button no Android

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

Tá afim de aprender a trabalhar com Radio Buttons no Android ? Acesse esta postagem e veja como

 Radio Button

Hoje vamos falar um pouco da widget RadioButton. Esse componente serve para ser utilizado em opções de escolha, porém só pode ser feito uma escolha, só uma opção que poderá ser selecionada.

Projeto

Hoje vamos criar uma aplicação onde o usuário compra um produto por um determinado preço, e coloca uma margem de lucro em cima deste preço para saber o valor de quanto devera cobrar. Também vamos proibir o usuário de fazer o calculo com o campo vazio que é para não deixar dar problema na nossa aplicação.

Aplicação

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

Nome do Projeto: MargemDeLucro.
Versão
: Android 2.2.
Nome da Aplicação
: Margem de lucro.
Package Name: br.margemdelucro.com
Create Activity
: AppLucro
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

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" >

<TableRow
android:id="@+id/tableRow2"
android:layout_width="match_parent"
android:layout_height="wrap_content" android:visibility="invisible">

<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="TextView" />

</TableRow>

<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Entre com o valor:" />

<EditText
android:id="@+id/edvalor"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:inputType="number" >

<requestFocus />
</EditText>

<RadioGroup
android:id="@+id/rgopcoes"
android:layout_width="fill_parent"
android:layout_height="wrap_content" >

<RadioButton
android:id="@+id/rb25"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:checked="true"
android:text="(30%)" />

<RadioButton
android:id="@+id/rb50"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="(50%)" />

<RadioButton
android:id="@+id/rb75"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="(75%)" />
</RadioGroup>

<TableRow
android:id="@+id/tableRow1"
android:layout_width="match_parent"
android:layout_height="wrap_content" >

<Button
android:id="@+id/btcalcular"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Calcular" />

</TableRow>
</LinearLayout> 

resultado você confere abaixo:

Visualizando o layout do Android pronto.

Visualizando o layout do Android pronto.


Codificação do Projeto

Abra o seu arquivo AppLucro.java e adicione o codigo abaixo:
package br.margemdelucro.com;

import android.app.Activity;
import android.os.Bundle;
import android.widget.*;
import android.view.*;
import android.app.*;
import android.app.AlertDialog.Builder;

public class AppLucro extends Activity {

EditText edvalor;

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

edvalor = (EditText)
findViewById(R.id.edvalor);

Button btcalcular = (Button)
findViewById(R.id.btcalcular);
btcalcular.setOnClickListener(new View.OnClickListener() {

@Override
public void onClick(View arg0) {
if(edvalor.length()==0){
AlertDialog.Builder mensagem=new
AlertDialog.Builder(AppLucro.this);
mensagem.setTitle("Atenção");
mensagem.setMessage("Obrigatorio digitar valor");
mensagem.setNeutralButton("OK", null);
mensagem.show();
} else{
double value, new_value;

EditText edvalor=(EditText)
findViewById(R.id.edvalor);

value = Double.parseDouble(edvalor.getText().toString());

RadioGroup rg = (RadioGroup)
findViewById(R.id.rgopcoes);
int op = rg.getCheckedRadioButtonId();

if(op==R.id.rb25)
new_value = value+(value*0.25);
else
if(op==R.id.rb50)
new_value = value+(value*0.50);
else
new_value = value+(value*0.75);

AlertDialog.Builder mensagem = new
AlertDialog.Builder(AppLucro.this);
mensagem.setTitle("Atenção");
mensagem.setMessage("Vender por R$:"+ String.valueOf(new_value));
mensagem.setNeutralButton("OK", null);
mensagem.show();
}
}
});
}
}

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:

Visualizando aplicação pronta.

Olhe agora o que acontece se o usuário tentar fazer o cálculo com o campo vazio.
Bloqueando o usuario de realizar o calculo com o campo vazio

Bloqueando o usuario de realizar o calculo com o campo vazio

Faça Download do Projeto: Margem de Lucro (684)



									
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 a Radio Button no Android

  1. Temper

    Muito bom artigo, parabens!!

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>