Uso RadioButtons & CheckBox Android.Xamarin

En esta entrada veremos como usar los controles RadioButtons y Checkbox, como sabrán estos controles nos permiten mostrar al usuario una lista de opciones a elegir, tienen varias aplicaciones, dependiendo del tipo de información que tu App vaya a mostrar al usuario final, comenzamos creando un nuevo proyecto:
Enseguida, quitamos el código que carga por defecto, en nuestro archivo MainActivity.cs, y comenzamos a editar nuestro layout.
Agregamos el siguiente código al Main.axml:
La vista gráfica  del Main.aml seria la siguiente:
Una vez que ya lo tenemos implementado, regresamos a nuestra MainActivity, verificamos que tengamos los siguientes using:
Enseguida declaramos las siguientes variables:
Ahora, creamos la referencia a los controles que se encuentran declarados en nuestro Layout:
Enseguida crearemos los delegados del evento Click:
Enseguida declaramos una variable de tipo RadioButton la cual nos permitirá agregar este elemento a nuestro RadioGroup, declaramos un arreglo con los elementos que queremos se muestren en nuestro radioGroup como RadioButtons, así mismo creamos un delegado para el evento clic del control RadioButton, y una vez hecho lo agregamos a la vista del RadioGroup, es un ciclo de acuerdo al tamaño del array.
El código para los eventos Click seria el siguiente, en el mostramos el estado del control, así como para los elementos del radioGroup cual ha sido seleccionado
Ahora, una vez finalizado, compilamos, y enseguida ejecutamos, la salida seria la siguiente:
Como podemos ver, el CheckBox si programar ha sido seleccionado, pero no pasa nada
Ahora, seleccionamos el primero y nos muestra en el TextView que ha sido seleccionado, así mismo podemos ver que los elementos del array identifican a los radiobuttons del RadioGroup:
Esta seria la ultima vista, vemos que el RadioButton esta seleccionado y el mensaje en el TextView Correspondiente, también vemos un ítem seleccionado del radioGroup y en el TextView mostramos cual ha sido seleccionado:


Esto seria, todo por esta entrada, espero les sirva; Dejen sus comentarios, para códigos y dudas.

Sígueme en Twitter:
https://twitter.com/OsvaldoSan

Consulta las referencias, hay mas información:
http://developer.android.com/guide/topics/ui/controls/radiobutton.html
http://docs.xamarin.com/guides/android/user_interface/form_elements/



Comentarios

Publicar un comentario

Entradas populares de este blog

Entry Show/Hide Password on Xamarin.Forms

Imagen
Hello, in this post i will talk about a way of how to implement a Show/Hide password on Entry control. In our Xamarin.Forms project, we add  a CustomRender for iOS, and  for Android we are using a Effects in order of have a result almost equals. I'm gonna start with the iOS functionality, so I will add a class render: using System ; using Xamarin.Forms ; namespace ShowHidePasswordEntryXF { public class ShowHidePasswordEntry : Entry { public ShowHidePasswordEntry () { } public string EntryText { get ; set ; } } } After that, in the iOS project, i will create the renderer, in which I add a UIButton and add a EventHandler in order to know if the user want to look the password or not: buttonRect . TouchUpInside   +=   ( object   sender ,   EventArgs   e1 )   = >                  {                      if   ( Control . SecureTextEntry )                      {                          Control . SecureTextEntry   =   false ;               
Leer más

Xamarin.Forms Frame

Imagen
Hello, in this post we gonna be look how we can use a Frame in Xamarin.Forms This simple rectangular view sometimes is very usefull for presentation purposes. The first, we add a new Page, called FramePage. in the constructor we add a new View, the Frame View, also we declare some properties, like OutlineColor, and if we want that has Shadow around of the frame:              this . Content   =   new  Xamarin . Forms . Frame   {              // It   has   a   few  properties                 OutlineColor = Color . Blue ,                 HasShadow = true , } So, to avoid that the frame fill all the page, we add the properties to center the frame inside of the page:                 HorizontalOptions = LayoutOptions . CenterAndExpand ,                 VerticalOptions = LayoutOptions . CenterAndExpand , And for last, we add the content of the frame, in this case we add a single Label, Content =   new   Label {                     Text = " This   is
Leer más

Xamarin.Forms Picker

Imagen
In this post, we gonna be see, the Picker Control in Xamarin.Forms The picker is a control that allows select one element from a predetermined list of options. The first thing that we need to do, is create a instance of Picker:             Xamarin . Forms . Picker   picker   =   new  Xamarin . Forms . Picker              {                 Title  =   " Chose   one   country " ,                 VerticalOptions  =   LayoutOptions . CenterAndExpand ,                 BackgroundColor = Color . Aqua              } ; Next, we need to asign the values for our Picker control, and we do it, on the next way:             picker . Items . Add   ( " Canada " ) ;              picker . Items . Add   ( " USA " ) ;              picker . Items . Add   ( " Mexico " ) ;              picker . Items . Add   ( " Brasil " ) ;              picker . Items . Add   ( " Argentina " ) ;              picker . Items . Add   ( &q
Leer más