Auto Complete TextView Xamarin.Android

El elemento autocomplete textview lo podemos hacer para facilitar la entrada de datos, mismos que ya conocemos para con ello facilitar las tareas del usuario. 
Para ello, primero crearemos un nuevo proyecto:
Una vez creado nuestro proyecto, nos vamos a la carpeta layout que se encuentra dentro de Resources, y abrimos el archivo Main.axml con el editor layout:
Agregamos dos componentes:
Una vez agregados nuestra interfaz grafica sera la siguiente:
 El codigo axml del layout es el siguiente:
Ahora utilizaremos un archivo xml auxiliar el cual nos servira para que se muestren la lista de los estados que mostraremos en el autocomplete textview, para ello hacemos lo siguiente:


Nos aparecera la siguiente ventana, escribimos el nombre y damos clic en New:
Agregamos el siguiente codigo a list_item.xml, en el configuramos los colores de fondo, asi como del texto que se mostraran en nuestro elemento autocomplete:

Ahora lo siguiente sera, borrar los elementos que no necesitaremos en nuestra MainActivity.cs, nos debera quedar algo asi:
Lo primero que agregaremos de codigo sera un arreglo estatico con los estados:
El siguiente paso es hacer referencia a nuestro elementos de la interfaz gráfica, como podran observar en la primera linea referenciamos al autocomplete que hemos agregado en nuestro Main.axml; En la siguiente linea utilizamos un adaptador para hacer referencia a nuestro archivo xml y pasarle el arreglo con los estados que hemos declarado previamente.
Y en la ultima linea le pasamos en la propiedad Adapter el adaptador que hemos declarado:
textView.Adapter = adapter;
Lo siguiente sera verificar que no tengamos errores:
Si todo sale bien, ahora verificamos que nuestro emulador este ejecutandose, o bien si sera debugueado en un dispositivo sera mas sencillo:
Lo siguiente es ejecutar el proyecto nos mostrara algo semejante:
Tecleamos el nombre de cualquier estado y aparecerá el autocompletado

Este componente lo podemos usar con datos dinamicos tambien, seria todo por esta entrada.

Gracias.

Cualquier duda:
Sígueme en twitter:



Referencias:
http://androidapi.xamarin.com/?link=T%3aAndroid.Widget.AutoCompleteTextView






:






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