¿Cuál es el primer paso para comenzar a desarrollar aplicaciones de iOS?

Al mirar alrededor de este sitio, se me ocurrió que no había muchos ‘ibles’ en la programación de la plataforma iOS, así que pensé en arreglar ese déficit. Este es un simple “¡Hola, mundo!” aplicación para iPhone (o iPod Touch, o iPad). Esta biblia también servirá para ayudar a otros a familiarizarse con el IDE conocido como Xcode, que es lo que necesita si desea programar para las plataformas iOS.

Paso 1: Obtén Xcode

Si ya tiene Xcode, puede omitir este paso.

Si desea desarrollar aplicaciones para iOS, necesita el SDK, que se proporciona con Xcode. Xcode solo se ejecuta en Mac OS X (sí, Apple lo está haciendo a propósito), por lo que si está ejecutando un sistema operativo Windows (o Linux, o prácticamente cualquier sistema que no sea Mac OS X), tiene un par de opciones:

1. Obtenga una Mac, con mucho la más fácil, pero puede ser bastante costosa.

2. Encuentra un amigo con una Mac, si son agradables, te permitirán usarlo para programar, debes advertirles, sin embargo, que la programación lleva mucho tiempo.

3. Ríndete, esas son tus opciones legales, hay otras opciones que son ilegales o están en el área gris (lo que significa que es discutible si es ilegal o no), así que no las menciono, quieres saber ellos, encuéntralos tú mismo, no seré responsable.

Ahora que está resuelto, en el IDE. Vaya a la tienda de aplicaciones mac (disponible en mac os x 10.6.8 y posterior) y busque Xcode. Es la primera opción, haga clic en ella. Descárguelo, es una descarga larga, ~ 4 Gb, por lo que si tiene una conexión lenta a Internet, puede considerar hacer otra cosa mientras se descarga.

Paso 2: abre Xcode y configura el proyecto

1. Abra Xcode.
2. Vaya a Archivo> Nuevo> Proyecto.
3. Haga clic en Aplicación de vista única y haga clic en siguiente.
4. ¡Llámalo Hello World!
5. Decide si quieres que sea una aplicación para iPhone, una aplicación para iPad o universal (voy a hacer iPhone)
6. Asegúrese de que el uso de guiones gráficos y el uso del conteo automático de referencias estén marcados
7. Haga clic en Siguiente
8. Navegue hasta donde desea guardar el archivo y haga clic en Crear

Paso 3: escribe el código

Hará la programación en el archivo ViewController.m, pero no está de más mirar los otros archivos. El archivo MainStoryboard.Storyboard es la interfaz de usuario, nos ocuparemos de eso más adelante. AppDelegate es lo que se llama en el inicio, en este tutorial, lo dejaremos solo.

Ok, es hora de comenzar a programar.

1. Abra ViewController.h

2. Entre @interface ViewController: UIViewController y @end agregue el siguiente código:
@property (fuerte, no atómica) etiqueta IBOutlet UILabel *;
Esta es la etiqueta que mostrará el texto Hello World. Si apareció un círculo vacío al lado de la línea de código, entonces lo escribió correctamente

3. Vaya a ViewController.m

4. En @implementation ViewController agregue la etiqueta @synthesize; y en la función viewDidUnload agregar [self setLabel: nil];

5. En viewDidLoad, agregue el siguiente código: self.label.text = @ “Hello World!”;

6. Eso completa la programación por ahora

Paso 4: conecta la interfaz de usuario

A continuación nos ocuparemos de la interfaz de usuario.

1. Abra MainStoryboard.Storyboard

2. Busque una etiqueta y arrástrela hacia la vista (si esto suena confuso, consulte la imagen)

3. Cambie el tamaño de la etiqueta a su gusto haciendo clic y arrastrando los cuadrados en las esquinas de la etiqueta

4. Vaya al inspector de atributos (si aún no está allí, consulte la imagen)

5. Asegúrese de que esté centrado y elija la fuente y el tamaño que desee. Me quedaré con la fuente del sistema, pero la escalaré hasta el tamaño 25

6. Abra el Editor Asistente, debería abrir ViewController.h, si no, debe cambiarlo a ViewController.h (nuevamente, consulte la imagen)

7. ¿Recuerdas el círculo del que te hablé antes? Haga clic y arrastre desde allí a la etiqueta que acaba de agregar. Si lo hiciste bien, el círculo debería estar lleno

Paso 5: ejecuta la aplicación

¡Eso es! Presiona el botón Ejecutar y si hiciste todo correctamente, tu aplicación dirá ¡Hola Mundo!
Date una palmadita en la espalda, acabas de escribir tu primera aplicación.

Paso 6: Diviértete agregando cosas mediante programación

Para hacerlo un poco más avanzado, vamos a agregar todo mediante programación.

1. Elimine la etiqueta que agregamos a la interfaz de usuario, así como todo el código que escribimos hasta este momento.

2. Abra ViewController.h y agregue el siguiente código entre @interface ViewController: UIViewController y @end:
@property (fuerte, no atómica) etiqueta UILabel *;
¿Ves cómo no apareció un círculo esta vez? Eso es una indicación de que lo hiciste correctamente

3. En ViewController.m agregue la etiqueta @synthesize; justo debajo de @implementation ViewController y agregue [self setLabel: nil]; en la función viewDidUnload.

4. En la función viewDidLoad, agregue las siguientes líneas de código:
// Definir dónde se mostrará la etiqueta
self.label = [[UILabel alloc] initWithFrame: CGRectMake (0, 0, 320, 100)];
// Definir el texto a mostrar
self.label.text = @ “Hola mundo”;
// Centra el texto
self.label.textAlignment = UITextAlignmentCenter;
// Agrega la etiqueta mediante programación a la vista
[self.view addSubview: self.label];

5. Presione ejecutar y admire su trabajo, ha completado su primera aplicación iOS.

La mejor de las suertes…!!

Gracias A2A

  1. Compra una Macbook
  2. Instalar XCode
  3. Objetivo de aprendizaje -C / Swift
  4. Siga los Tutoriales para iPhone / iOS Desarrolladores y Gamers tutoriales.