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

Agregando estilos a nuestro Tab bar

33/45
Recursos

Anteriormente añadimos estilos a nuestro navigation item y debemos hacer lo mismo con nuestra Tab bar. El Tab bar usa imágenes de un solo color, con el fin de que se cree una tinta que se colocará sobre la imagen para no tener imágenes de varios estados. Así logramos quitarle peso a nuestra aplicación.

Cuando el ícono del Tab bar cambia de estado, el color predeterminado es azul. Para cambiar esto, debemos cambiar el valor del Image Tint por el color que necesitemos.

Reto: Añade el resto de iconos del Tab bar de nuestra aplicación menos el del medio, puesto que éste es un caso especial y deberá ser manejado con código.

Aportes 2

Preguntas 0

Ordenar por:

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

Me perdí en la secuencia del curso, no vi donde se agregaban los estilos del navigation item

al correr la app en un dispositivo que no sea el x el button custom del tab se sube, en el x si se ve bien