Proyecto MVVM en Swift: Buenas Prácticas y Configuración Inicial

Iniciar un proyecto en Xcode clonando un repositorio es una tarea sencilla y efectiva, tanto para desarrolladores experimentados como para quienes se estén aventurando en el mundo del desarrollo de aplicaciones iOS. Siguiendo buenas prácticas y un flujo de trabajo estructurado, podrás estar rápidamente en camino a crear aplicaciones de alta calidad.

Pasos para clonar el repositorio y abrir el proyecto en Xcode

1. Clonar el repositorio: Para empezar, abre una terminal y ejecuta el comando git clone seguido de la URL del repositorio que deseas clonar. Esto descargará todo el contenido del repositorio en tu máquina local.

2. Importar el proyecto en Xcode: Una vez clonado, abre Xcode y selecciona la opción para abrir un proyecto existente. Navega hasta la carpeta del repositorio que acabas de clonar y selecciona el archivo del proyecto.

Archivos esenciales en el proyecto

• ContentView: Este es un archivo clave que contiene el código base para crear una vista en tu aplicación. Aquí, la importancia del conocimiento en SwiftUI es fundamental, te animamos a tomar algún curso, como el que ofrece Platzi, si necesitas fortalecer esta área.

• CursoMVMBaseApp: Es el punto de partida de tu aplicación. Contiene la anotación @main, definiendo el inicio de cualquier aplicación iOS. Hereda de App para estructurar la aplicación y gestionar la interacción entre las vistas, usando ContentView como la primera pantalla que verá el usuario.

¿Qué son y para qué sirven las extensiones comunes (Commons)?

Las extensiones comunes, nombradas aquí como "commons", son componentes reutilizables que agilizan el desarrollo. Estas vistas y estructuras, lejos de requerir código repetitivo, proporcionan funcionalidades que se pueden aplicar en diversas áreas del proyecto.

Ejemplos de extensiones comunes

• Redondeo de esquinas: Se puede utilizar una extensión para establecer curvas redondeadas en diversos elementos como textos, imágenes o botones.

• Transparencia en scroll: Permite que un scroll se vea un poco transparente, mejorando la experiencia visual del usuario.

• Tareas flotantes con ToDoSheets: Crea vistas flotantes útiles para, por ejemplo, agregar pequeñas pantallas donde los usuarios puedan introducir tareas nuevas. Contiene elementos interactivos como cajas de texto y botones para almacenar información.

¿Cómo personalizar entradas de texto y vistas previas?

Personalizar entradas y vistas es clave para mejorar la interface de usuario, así haciendo las aplicaciones visualmente atractivas y funcionales.

Personalización de entradas de texto con ToDoTextInput

En este nivel, puedes crear un Label y un Placeholder que facilitarán al usuario agregar o recibir texto. Esto contribuye a crear un ambiente gráfico cohesivo.

Crear vistas previas con SwiftUI Previews

Para ver cómo se traducen las personalizaciones en tu aplicación, SwiftUI ofrece la funcionalidad de crear un Preview.

Ejemplo de creación de una vista previa:

import SwiftUI

struct ContentView: View {
    var body: some View {
        VStack {
            Text("Hola Platzi")
                .padding()
                .background(Color.green)
                .clipShape(ToDoRoundCorner(radius: 30, corners: .allCorners))
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

Explorando ToDoRoundCorner

Esta estructura es usada directamente para darle forma a las vistas, determinando el radio de las esquinas personalizadas, una ventaja visual significativa para destacar el diseño de tu app.

Animamos a que sigan explorando estas funcionalidades y a que realicen pruebas viendo las vistas previas, así podrán observar cómo los cambios afectan la estética de la aplicación. ¡Continúa aprendiendo y mejorando en el desarrollo de aplicaciones iOS!