El formato XIB

Share

Tweet

Follow @phonesoftware

Antes de pasar al segundo ejemplo de nuestro Hola Mundo (parte II) es importante conocer y tener un primer acercamiento con nuestro formato de recursos.

Con la llegada de la versión de xCode para Leopard, se introdujo un nuevo formato para generar nuestra interfaz gráfica, y que sustituirían al anterior formato NIB. En concreto es la herramienta de xCode llamada Interface Builder la responsable de manejar dichos ficheros XIB. Aunque vino para sustituir a su anterior formato, nada tienen que ver hoy en día ambos formatos, ya que un fichero XIB ya no es un paquete (el cual contenía dentro de una carpeta la declaración de los elementos de interfaz de la aplicación en desarrollo, las relaciones entre los mismos, así como las instancias de las clases declaradas en Interface Builder) sino un fichero de información con estructura XML.

Aunque en el siguiente artículo que ya hemos comentado al comienzo de este post veremos como interactuan interfaz de recursos con nuestro código fuente, es conveniente conocer previamente la herramienta Interface Builder para la generación de nuestros ficheros XIB.

En la creación de nuestros proyectos, por defecto se incluye un fichero XIB vacío, para trabajar con él. Haciendo doble click sobre dicho elemento en nuestro árbol de ficheros de xCode accedemos a Interface Builder.

Dividimos Interface Builder (bajo nuestro criterio) en cuatro apartados bien diferenciados:

• Visor de proyectos. El cual nos permite ver todos los controles insertados en nuestra ventana de interfaz de usuario.
• Visor de objetos. A modo de editor visual nos facilita la colocación e inserción de cualquier control en nuestra ventana o vista.
• Ventana de herramientas. Herramientas como atributos, conexiones, tamaños, etc, nos permiten configurar nuestros controles.
• Ventana de librería. Colección de todos los controles disponibles para insertar, agrupados y con una pequeña explicación del uso de cada uno. 

Otro aspecto importante es la diferenciación entre los distintos tipos de trabajo con el visor de objetos, que podemos optar por el modo ventana (como ventana principal de nuestra aplicación) o vista (como vistas de tipo UIViewController que componen nuestra aplicación). Haciendo doble click en cada una de ellas desde nuestro visor de proyectos podemos verlas y trabajar con ellas.

Habiendo visto este pequeño repaso de la herramienta Interface Builder y de sus ficheros XIB, nos preparamos para el siguiente proyecto donde repetiremos de nuevo un clásico Hola Mundo, y del cual desecharemos parte del código que nos genera el asistente de creación de proyectos de xCode para sustituirlo por parte de trabajo con Interface Builder.