Introducción

1

Lo que aprenderás sobre el desarrollo de interfaces con iOS

2

Instalacion de Xcode desde 0

Introducción a Xcode

3

Primer Proyecto

4

Navigation Area

5

Editor, Util Area y Tool Bar

6

Targets y Target Tabs

Formas de crear vistas

7

Organizacion de Carpetas

8

Storyboards vs Xibs vs Codigo

9

Splash Screen

10

Completando nuestro Splash Screen

UIView Components

11

TabBar Controller y Mejores Prácticas

12

Storyboard Reference

13

Explicación breve de algunos elementos gráficos

14

Crear nuestra primera interfaz gráfica

15

Diferentes componentes y formas de autolayout

16

Agregando el resto de nuestros componentes usando constraints

Agregando Estilo a UIView Components

17

Agregando un icono a nuestra app

18

Custom colors

19

Agregando iconos a nuestros botones

20

Key paths de redondeo y sombra

21

Custom fonts

22

Scroll view controller

Tipos de vistas y manejo

23

OnBoarding View

24

Container ViewController

25

Container ViewController con código

26

ContainerViews

Adaptación de vistas

27

Tablas

28

Diseño de celdas

Completando nuestras vistas

29

Código para las tablas

30

Tamaños dinamicos para las celdas

31

EmptyState usando código

32

Agregar estilos a nuestro navigation view

33

Agregando estilos a nuestro Tab bar

34

Custom Tab bar button

35

Budget view

36

Iniciando el header de animacion

37

Animación de barra superior en las tablas usando constraints

38

Stats

Conclusiones

39

Reto final

40

Conclusiones

Bonus: Lottie

41

Gestión de dependencias

42

Instalación dependencias con Cocoapods

43

Instalación dependencias con Carthage

44

Cocoapods vs Carthage

45

Crear nuestro lottie file

Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

TabBar Controller y Mejores Prácticas

11/45
Recursos

A nuestras vistas debemos ponerles un TabBar y una barra de navegación:

Para crear el TabBar debemos embeber nuestra en un TabBar, asegurándonos de crear un nuevo ViewController por cada botón que tenga nuestra aplicación. Haciendo esto se nos crean asociaciones entre vistas.

Para la barra de navegación, cada ViewController que creamos al crear el TabBar debe quedar embebida en un Navigation Controller. Al hacer esto, estamos creando muchas vistas dentro de un mismo Storyboard, lo cual no es sostenible y es una mala práctica; para solucionarlo, re-factorizamos las vistas para mandarlas a otro Storyboard.

Reto: Terminar de re-factorizar cada una de las interfaces incluidas en nuestra aplicación.

Nota: Los títulos grandes sólo son soportados de la versión 11 en adelante.

Aportes 6

Preguntas 2

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

Dejó un pequeño shortcut para abrir el inspector de objetos por si a alguien le interesa cmd+shift+L

Estaría saber de antemano que nombres darles a los storyboards a refactorizar.

¡Hola! Estuve revisando los videos y los archivos del curso hasta este punto y observé que apareció el archivo Production.entitlements. ¿Para qué es este archivo?

Story board reference: enlace que conecta 2 story boards

Hola.
¿Se puede enlazar 2 storyboards en una misma vista; ejemplo si el usuario está en sesión se muestra el storyboard profile con los datos del usuario, caso contrario se muestra otro storyboard de inicio de sesión?

Está opción es imperdible, excelente para el trabajo en equipo.