Hola mundo (parte II)

24 April 2008

(Los fuentes del ejemplo están disponibles en el pie del artículo).

Tras nuestro primer ejemplo de Hola mundo, no podíamos desaprovechar la oportunidad de reproducir el mismo ejemplo, aprovechando las bondades que nos ofrece la herramienta de generación de recursos Interface Builder.

Al igual que hicimos en el anterior ejemplo, nos creamos un proyecto de tipo Cocoa Touch Application. Una vez hayamos cargado nuestro entorno de desarrollo xCode, haremos doble click sobre nuestro fichero de recursos MainWindow.xib, que se encuentra localizado bajo la carpeta de Resources en nuestro árbol de ficheros del proyecto.

Mediante esta acción se ejecutará Interface Builder y nos abrirá los ficheros que componen nuestro archivo de recursos XIB.

Por defecto, nuestro asistente de creación de xCode, al seleccionar un tipo de proyecto Cocoa Touch Application, además de nuestro fichero principal main.m y nuestro fichero delegado holamundo2AppDelegate, nos genera un tercer fichero (realmente dos si contamos con el fichero de cabecera .h y el fichero de implementación .m) para nuestra vista, donde nosotros somos los encargados de darle vida al igual que ya vimos en el ejemplo anterior, en el que mostramos nuestro texto de saludo de "Hola Mundo".

Bien, pues en este caso, evitaremos manejar dicho fichero, hasta el punto de poder eliminarlo de nuestro proyecto si queremos, teniendo en cuenta de eliminar igualmente la declaración del objeto de dicha clase (MyView:UIView) que se encuentra en nuestra clase delegada.

Volviendo al tema de nuestro editor de recursos Interface Builder, tan solo tendremos que modificar el nombre de la clase de nuestra vista de MyView por UIView, ya que delegaremos todo el proceso de pintado a la clase principal UIView y añadiremos a la misma un control de tipo UILabel que se encuentra en nuestra ventana de controles.

  

 

     

 

Para terminar, utilizando nuestra ventana de herramientas, cambiaremos el color de fondo de nuestra vista que por defecto viene en azul y cambiaremos el texto de nuestro control Label para que figure "Hola mundo". Sin necesidad de guardar los cambios, volvemos a nuestro entorno de desarrollo xCode el cual detectará automáticamente los cambios de nuestro fichero XIB y nos pedirá guardarlos, compilamos y ejecutamos nuestro ejemplo.

El mismo resultado que en nuestro ejemplo anterior, terminado en la mitad de tiempo lo podemos resumir en los siguientes pasos:

  • Creación del proyecto de tipo Cocoa Touch Application

  • Modificación de nuestro fichero MainWindow.xib

    • Cambiamos MyView por UIView mediante la ventana de herramientas

    • Añadimos un control de tipo Label (UILabel)




Applicación de ejemplo: holamundo2.zip
Hola mundo (parte II)

Deja un comentario

Escrito por:

Administrador

Sin categoría
xCodeCocoa TouchInterface BuilderUILabelUIViewXIB

Utilizamos cookies propias y de terceros para mantener la sesión o sus preferencias, recopilar estadísticas y proporcionar contenidos conforme a sus intereses. Si continua navegando, utiliza los servicios de la web o pulsa el botón, está aceptando su instalación y el uso que hacemos de ellas. Puede obtener más información sobre como revocar su consentimiento o cómo cambiar la configuración en este enlace.