Aprende a programar para iOS: Usando un PickerView

Por Álvaro, el 13 enero, 2012

en Curso de programación iOS, Trucos y Tutoriales

Comentarios 2

Os traemos otra entrega de nuestro curso de programación para iOS. Esta vez enseñaremos cómo usar un PickerView y cómo cargarle una base de datos. Para ello, primero explicaremos por encima el proceso, y después os dejaremos con el vídeo y el código fuente del proyecto que hemos hecho.

En primer lugar, ¿qué es un PickerView? Es una pregunta que os habréis realizado muchos. Un PickerView es la típica ruleta que nos aparece generalmente en la parte inferior de la pantalla con múltiples opciones a elegir. Lo normal es que cada celda lleve consigo una acción, que se ejecuta al seleccionarla. En esta entrega de nuestro curso de programación aprenderemos cómo crear un PickerView y una base de datos, la cual cargaremos en él para asignarle un nombre a cada una de sus celdas. Además, aprenderemos a asignarle acciones a sus celdas, las cuales se ejecutarán al seleccionar su celda correspondiente.

Pero, ¿qué es eso de una base de datos? En programación, hay unas especie de bases de datos o contenedores de valores llamados array. Cuando declaramos un array, al principio está vacío. Por eso tenemos que cargarle valores, los cuales volcaremos en el PickerView o cualquier otro elemento gráfico para asignarle dichos valores a sus celdas (en inglés rows). Para cargarle datos o valores a un array, primero debemos declararlo en el archivo de cabecera (.h).

NSMutableArray *array;

En este caso no haría falta crear la propiedad y posteriormente sintetizarla, con la declaración bastaría. NSMutableArray es el la propiedad array en el lenguaje Objective-C. Si habéis estudiado otros lenguajes como JavaScript o C++, la propiedad es array, sin más. Ahora vamos a proceder a cargarle datos. Para ello, deberemos ir a nuestro archivo de implementación (.m) y buscar la función viewDidLoad, que recordemos que eran la que nos permitía cargar una serie de acciones o métodos automáticamente al inicializar la vista. Una vez encontrado, tenemos que poner lo siguiente: (más…)