Hola desarrolladores, voy a empezar con este post una serie de ejercicios para programar en IOS.
Vamos a ir desde 0 a cada vez más complicado, iOS se programa mediante XCode, comenzamos con una View Controller que desde un botón, vaya a otra View Controller y esta segunda, tenga un botón que vuelva a la primera :
NOTA: NO VAMOS A TRATAR NINGUN CONCEPTO DE PROGRAMACIÓN DE OBJETIVE-C EN ESTE EJERCICIO :
EJERCICIO 1. Pasar de una View Controller a otra de forma gráfica.
Abrimos X-Code, new Proyect Single-View-Application
Nos creará 6 archivos :
AppDelegate.h
AppDelegate.m
ViewController.h
ViewController.m
MainStoryboard_iPhone.storyboard
MainStoryboard_iPad.storyboard
Los archivos .h son las cabeceras donde se declaran los atributos de las clases, mientras que los .m son donde se implementa el código. Nosotros pincharemos sobre
MainStoryboard_iPhone.storyboard
MainStoryboard_iPad.storyboard
Estas clases, gestionan las interacciones de la pantalla del dispositivo, nosotros trabajaremos sobre la de iPhone.
Ahora arrastramos en el cuadro de abajo a la derecha en objets, un label a la pantalla principal.Una vez echo esto, seleccionamos el label, y en el panel de la derecha donde aparecen las propiedades de los objetos cambiamos el texto "label" por "Thebestandroide".
En este panel estan todas las propiedades del label, o del objeto que se seleccione. En este caso, podremos subir o bajar el tamaño de la letra, cambiar el color... etc
Volvemos al panel de objetos y cambiamos el target a controls, ahí arrastramos un botón con texto a la interfad.
Modificamos propiedades en el panel de arriba segun nuestros gustos :
Ahora arrastramos un object que se llama View Controller para crear la segunda pantalla.
Para poder insertar elementos en la segunda vista hace falta que clickemos en el cuadro inferior debajo, donde pone "View Controller", seguidamente insertamos un label y otro boton, de tal manera que quede así :
Para fabricar la relación entre el boton de la primera vista y la segunda vista, lo que tenemos que hacer es clickar sobre el botón del primer view controller pulsando la tecla control y arrastrandolo a la segunda vista,de las 3 opciones que nos aparecen, elegir "model".
Le indicaremos al programa que tiene que pasar a la segunda vista clickando en el botón de la primera, y con el boton de la segunda vista, realizar la misma operación hacia la primera vista de tal manera que quede así:
|
Indice
|
Siguiente ejercicio |
0 comentarios:
Publicar un comentario