Android - Controle de RadioGroup
Uma classe RadioGroup é usada para um conjunto de botões de opção.
Se marcarmos um botão de rádio que pertence a um grupo de rádio, ele desmarca automaticamente qualquer botão de rádio previamente marcado dentro do mesmo grupo.
Atributos de RadioGroup
A seguir estão os atributos importantes relacionados ao controle RadioGroup. Você pode verificar a documentação oficial do Android para uma lista completa de atributos e métodos relacionados que você pode usar para alterar esses atributos em tempo de execução.
Atributo | Descrição |
---|---|
android: checkButton | Este é o id do botão de rádio filho que deve ser verificado por padrão neste grupo de rádio. |
Herdado de android.view.View Classe -
Sr. Não. | Atributo e descrição |
---|---|
1 | android:background Este é um drawable para usar como plano de fundo. |
2 | android:contentDescription Isso define o texto que descreve brevemente o conteúdo da visualização. |
3 | android:id Isso fornece um nome de identificador para esta visão |
4 | android:onClick Este é o nome do método no contexto desta visão para invocar quando a visão é clicada. |
5 | android:visibility Isso controla a visibilidade inicial da vista. |
Exemplo
Este exemplo o levará por etapas simples para mostrar como criar seu próprio aplicativo Android usando Layout Linear e RadioGroup.
Degrau | Descrição |
---|---|
1 | Você usará o Android Studio IDE para criar um aplicativo Android e nomeá-lo como Meu aplicativo no pacote com.example.saira_000.myapplication; conforme explicado no capítulo Exemplo de Hello World . |
2 | Modifique o arquivo src / MainActivity.java para adicionar um evento de clique. |
2 | Modifique o conteúdo padrão do arquivo res / layout / activity_main.xml para incluir o controle de IU do Android. |
3 | Não há necessidade de alterar as constantes padrão em res / values / strings.xml, o android studio cuida das constantes padrão. |
4 | Execute o aplicativo para iniciar o emulador Android e verifique o resultado das alterações feitas no aplicativo. |
A seguir está o conteúdo do arquivo de atividade principal modificado src/MainActivity.java. Este arquivo pode incluir cada um dos métodos fundamentais do ciclo de vida.
No exemplo a seguir, abc indica a imagem do tutorialspoint
package com.example.saira_000.myapplication;
import android.app.Activity;
import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.Button;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.Toast;
public class MainActivity extends Activity {
private RadioGroup radioSexGroup;
private RadioButton radioSexButton;
private Button btnDisplay;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
radioSexGroup=(RadioGroup)findViewById(R.id.radioGroup);
btnDisplay=(Button)findViewById(R.id.button);
btnDisplay.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
int selectedId=radioSexGroup.getCheckedRadioButtonId();
radioSexButton=(RadioButton)findViewById(selectedId);
Toast.makeText(MainActivity.this,radioSexButton.getText(),Toast.LENGTH_SHORT).show();
}
});
}
}
A seguir estará o conteúdo de res/layout/activity_main.xml arquivo -
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin"
tools:context=".MainActivity">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Radio button"
android:id="@+id/textView"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:textSize="35dp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Tutorialspoint"
android:id="@+id/textView2"
android:layout_below="@+id/textView"
android:layout_alignRight="@+id/textView"
android:layout_alignEnd="@+id/textView"
android:textSize="35dp"
android:textColor="@android:color/holo_green_dark" />
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/imageView"
android:src="@drawable/abc"
android:layout_below="@+id/textView2"
android:layout_alignLeft="@+id/textView"
android:layout_alignStart="@+id/textView"
android:layout_alignRight="@+id/textView"
android:layout_alignEnd="@+id/textView" />
<RadioGroup
android:layout_width="fill_parent"
android:layout_height="90dp"
android:layout_below="@+id/imageView"
android:layout_marginTop="58dp"
android:weightSum="1"
android:id="@+id/radioGroup"
android:layout_alignLeft="@+id/textView2"
android:layout_alignStart="@+id/textView2"
android:layout_alignRight="@+id/textView3"
android:layout_alignEnd="@+id/textView3">
<RadioButton
android:layout_width="wrap_content"
android:layout_height="55dp"
android:text="Male"
android:id="@+id/radioButton"
android:layout_gravity="center_horizontal"
android:checked="false"
android:textSize="25dp" />
<RadioButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Female"
android:id="@+id/radioButton2"
android:layout_gravity="center_horizontal"
android:checked="false"
android:textSize="25dp"
android:layout_weight="0.13" />
</RadioGroup>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=" Are you?"
android:id="@+id/textView3"
android:textSize="35dp"
android:layout_below="@+id/imageView"
android:layout_alignRight="@+id/textView2"
android:layout_alignEnd="@+id/textView2"
android:layout_alignLeft="@+id/imageView"
android:layout_alignStart="@+id/imageView" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="New Button"
android:id="@+id/button"
android:layout_gravity="center_horizontal"
android:layout_below="@+id/radioGroup"
android:layout_centerHorizontal="true" />
</RelativeLayout>
A seguir estará o conteúdo de res/values/strings.xml para definir essas novas constantes -
<?xml version="1.0" encoding="utf-8"?>
<resources>
<string name="app_name">My Applicaiton</string>
<string name="example_radiogroup">Example showing RadioGroup</string>
</resources>
A seguir está o conteúdo padrão de AndroidManifest.xml -
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.example.saira_000.myapplication" >
<application
android:allowBackup="true"
android:icon="@drawable/ic_launcher"
android:label="@string/app_name"
android:theme="@style/AppTheme" >
<activity
android:name="com.example.My Application.MainActivity"
android:label="@string/app_name" >
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
</manifest>
Vamos tentar executar o seu My Applicationinscrição. Suponho que você tenha criado o seuAVDao fazer a configuração do ambiente. Para executar o aplicativo do Android Studio, abra um dos arquivos de atividade do seu projeto e clique no ícone Executar na barra de ferramentas. O Android Studio instala o aplicativo em seu AVD e o inicia e se tudo estiver bem com sua configuração e aplicativo, ele será exibido a seguir a janela do emulador -
A seguinte tela aparecerá, aqui temos um RadioGroup.
É necessário selecionar o botão de opção masculino ou feminino e clicar no novo botão. se você seguir as etapas acima sem falhar, receberá uma mensagem de brinde após clicar no novo botão
Exercício
Recomendarei tentar o exemplo acima com diferentes atributos de RadioButton no arquivo XML do Layout, bem como no momento da programação para ter uma aparência diferente do RadioButton. Tente torná-lo editável, mude para a cor da fonte, família da fonte, largura, tamanho do texto etc e veja o resultado. Você também pode tentar o exemplo acima com vários controles RadioButton em uma atividade.