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

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Container ViewController

24/45
Recursos

Para el Onboarding ya tenemos la parte de la vista, sin embargo para su funcionalidad debemos hacer algo un poco distinto.

Vamos crear un nuevo View Controller que será nuestro punto de partida; incluiremos un Page View Controller (que es un controller especial puesto que no podemos añadir componentes en él).
Para solucionar el hecho de que el Page View Controller no acepta contenido, al View Controller que creamos le añadimos un Container View que estará sobre toda la vista; luego de esto haremos una relación embebida entre el View Controller y el Page View Controller.

A este nuevo View Controller le añadimos los botones de funcionalidad que nos hacen falta en nuestro Onboarding. Finalmente usaremos código para hacer funcionar todo.

Aportes 8

Preguntas 0

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Regístrate o inicia sesión para participar.

Complementando un poco la descripción de lo que realiza el código, el método prepare se invoca por defecto justo antes de que se realice la transición de un view controller a otro (en este caso del OnboardingContainerViewController al PageViewController); el “segue”, que básicamente representa la transición en sí, tiene tres atributos: source, que es el view controller desde el que se efectúa la transición; destination, que es el view controller de destino; identifier, que es un string que identifica la transición en particular. De acuerdo con lo anterior, lo que realiza el código es que justo antes de efectuar la transición verifica que se esté efectuando la transición deseada (comparando el identifier) y posteriormente le pasa al atributo pageControl del view controller actual al PageViewController.

Un poco confusa la clase, una vez más no se aprecia bien el código por el alto zoom que tiene

Muy confusa la clase!!

Cuando la clase contiene código, realmente se hace demasiado confuso que es lo que está haciendo.

Siento que debió haber usado la pantalla completa ya que el simulador no lo uso.

Ya me estaba empezando a asustar jaja, es mejor con código que por el XIB , y es mucho mejor al momento de entrar en el ámbito laboral, porque una empresa que te quiera reclutar nunca o casi nunca van a la barra de herramientas , sino que van a ver tu código

no entendí nada profe

Excelente clase!