Para activar aspect ratio: Colocar el cursor encima de la imagen y presionar el botón control, arrastrar en la misma imagen y aparece un menú, seleccionar la opción Aspect Ratio
¿Para qué sirve aspect ratio?: Para conservar la misma escala de tamaño vertical y horizontal sin importar el tamaño que tenga la imagen
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
Completando nuestro Splash Screen
10/45Recursos
Dependiendo del dispositivo, tenemos un conflicto de tamaños con las imágenes. Para solucionar este problema:
Le decimos a nuestra imagen que conserve su ancho y alto fijo pero en aspect ratio; ya que el ancho es el que nos está causando problemas, dejamos el valor de constante predefinida pero especificando que sea igual o menor el tamaño final. Finalmente le decimos que siempre conserve un margen del valor que decidamos.
Aportes 9
Preguntas 1
Ordenar por:
Me desespera un poco este curso.
-
En primera, está desactualizado y uno tiene que buscar la nueva interfaz para hacer las cosas. No es que sea rocket science, pero desacelera el proceso de aprendizaje.
-
Siento que falta explicar cómo hace cosas que parecen intuitivas pero no lo son tanto y uno pierde eficiencia por buscar uno mismo dónde darle click o andar poniendo pausa cada 2 segundos para ver que sucedió en la interfaz mientras él explicaba. Sería más eficiente si dejar cosas como “Mediante este botón se hace eso, ya que este botón sirve para hacer tal cosa y tiene tales propiedaes” en lugar de sólo decir “Y borramos la altura”.
Tan solo van 10 clases y ya estoy inmensamente estresado. El profesor se ve que sabe mucho pero infortunadamente no sabe enseñar. Hace cosas asumiendo que todos sabemos lo que está haciendo así que uno pierde demasiado tiempo tratando de averiguar cómo carajos fue que hizo lo que hizo.
Se entiende que el curso esté desactualizado, es normal, pero no que un profesor no enseñe de manera correcta.
Para los que son despistados como yo: El alto lo borra haciendo click en la linea azul que aparece al lado del ImageView y presionando delete
No entiendo como elimina el alto, solo lo toca y desaparece, yo le doy delete en mi mac, pero borra ancho también
Al agregar el espacio a los lados de 40px se llena de errores las reglas 😕
No borre nada y funciono
Tengo un problema. Xcode me muestra algunas advertencias y la imagen aparece con bordes rojos.
alguien sabe como solucionarlo?
Saludos y gracias de antemano
Fue una buena decision de constraints, sobre todo eliminar el alto una vez que se aplico el ratio. Lo que no sé aun es: basado en que se asignaron los 40 de cada lado? Supongo que fue una decision meramente empirica, cierto?
¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.