Storyboards

Clase 11 de 34 • Curso de programación para iOS con Swift

Clase anteriorSiguiente clase

Kevin Morales

student•

Los storyboards son archivos que nos van a ayudar a realizar interfaz gráfica de manera muy rápida y muy visual

Jorge Gomez

student•

Que versión de swift es el curso ? Gracias.

Juan Gerardo Matute

student•

SWIFT 3

Fernando Daniel Caballero Lópe

student•

Tengo un problema, al abrir el emulador en la parte donde ya inserte los botones; se sale rápidamente, y no me deja apretar los botones

Alejandro Kentaro Cerff Tejerina

student•

Te da algun error la consola si puedes aportar con una captura de pantalla, puedo ayudarte:D

Antonio Escallón

student•

Eso es porque estás editando el LauchScreen.storyboard en lugar del Main.storyboard

Geordano Polanco Rodríguez

student•

La imagen se queda en todo el medio de las lopciones, 😕

Jair Israel Avilés Eusebio

student•

¿Como es que consigio mover el action de la parte superior a la parte inferior del código del ViewController?

Alexis Labrador

student•

Buenas tardes, les coloco mi “ViewController.swift” con la sugerencia que al final se hace de colocar 3 botones adicionales para cambiar el tamaño de fuente de 10, 15 y 20.

//
//  ViewController.swift
//  Platzigram
//
//  Created by Alexis on 23/7/17.
//  Copyright © 2017 alexisnlh. All rights reserved.
//

import UIKit

class ViewController: UIViewController {
    
    @IBOutlet weak var etiquetaHolaMundo: UILabel!
    
    @IBOutlet weak var blueButton: UIButton!
    @IBOutlet weak var redButton: UIButton!
    @IBOutlet weak var greenButton: UIButton!

    @IBOutlet weak var sizeX10: UIButton!
    @IBOutlet weak var sizeX15: UIButton!
    @IBOutlet weak var sizeX20: UIButton!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
    
    @IBAction func botonPresionado(_ sender: UIButton) {
        if (sender.isEqual(blueButton)){
            self.etiquetaHolaMundo.textColor = UIColor.blue
        }
        else if (sender.isEqual(redButton)){
            self.etiquetaHolaMundo.textColor = UIColor.red
        }
        else if (sender.isEqual(greenButton)){
            self.etiquetaHolaMundo.textColor = UIColor.green
        }
        else if (sender.isEqual(sizeX10)){
            self.etiquetaHolaMundo.font = UIFont.systemFont(ofSize: 10.0)
        }
        else if (sender.isEqual(sizeX15)){
            self.etiquetaHolaMundo.font = UIFont.systemFont(ofSize: 15.0)
        }
        else if (sender.isEqual(sizeX20)){
            self.etiquetaHolaMundo.font = UIFont.systemFont(ofSize: 20.0)
        }
    }
}

Gerardo Ramones

student•

Este es mi ejemplo del ejercicio propuesto:

@IBOutlet weak var _10Button: UIButton!
@IBOutlet weak var _20Button: UIButton!
@IBOutlet weak var _30Button: UIButton!

@IBAction func cambioTamanoTitulo(_ sender: UIButton) {
        if (sender.isEqual(_10Button)) {
            self.etiquetaHolaMundo.font = self.etiquetaHolaMundo.font.withSize(10)
        } else if (sender.isEqual(_20Button)) {
            self.etiquetaHolaMundo.font = self.etiquetaHolaMundo.font.withSize(20)
        } else if (sender.isEqual(_30Button)) {
            self.etiquetaHolaMundo.font = self.etiquetaHolaMundo.font.withSize(30)
        }
    }

//
//  ViewController.swift
//  Platzigram
//
//  Created by Alexis on 23/7/17.
//  Copyright © 2017 alexisnlh. All rights reserved.
//

import UIKit

class ViewController: UIViewController {
    
    @IBOutlet weak var etiquetaHolaMundo: UILabel!
    
    @IBOutlet weak var blueButton: UIButton!
    @IBOutlet weak var redButton: UIButton!
    @IBOutlet weak var greenButton: UIButton!

    @IBOutlet weak var sizeX10: UIButton!
    @IBOutlet weak var sizeX15: UIButton!
    @IBOutlet weak var sizeX20: UIButton!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
    
    @IBAction func botonPresionado(_ sender: UIButton) {
        if (sender.isEqual(blueButton)){
            self.etiquetaHolaMundo.textColor = UIColor.blue
        }
        else if (sender.isEqual(redButton)){
            self.etiquetaHolaMundo.textColor = UIColor.red
        }
        else if (sender.isEqual(greenButton)){
            self.etiquetaHolaMundo.textColor = UIColor.green
        }
        else if (sender.isEqual(sizeX10)){
            self.etiquetaHolaMundo.font = UIFont.systemFont(ofSize: 10.0)
        }
        else if (sender.isEqual(sizeX15)){
            self.etiquetaHolaMundo.font = UIFont.systemFont(ofSize: 15.0)
        }
        else if (sender.isEqual(sizeX20)){
            self.etiquetaHolaMundo.font = UIFont.systemFont(ofSize: 20.0)
        }
    }
}

@IBOutlet weak var _10Button: UIButton!
@IBOutlet weak var _20Button: UIButton!
@IBOutlet weak var _30Button: UIButton!

@IBAction func cambioTamanoTitulo(_ sender: UIButton) {
        if (sender.isEqual(_10Button)) {
            self.etiquetaHolaMundo.font = self.etiquetaHolaMundo.font.withSize(10)
        } else if (sender.isEqual(_20Button)) {
            self.etiquetaHolaMundo.font = self.etiquetaHolaMundo.font.withSize(20)
        } else if (sender.isEqual(_30Button)) {
            self.etiquetaHolaMundo.font = self.etiquetaHolaMundo.font.withSize(30)
        }
    }

Storyboards

Bienvenido al curso

Actualizaremos este curso pronto

Bienvenido al curso de programación para iOS con Swift 3.0

Swift 3.0 y sus diferencias con la versión anterior

Swift, el lenguaje de programación de Apple

Datos básicos y tuplas

Colecciones

Sets

Diccionarios

Sentencias de control

Optionals

Creación de vistas de la aplicación y Controllers

Arquitectura de una aplicación en iOS

Storyboards

UITableView de forma simple

Programatic Views

Vista de Login

UITabBarController

UINavigationController

Multiple View Controller

ScrollViews

UITableView

UICollectionView

Acceso a Hardware

Acceso a la cámara y UIImagePicker

MapKit

CoreLocation

Animaciones y vistas avanzadas

UIView

Core Animation

Diseño para varios dispositivos con AutoLayout

Autolayout desde código

Conexión a servicios de terceros

Añadir dependencias de terceros

Consumo de un Web Service con Urlsession

Convirtiendo nuestros datos en Objetos

Consumo de un Web Service: Alamofire

Login social con Facebook

Pasar datos entre vistas

Publicación

Publicación en el AppStore