Hola, Apple
Hablemos de iOS
Conozcamos XCode
¿Necesito un iPhone para ser iOS Developer?
Tu primera app en iOS
¡Hola, Mundo Apple!
Navegación con UINavigationController
Modales en la navegación
Utilizando controles en código
Autolayout vs SwiftUI
Autolayout
Listas con UITableView
Celdas personalizadas para nuestras listas.
Persistencia: UserDefaults
Manejo de dependencias
CocoaPods
Carthage
Servicios Web
Primeros pasos para consumir servicios
Afinando detalles para consumir servicios
Convirtiendo los JSON a modelos
Alamofire
Proyecto: PlatziTweets
Bienvenido a PlatziTweets
Configurando Proyecto
Diseñando vistas iniciales
Configuración de vistas iniciales
Configuración de registro
Descripción de la API de PlatziTweets
Conexión de la API y Autenticación
Registro de usuarios
Diseño del Tweet
Obteniendo Tweets
Creación de vista para publicar Tweets
Publicando Tweets
Borrando Tweets
Integración de la cámara
Conexión con Firebase
Configuración de XCode para correr app
Subir imagen a Firebase
Publicar Tweet con imagen
Tomando Videos para el Tweet
Publicar Tweet con video
Detalles del video
Accediendo al GPS
Implementando mapas con MapsKit
Mostrando todos los estudiantes en el mapa
Retos del proyecto
En producción
Enviar a pruebas con Firebase Distribution
Enviar tu aplicación a APP Store Connect
Distribución de tu app con TestFlight
iOS Avanzado
Dark Mode
SwiftUI
Terminando detalles de una vista con SwiftUI
Objective-C
Hola, iOS Developer
Felicidades
Expert Session: ¡nuevo espacio para resolver tus dudas sobre el desarrollo de Apps para iOS!
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Para cualquier desarrollador iOS, el diseño de la pantalla de inicio es una oportunidad para dar vida a una aplicación, convirtiéndose en un escaparate para su funcionalidad. En esta etapa, se explora el flujo del home de nuestra app, comenzando con la vinculación del storyboard a un view controller específico para gestionar esta pantalla.
El uso eficaz de tablas es crucial para la visualización de listas de datos en una aplicación. Aquí se detalla cómo estructurarlas:
Diseñar celdas personalizadas es esencial para una UI atractiva y funcional:
Crear una nueva clase para la celda: Usa Cocoa Touch Class y selecciona la plantilla de UITableViewCell
. Ejemplo de cómo se vería:
class TweetTableViewCell: UITableViewCell {
// Propiedades y métodos
}
Añadir elementos visuales: Agrega un stack view vertical dentro del cual puedes insertar labels, imágenes y botones.
Configurar los elementos:
UIImageView
para representar imágenes del post.Para darle funcionalidad a los elementos visuales, se crean conexiones en el código:
@IBOutlet weak var nameLabel: UILabel!
@IBOutlet weak var nicknameLabel: UILabel!
@IBOutlet weak var messageLabel: UILabel!
@IBOutlet weak var tweetImageView: UIImageView!
@IBOutlet weak var videoButton: UIButton!
@IBOutlet weak var dateLabel: UILabel!
Estos outlets luego permiten manipular cada elemento visual desde el código.
La configuración dinámica de cada celda se logra enlazándola a los datos de una entidad:
Método de configuración:
func setupCell(with post: Post) {
nameLabel.text = post.author.name
nicknameLabel.text = post.author.nickname
messageLabel.text = post.text
// Configurar imagen
}
Manejo de imágenes: Si el post incluye una imagen, usa Kingfisher para cargarla desde una URL. Si no, oculta el UIImageView
para evitar espacios vacíos.
if post.hasImage {
tweetImageView.kf.setImage(with: URL(string: post.imageURL))
} else {
tweetImageView.isHidden = true
}
Para hacer que tu aplicación destaque y refleje tu estilo personal:
El diseño de interfaces en iOS es un proceso intuitivo gracias a herramientas como Xcode y el uso del storyboard. Imagina, crea y permite que tu aplicación cuente una historia visualmente cautivadora. Con cada iteración, irás perfeccionando tu habilidad y desarrollando aplicaciones excepcionales. ¡Sigue adelante, tu travesía en el desarrollo iOS apenas comienza!
Aportes 9
Preguntas 1
He intentado crear un diseño como el de Twitter basándome en la imagen que hay a continuación y me ha sido totalmente imposible.
He intentado crear un vertical stack dentro de un horizontal stack (para la imagen) y no lo conseguí.
He intentado crear una imagen y un vertical stack a su dcha y no lo conseguí.
He intentado crear dos views uno a la dcha y otro a la izq y no lo conseguí.
¿Alguien que se atreva a diseñar un Tweet como el de Twitter y nos comparta el código?
Yo hice esto. Me gustó el resultado y creo que sí se parece mucho a una celda de Twitter

Pero, aunque en el el storyboard si se aplica ese margen en el dispositivo no se aplica. Dejo por aquí unas imágenes.
Creo que Platzi debería hacer un curso intensivo para desarrollo de interfaces iOS en xCode.
Mi tweet
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?