Mezclando los tiles

Clase 35 de 40 • Curso de Swift 2017

Resumen

Cómo te fue con el reto? cuéntanos en los comentarios.

Ahora vamos a modificar la función makeTiles() para que los tiles aparezcan de forma aleatoria.

David Barreto

student•

La ventana del profesor bloquea la vista del código que esta explicando en el minuto 12:16

Bernardo lopez

student•

Se agregaria as! CGPoint

Felipe Donoso

student•

Estimados:

Me apareció el siguiente error:

Estuve googleando y vi que al parecer como que el View “Board” no estuviera conectado o algo así.

Volvi a conectar el view al controller pero me sigue apareciendo el error, también realice un clean and build folder del proyecto.

Lo tro lo estoy ejecutando en el iphone 8 plus fisico no virtual. Con el Xcode versión Version 10.0 (10A255), ya que me lo exigía para poder correr las app en mi celular.

Saludos y cualquier ayuda se agradece.

Andres Silva

teacher•

Felipe el problema es que cuando estas creando los Label aun estas usando la clase UILabel, deberias hacerlo ya directamente con CustomLabel, en ese orden de ideas deberias crear un codigo como este:

class CustomLabel: UILabel {
	convenience init(originCenter: CGPoint) {
		self.originCenter = originCenter
	}
}

y arriba cuando creas tus labels en el for ya no uses la clase UILabel si no CustomLabel(originCenter: AcaComoVarTuCentro)

Eric Eduardo Manzano Leal

student•

Siempre me repite al menos dos Tiles

import UIKit

class ViewController: UIViewController {

    @IBOutlet weak var board: UIView!
    var tileWidth : Int = 0
    var tileHeight : Int = 0
    
    var tileCenterX : Int = 0
    var tileCenterY : Int = 0
    
    var tileArray : NSMutableArray = []
    var tileCentersArray : NSMutableArray = []
    
    override func viewDidLoad() {
        super.viewDidLoad()
        makeTiles()
        randomTiles()
    }
    
    func makeTiles(){
        
        self.tileArray = []
        self.tileCentersArray = []
        
        let boardWidth = Int(self.board.frame.width)
        self.tileWidth = boardWidth / 4
        
        let boardHeight = Int(self.board.frame.height)
        self.tileHeight = boardHeight / 4
        
        self.tileCenterX = tileWidth / 2
        self.tileCenterY = tileWidth / 2
        
        var tileNumber: Int = 0
        for _ in 0...3{
            for _ in 0...3{
                
                tileNumber = tileNumber + 1
                let tileFrame : CGRect = CGRect(x: 0, y: 0, width: self.tileWidth - 2, height: self.tileWidth - 2)
                let tile : CustomLabel = CustomLabel(frame: tileFrame)
                tile.backgroundColor = UIColor.red
                tile.text = "\(tileNumber)"
                tile.textAlignment = NSTextAlignment.center
                tileArray.add(tile)
                
                let currentCenter : CGPoint = CGPoint(x: self.tileCenterX, y: self.tileCenterY)
                tile.center = currentCenter
                self.board.addSubview(tile)
                self.tileCenterX = self.tileCenterX + self.tileWidth
                
                tileArray.add(tile)
                tileCentersArray.add(currentCenter)
            }
            
            self.tileCenterX = tileWidth / 2
            self.tileCenterY = self.tileCenterY + self.tileWidth
            
        }
        
        let lastTile : CustomLabel = self.tileArray.lastObject as! CustomLabel
        lastTile.removeFromSuperview()
        self.tileArray.removeObject(at: 15)
    }
    
    func randomTiles(){
        for anyTile in self.tileArray{
            let counterIndex : Int = self.tileCentersArray.count
            if  counterIndex > 0{
                let randomIndex : Int =  Int(arc4random()) % counterIndex
                let randomCenter : CGPoint = self.tileCentersArray[randomIndex] as! CGPoint
                
                (anyTile as! CustomLabel).center = randomCenter
                self.tileCentersArray.removeObject(at: randomIndex)
                print("OK! \(counterIndex) Index \(randomIndex)")
            }
            
        }
    }
    
    class CustomLabel : UILabel{
        var originCenter : CGPoint = CGPoint(x: 0, y: 0)
    }


}```

Sebastian Ortiz V.

student•

El problema esta en el algoritmo que usas para hacer el random, no puedes usar algo puramente aleatorio cada vez, piensa en que tienes que meter la balotas del 1 al 15 en una bolsa, y luego sacar todas las 15 balotas de forma aleatoria, y no tener cada vez 15 balotas, que es un poco lo que estas haciendo.

import UIKit

class ViewController: UIViewController {

    @IBOutlet weak var board: UIView!
    var tileWidth : Int = 0
    var tileHeight : Int = 0
    
    var tileCenterX : Int = 0
    var tileCenterY : Int = 0
    
    var tileArray : NSMutableArray = []
    var tileCentersArray : NSMutableArray = []
    
    override func viewDidLoad() {
        super.viewDidLoad()
        makeTiles()
        randomTiles()
    }
    
    func makeTiles(){
        
        self.tileArray = []
        self.tileCentersArray = []
        
        let boardWidth = Int(self.board.frame.width)
        self.tileWidth = boardWidth / 4
        
        let boardHeight = Int(self.board.frame.height)
        self.tileHeight = boardHeight / 4
        
        self.tileCenterX = tileWidth / 2
        self.tileCenterY = tileWidth / 2
        
        var tileNumber: Int = 0
        for _ in 0...3{
            for _ in 0...3{
                
                tileNumber = tileNumber + 1
                let tileFrame : CGRect = CGRect(x: 0, y: 0, width: self.tileWidth - 2, height: self.tileWidth - 2)
                let tile : CustomLabel = CustomLabel(frame: tileFrame)
                tile.backgroundColor = UIColor.red
                tile.text = "\(tileNumber)"
                tile.textAlignment = NSTextAlignment.center
                tileArray.add(tile)
                
                let currentCenter : CGPoint = CGPoint(x: self.tileCenterX, y: self.tileCenterY)
                tile.center = currentCenter
                self.board.addSubview(tile)
                self.tileCenterX = self.tileCenterX + self.tileWidth
                
                tileArray.add(tile)
                tileCentersArray.add(currentCenter)
            }
            
            self.tileCenterX = tileWidth / 2
            self.tileCenterY = self.tileCenterY + self.tileWidth
            
        }
        
        let lastTile : CustomLabel = self.tileArray.lastObject as! CustomLabel
        lastTile.removeFromSuperview()
        self.tileArray.removeObject(at: 15)
    }
    
    func randomTiles(){
        for anyTile in self.tileArray{
            let counterIndex : Int = self.tileCentersArray.count
            if  counterIndex > 0{
                let randomIndex : Int =  Int(arc4random()) % counterIndex
                let randomCenter : CGPoint = self.tileCentersArray[randomIndex] as! CGPoint
                
                (anyTile as! CustomLabel).center = randomCenter
                self.tileCentersArray.removeObject(at: randomIndex)
                print("OK! \(counterIndex) Index \(randomIndex)")
            }
            
        }
    }
    
    class CustomLabel : UILabel{
        var originCenter : CGPoint = CGPoint(x: 0, y: 0)
    }


}```

Mezclando los tiles

¡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