Este debería ser el video número 1 de la sección 4. UIView Components 😕
Introducción
Lo que aprenderás sobre el desarrollo de interfaces con iOS
Instalacion de Xcode desde 0
Introducción a Xcode
Primer Proyecto
Navigation Area
Editor, Util Area y Tool Bar
Targets y Target Tabs
Formas de crear vistas
Organizacion de Carpetas
Storyboards vs Xibs vs Codigo
Splash Screen
Completando nuestro Splash Screen
UIView Components
TabBar Controller y Mejores Prácticas
Storyboard Reference
Explicación breve de algunos elementos gráficos
Crear nuestra primera interfaz gráfica
Diferentes componentes y formas de autolayout
Agregando el resto de nuestros componentes usando constraints
Agregando Estilo a UIView Components
Agregando un icono a nuestra app
Custom colors
Agregando iconos a nuestros botones
Key paths de redondeo y sombra
Custom fonts
Scroll view controller
Tipos de vistas y manejo
OnBoarding View
Container ViewController
Container ViewController con código
ContainerViews
Adaptación de vistas
Tablas
Diseño de celdas
Completando nuestras vistas
Código para las tablas
Tamaños dinamicos para las celdas
EmptyState usando código
Agregar estilos a nuestro navigation view
Agregando estilos a nuestro Tab bar
Custom Tab bar button
Budget view
Iniciando el header de animacion
Animación de barra superior en las tablas usando constraints
Stats
Conclusiones
Reto final
Conclusiones
Bonus: Lottie
Gestión de dependencias
Instalación dependencias con Cocoapods
Instalación dependencias con Carthage
Cocoapods vs Carthage
Crear nuestro lottie file
Aún no tienes acceso a esta clase
Crea una cuenta y continúa viendo este curso
Crear cuenta
Si ya tienes una cuenta,
Iniciar sesión
Explicación breve de algunos elementos gráficos
13/45Recursos
Elementos gráficos que tenemos a nuestra disposición:
- View Controller: Una interfaz gráfica completa.
- Storyboard Reference: Enlaza dos storyboards en cualquier momento.
- Navigation Controller: Por defecto ya tiene barra de navegación, título y una tabla.
- Table View Controller: Contiene una tabla embebida que no se puede ampliar o modificar. Sirve mucho para tener tablas estáticas sin tocar código.
- Collection Views: Similar a lo que usa Instagram con las fotos.
- Split View Controller: Funciona para tener dos vistas en una misma página.
- GLKit View Controller: Elementos visuales en 3D.
- AVKit Player View Controller: Controlador de reproductor de video.
- Label: Nos permite mostrar información.
- Button: Puedes clickearlo y ejecutar una acción.
- Segmented Control: Si tenemos dos fuentes de datos diferentes, cambia dependiendo de los segmentos seleccionados.
- Text: Textos para escribir.
- Slider: Sirve para aumentar rangos.
- Switch: Son botones para activar o desactivar funciones.
- Activity Indicator: Sirve para indicar que estamos haciendo un request y que se debe esperar.
- Progress bar: Nos indica que estamos cargando algo.
- Page Control: Sirve para hacer swipe entre varias vistas.
- Stepper: Sirve para aumentar o disminuir valores. Tiene límites superiores e inferiores.
- Stack views: Son vistas vacías dentro de los cuales podemos meter elementos. Podemos organizar los elementos y sus proporciones, alineaciones, entre otros.
- Tables: Podemos hacer scroll y ver información de las celdas.
XCode tiene muchísimas otras opciones gráficas que puedes explorar.
Aportes 4
Preguntas 2
Ordenar por:
Que no es mas fácil crear un @IBDesignable y ya fin
Hay alguna forma de usar el split view controller en iPhone? La opción sigue apareciendo aun cuando en la configuración se especificó que el desarrollo será solo para iPhone y no iPad.
que buena forma de explicar como va cada object!
¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.