Mi primera App para iOS en Visual Studio Mac - Explicación de los controles que utilizaremos, y diseño de la interfaz en Storyboard
Escrito por: TiraCodigo
Como vimos en el post anterior, estamos desarrollando nuestra primera App para iOS en Visual Studio para Mac, si deseas ver el tutorial completo favor de dar click aquí
En esta parte del tutorial explicaremos la interfaz, para que te vallas acostumbrando y puedas fácilmente identificar los componentes, como veras el entorno es similar pero no igual a Visual Studio de Windows, a continuación los puntos de interesantes
Storyboard: Es el documento donde se define las vistas, en donde en cada una de ellas editaras y asignaras controles y todo lo relacionado con la interfaz
Controller: Cada vista creada en el storyboard creará a su vez una clase controller (de preferencia tenerlo separado), para definición de las funciones y así interactuar con los controles de la vista
Plist: Archivos para la configuración de la aplicación
Referencias: Al igual que cualquier proyecto de Visual Studio, puedes agregar referencias para agregar librerías
Por el momento con lo anterior bastará, si abrimos el archivo LaunchScreen.storyboard, veremos que este tiene creado por default la vista "View Controller", la cual es nuestra única vista por el momento, y de la misma manera en el árbol de archivos del proyecto, podrás ver el archivo "ViewController.cs", que es el controller que utiliza dicha vista (si vienes de haber desarrollado previamente con MVC comprenderás esto fácilmente)
Como podremos ver, del lado derecho tenemos el "Cuadro de herramientas", ahi están todos los controles que tenemos disponibles para utilizarlos en nuestra vista, para utilizarlos solo basta arrastrarlos a la vista del storyboard y listo, por ejemplo en nuestro caso agregaremos tres controles, un label, un button y un text field, empecemos por agregar el label, una vez que lo agregamos en la vista, en la sección de las propiedades podremos agregar el nombre del control y el texto
Ahora realizaremos lo mismo para el botón y el text field, donde los nombraremos como btnClick y txtNombre respectivamente, tendrás algo mas o menos así:
Hasta aqui podemos decir, que tenemos hecha de una manera muy básica la interfaz, mas adelante tocaremos el tema de los constraints
En el siguiente punto del tutorial veremos la parte mas importante, el código, donde veremos como crear la función y darle forma a la aplicación para muestre un mensaje