Diferencia entre revisiones de «RadioButton»
Ir a la navegación
Ir a la búsqueda
Línea 150: | Línea 150: | ||
* Partimos que xa temos creado o proxecto inicial como [http://wiki.cifprodolfoucha.es/index.php?title=PDM_Creando_proxecto_base xa indicamos anteriormente]. | * Partimos que xa temos creado o proxecto inicial como [http://wiki.cifprodolfoucha.es/index.php?title=PDM_Creando_proxecto_base xa indicamos anteriormente]. | ||
: <u>Lembrar que se estades a empregar as bibliotecas de compatibilidade (por defecto), '''a vosa activity derivará de AppCompactActivity''' e non de Activity</u> | : <u>Lembrar que se estades a empregar as bibliotecas de compatibilidade (por defecto), '''a vosa activity derivará de AppCompactActivity''' e non de Activity</u> | ||
+ | : Nos exemplos seguintes toda activity deriva de Activity, pero o normal é que empregedes AppCompactActivity (coidado ao copiar os exemplos). | ||
+ | |||
: Se non o temos creado antes, crea un paquete de nome '''UI''' como un subpaquete do teu paquete principal. | : Se non o temos creado antes, crea un paquete de nome '''UI''' como un subpaquete do teu paquete principal. | ||
: Dentro do paquete UI, crearemos un novo paquete de nome: '''RadioButtons'''. | : Dentro do paquete UI, crearemos un novo paquete de nome: '''RadioButtons'''. |
Revisión del 08:18 25 oct 2020
Sumario
Introdución
- O control RadioButton permite escoller unha opción entre varias posibles.
- Aconséllase usar este control sempre que se queiran amosar ao usuario múltiples opcións, unha ao carón doutra.
- En caso contrario débese usar un Spinner (Lista despregable).
- No layout os RadioButton organízanse dentro dun RadioGroup que vai controlar que non haxa máis dunha opción marcada.
- Nota: polas opcións que ofrece a imaxe, tomada de Android SDK, aí debe traballar un galego.
- RadioGroup herda da clase LinearLayout co cal terá as súas propiedades, entre elas: android:orientation
- RadioButton herda da clase CompoundButton ao igual que CheckBox:
- Por tanto, funcionan da mesma maneira:
- Ten 2 estados (True/False), que podemos comprobar co método isChecked ().
- Podemos cambiar o seu estado por programación chamando ao método setChecked(boolean)
- Podemos xestionar o cambio de estado dun RadioButton coa chamada ao método setOnCheckedChangeListener(OnCheckedChangeListener)
- Tamén podemos xestionar os eventos da mesma forma que nos botóns, coa interface OnClickListener ou pola propiedade android:onCLick.
- Imaxe obtida de: http://www.itcsolutions.eu/2011/08/27/android-tutorial-4-procedural-vs-declarative-design-of-user-interfaces
- Referencias:
- Control RadioButton: http://developer.android.com/reference/android/widget/RadioButton.html
- Control RadioGroup: http://developer.android.com/reference/android/widget/RadioGroup.html
- Introdución ao control: http://developer.android.com/guide/topics/ui/controls/radiobutton.html
Caso práctico 1 (non recomendado)
- Nota: Neste exemplo a xestión do evento click faise sobre cada un dos radiobutton e se fai, en parte, modificando o código do layout onde se atopan.
- Non se recomenda mesturar a parte gráfica (deseño) coa de xestión de eventos. É unha recomendación, non implica que non se poida facer.
- Partimos que xa temos creado o proxecto inicial como xa indicamos anteriormente.
- Se non o temos creado antes, crea un paquete de nome UI como un subpaquete do teu paquete principal.
- Dentro do paquete UI, crearemos un novo paquete de nome: RadioButtons.
- Dentro do paquete RadioButtons crear unha nova 'Empty Activity' de nome: UD02_01_RadioButtons de tipo Launcher e sen compatibilidade.
- Modifica o arquivo AndroidManifiest.xml e engade unha label á activity como xa vimos na creación do proxecto base.
- Imos crear unha aplicación na que o usuario indique se é ou non maior de idade e que se amose a opción escollida no EditText.
XML do Layout
- Observar como RadioGroup é un layout máis de tipo Linear.
- Observar como a primeira opción está activada por defecto.
1 <?xml version="1.0" encoding="utf-8"?>
2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3 android:layout_width="match_parent"
4 android:layout_height="match_parent"
5 android:orientation="vertical" >
6
7 <RadioGroup
8 android:layout_width="fill_parent"
9 android:layout_height="wrap_content"
10 android:orientation="vertical" >
11
12 <RadioButton
13 android:id="@+id/rbtnMaior18_UD02_01_Radio"
14 android:layout_width="wrap_content"
15 android:layout_height="wrap_content"
16 android:checked="true"
17 android:onClick="controlarIdade"
18 android:text=">18 anos" />
19
20 <RadioButton
21 android:id="@+id/rbtnMenor18_UD02_01_Radio"
22 android:layout_width="wrap_content"
23 android:layout_height="wrap_content"
24 android:onClick="controlarIdade"
25 android:text="<=18 anos" />
26 </RadioGroup>
27
28 <EditText
29 android:id="@+id/txtResultado_UD02_01_Radio"
30 android:layout_width="match_parent"
31 android:layout_height="wrap_content"
32 android:hint="Resultado" />
33
34 </LinearLayout>
Código Java
- Implementamos o método controlarIdade
1 package es.cursoandroid.cifprodolfoucha.aprendiendo.UI.RadioButtons;
2
3 import android.app.Activity;
4 import android.os.Bundle;
5 import android.view.View;
6 import android.widget.EditText;
7
8 import es.cursoandroid.cifprodolfoucha.aprendiendo.R;
9
10 public class UD02_01_RadioButtons extends Activity {
11
12 public void controlarIdade(View view) {
13
14 EditText caixa = (EditText) findViewById(R.id.txtResultado_UD02_01_Radio);
15
16 switch (view.getId()) {
17 case R.id.rbtnMaior18_UD02_01_Radio:
18 caixa.setText("Tes máis de 18 anos");
19 break;
20 case R.id.rbtnMenor18_UD02_01_Radio:
21 caixa.setText("Tes menos de 18 anos");
22 break;
23 }
24 }
25
26
27 @Override
28 protected void onCreate(Bundle savedInstanceState) {
29 super.onCreate(savedInstanceState);
30 setContentView(R.layout.activity_ud02_01__radio_buttons);
31 }
32 }
- Liña 16: Indagamos que cal é o ID da opción na que se fixo click.
Caso práctico 2
- O mesmo obxectivo que no caso práctico 1, pero sen facelo no layout.
- Partimos que xa temos creado o proxecto inicial como xa indicamos anteriormente.
- Lembrar que se estades a empregar as bibliotecas de compatibilidade (por defecto), a vosa activity derivará de AppCompactActivity e non de Activity
- Nos exemplos seguintes toda activity deriva de Activity, pero o normal é que empregedes AppCompactActivity (coidado ao copiar os exemplos).
- Se non o temos creado antes, crea un paquete de nome UI como un subpaquete do teu paquete principal.
- Dentro do paquete UI, crearemos un novo paquete de nome: RadioButtons.
- Dentro do paquete RadioButtons crear unha nova 'Empty Activity' de nome: UD02_01_RadioButtons de tipo Launcher e sen compatibilidade.
- Modifica o arquivo AndroidManifiest.xml e engade unha label á activity como xa vimos na creación do proxecto base.
- Imos crear unha aplicación na que o usuario indique se é ou non maior de idade e que se amose a opción escollida no EditText.
XML do Layout
- Observar como RadioGroup é un layout máis de tipo Linear.
- Observar como a primeira opción está activada por defecto.
1 <?xml version="1.0" encoding="utf-8"?>
2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3 android:layout_width="match_parent"
4 android:layout_height="match_parent"
5 android:orientation="vertical" >
6
7 <RadioGroup
8 android:layout_width="fill_parent"
9 android:layout_height="wrap_content"
10 android:orientation="vertical" >
11
12 <RadioButton
13 android:id="@+id/rbtnMaior18_UD02_01_Radio"
14 android:layout_width="wrap_content"
15 android:layout_height="wrap_content"
16 android:checked="true"
17 android:onClick="controlarIdade"
18 android:text=">18 anos" />
19
20 <RadioButton
21 android:id="@+id/rbtnMenor18_UD02_01_Radio"
22 android:layout_width="wrap_content"
23 android:layout_height="wrap_content"
24 android:onClick="controlarIdade"
25 android:text="<=18 anos" />
26 </RadioGroup>
27
28 <EditText
29 android:id="@+id/txtResultado_UD02_01_Radio"
30 android:layout_width="match_parent"
31 android:layout_height="wrap_content"
32 android:hint="Resultado" />
33
34 </LinearLayout>
Código Java
- Implementamos o método controlarIdade
1 package es.cursoandroid.cifprodolfoucha.aprendiendo.UI.RadioButtons;
2
3 import android.app.Activity;
4 import android.os.Bundle;
5 import android.view.View;
6 import android.widget.EditText;
7
8 import es.cursoandroid.cifprodolfoucha.aprendiendo.R;
9
10 public class UD02_01_RadioButtons extends Activity {
11
12 public void controlarIdade(View view) {
13
14 EditText caixa = (EditText) findViewById(R.id.txtResultado_UD02_01_Radio);
15
16 switch (view.getId()) {
17 case R.id.rbtnMaior18_UD02_01_Radio:
18 caixa.setText("Tes máis de 18 anos");
19 break;
20 case R.id.rbtnMenor18_UD02_01_Radio:
21 caixa.setText("Tes menos de 18 anos");
22 break;
23 }
24 }
25
26
27 @Override
28 protected void onCreate(Bundle savedInstanceState) {
29 super.onCreate(savedInstanceState);
30 setContentView(R.layout.activity_ud02_01__radio_buttons);
31 }
32 }
- Liña 16: Indagamos que cal é o ID da opción na que se fixo click.
-- Ángel D. Fernández González e Carlos Carrión Álvarez -- (2015).