Creando las columnas del rompecabezas

Clase 34 de 40 • Curso de Swift 2017

Resumen

Reto: Ahora que ya sabes como se puede crear la cuadricula en las columnas, ahora tu complementa la función para que se creen los labels en forma vertical. Ponle pausa a la clase y cuando hayas terminado vuelve para ver como debía quedar.

Recuerda que el repositorio del curso esta en: https://github.com/xdartxvictor/Swift-Playground-Prototype

Jonathan Macalupu Reyes

student•

Sólo moví una línea de código y cree un nuevo for:

override func viewDidLoad() {
        super.viewDidLoad()
        
        let boardWidth = Int(self.board.frame.width)
        self.tileWidth = boardWidth / 4
        
        self.tileCenterY = self.tileWidth / 2
        
        for _ in 0..<4 {
            self.tileCenterX = self.tileWidth / 2
            
            for _ in 0..<4 {
                let tileFrame : CGRect = CGRect(x: 0, y: 0, width: self.tileWidth - 2 , height: self.tileWidth - 2)
                let tile : UILabel = UILabel(frame: tileFrame)
                
                tile.center = CGPoint(x: self.tileCenterX, y: self.tileCenterY)
                
                tile.backgroundColor = UIColor.red
                self.board.addSubview(tile)
                self.tileCenterX = self.tileCenterX + self.tileWidth
            }
            
            self.tileCenterY = self.tileCenterY + self.tileWidth
            
        }

        

    }

Juan Francisco Mosquera

student•

amigo , como puedes con extensiones , hacer que el color se cree aleatoriamente ? ,
agrego las extensiones en el scope del controller , pero me genera error .

extension CGFloat {
    static var random: CGFloat {
        return CGFloat(arc4random()) / CGFloat(UInt32.max)
    }
}

extension UIColor {
    static var random: UIColor {
        return UIColor(red: .random, green: .random, blue: .random, alpha: 1.0)
    }
}

Victor Aliaga

student•

las extensiones no puede ir dentro el ViewController, tienen que ir fuera asi:

extension CGFloat {
    static var random: CGFloat {
        return CGFloat(arc4random()) / CGFloat(UInt32.max)
    }
}

extension UIColor {
    static var random: UIColor {
        return UIColor(red: .random, green: .random, blue: .random, alpha: 1.0)
    }
}

class ViewController: UIViewController {

Juan Francisco Mosquera

student•

amigo mil gracias .

Eric Eduardo Manzano Leal

student•

como hago set al alto de mi Board?

David Barreto

student•

Ya va tomando forma el proyecto:

Juan Francisco Mosquera

student•

No entiendo porque utilizas NSMutableArray , porque no utilizas un areglo normal , con elementos de tipo Uilabel ?

Luis Gonzalez Gonzalez Avila

student•

Porque a un arreglo normal una vez que le asignas elementos no podes modificarlos, y en este caso se tiene que ir agragando los elementos uno por uno

Osmar Efraín Chávez Alfaro

student•

la diferencia entre let y var?

Eric Eduardo Manzano Leal

student•

cuando usas “lef”, defines una constante, quiere decir que el valor que le asignes nunca cambiara durante el flujo del programa, por ejemplo el valor de PI

let PI : Double = 3.1416

cuando usas “var” puedes asignar n veces nuevamente su valor

override func viewDidLoad() {
        super.viewDidLoad()
        
        let boardWidth = Int(self.board.frame.width)
        self.tileWidth = boardWidth / 4
        
        self.tileCenterY = self.tileWidth / 2
        
        for _ in 0..<4 {
            self.tileCenterX = self.tileWidth / 2
            
            for _ in 0..<4 {
                let tileFrame : CGRect = CGRect(x: 0, y: 0, width: self.tileWidth - 2 , height: self.tileWidth - 2)
                let tile : UILabel = UILabel(frame: tileFrame)
                
                tile.center = CGPoint(x: self.tileCenterX, y: self.tileCenterY)
                
                tile.backgroundColor = UIColor.red
                self.board.addSubview(tile)
                self.tileCenterX = self.tileCenterX + self.tileWidth
            }
            
            self.tileCenterY = self.tileCenterY + self.tileWidth
            
        }

        

    }

extension CGFloat {
    static var random: CGFloat {
        return CGFloat(arc4random()) / CGFloat(UInt32.max)
    }
}

extension UIColor {
    static var random: UIColor {
        return UIColor(red: .random, green: .random, blue: .random, alpha: 1.0)
    }
}

extension CGFloat {
    static var random: CGFloat {
        return CGFloat(arc4random()) / CGFloat(UInt32.max)
    }
}

extension UIColor {
    static var random: UIColor {
        return UIColor(red: .random, green: .random, blue: .random, alpha: 1.0)
    }
}

class ViewController: UIViewController {

Creando las columnas del rompecabezas

¡Espera pronto la actualización de este curso!

¡Nos estamos renovando!

Pre lanzamiento del curso

Nuevo Curso de Swift en Platzi

Introducción al Curso de Swift

Swift playgrounds

Conceptos básicos del lenguaje de Swift

Variables y constantes en Swift

Estructuras de control: if - else en Swift

Estructuras de control: while en Swift

Estructuras de control: for en Swift

Estructuras de control: switch en Swift

Colecciones: arrays en Swift

Colecciones: diccionarios en Swift

Colecciones: sets en Swift

Opcionales y Strings: Introducción, unwrapping and binding

Opcionales y Strings: Strings en Swift

Funciones en Swift

Introducción a las funciones en Swift

Function types en Swift

Introducción y ejemplos de closures

Ejemplo de implementación de closures en Swift

Clases y estructuras en Swift

Enum en Swift

Clases y objetos en Swift

Estructuras en Swift

Herencia en Swift

Polimorfismo en Swift

Extensiones y protocolos en Swift

Extensiones en Swift

Introducción a los protocolos en Swift

Protocol types

Protocol extensions

Genéricos y manejo de errores en Swift

Introducción a los genéricos

Tipos de genéricos

Control de acceso

Manejo de errores

Proyecto del Curso de Swift

Proyecto Platzzel: Un rompecabezas en Swift utilizando Xcode

Implementación del rompecabezas

Creando las filas del rompecabezas con 'for'

Creando las columnas del rompecabezas

Mezclando los tiles

Agregar un botón y capturar el evento touch

Hacer la lógica del juego

Reemplazar textos por imágenes y hacer la animación para el movimiento

Conclusiones del curso

Sesiones en vivo

Lanzamiento del curso