Skip to main content
2 de 3
se añadieron 2271 caracteres en el cuerpo
AngelRuizC
  • 877
  • 10
  • 21

Primeramente necesitas una forma de obtener la información de la base de datos a tu app, para esto se necesita un servicio web, se recomienda que sea de tipo REST para que la comunicación sea más transparente y ahorres ancho de banda del dispositivo. Para hacer la llamda al servidor la puedes realizar de la siguiente manera:

//Variables globales
let apiUrl: String = "http://midominio.com/MiWebService"
var urlString: String = ""
var lstImagenes: [String] = []

    //Llamada al servidor
    let session = NSURLSession.sharedSession()
    session.dataTaskWithURL(url, completionHandler: { (data:NSData?, response: NSURLResponse?,error: NSError?) -> Void in
        
        //Leer el JSON
        do{
            if let _ = NSString(data: data!, encoding: NSUTF8StringEncoding){
                
                //Parsear el JSON
                let jsonDictionary = try NSJSONSerialization.JSONObjectWithData(data!, options: NSJSONReadingOptions.MutableContainers) as! NSDictionary
                
                //Obtenemos la cantidad de imagenes
                let cantidadImagenes = jsonDictionary["count"] as! Int
                let imagenes = jsonDictionary["imagenes"] as! NSArray
                
                //Recorremos el arreglo de imagenes
                for(var i: Int = 0; i < cantidadImagenes; i++){
                    self.lstImagenes.append(imagenes[i] as! String)
                }
                                  
            }
            
        } catch{
            print("Ocurrio un error")
        }
    }).resume()

Después de que obtenemos la información del web service ahora utilizamos una libreria llamada AlamofireImage y Alamofire, estas nos van a ayudar con el manejo de la red y de la memoria del telefono ya que se encargan de hacer las llamadas asincronas y a que nuestra aplicación no se trabe al estar trabajando con imagenes desde URL y almacene el cache de las mismas. Para mostrar las imagenes lo hacemos de la siguiente forma, primero hay que importar las librerias en nuestra clase. Para esto hay que agregar las referencias a nuestro proyecto eso lo podemos hacer desde cocoapods o alguna forma de las que ellos nos indican en su página de GitHub.

Alamofire: https://github.com/Alamofire/Alamofire

AlamofireImage: https://github.com/Alamofire/AlamofireImage

import Alamofire
import AlamofireImage

Por ultimo mandamos a llamar el metodo af_setImageWithURL de AlamofireImage de la siguiente manera asignandole el UIImageView donde la queremos mostrar.

        //El arreglo lstImagenes contiene las URL's de las imagenes ejemplo: http://www.midominio.com/Imagenes/imagen01.jpg
        let urlImagen = NSURL(string: lstImagenes[indiceImagen])
        //imgImagen es mi UIImageView
        self.imgImagen.af_setImageWithURL(urlImagen!)

Este código esta probado con Swift 2.2 y IOS 9.3

ACTUALIZACIÓN:

Metodo para la carga de imagenes:

//Carga las imagenes de forma asincrona
    func asyncImage(urlString: String, completionHandler:(image: UIImage?, url: String) -> ()) {
        
        dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_BACKGROUND, 0), {()in
            
            if let url = NSURL(string: urlString), let data = NSData(contentsOfURL: url), let image = UIImage(data: data) {
                dispatch_async(dispatch_get_main_queue(), {() in
                    completionHandler(image: image, url: urlString)
                })
                
            } else {
                
                dispatch_async(dispatch_get_main_queue(), {() in
                    completionHandler(image: nil, url: urlString)
                })
                
            }
            
        })
        
    }

Uso del metodo:

func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell{



    let cell = tableView.dequeueReusableCellWithIdentifier("cell", forIndexPath: indexPath) as! SpecialCell

    let maindata = values[indexPath.row]

    cell.nombre.text = maindata["nombre"] as? String
    cell.descripcion.text = maindata["descripcion"] as? String

    let url = arr [indexPath.row]
    let urls = NSURL(string: url)
    let request: NSURLRequest = NSURLRequest(URL: urls!)
    let session = NSURLSession.sharedSession()
    
    //Uso del metodo asincrono
    asyncImage(urlString) { (image, url) -> () in
      cell.imagen.image = image
    }




   let colors = [hexStringToUIColor("#FF0000"),hexStringToUIColor("#FF8000"),hexStringToUIColor("#FFFF00"),hexStringToUIColor("#80FF00"),hexStringToUIColor("00FFFF"),hexStringToUIColor("#0080FF"),hexStringToUIColor("#A901DB"),hexStringToUIColor("#FF00FF"),hexStringToUIColor("#FF0080")]

    cell.accessoryType = .DisclosureIndicator
    cell.imagen.backgroundColor = colors[indexPath.row % colors.count]



    return cell



}
AngelRuizC
  • 877
  • 10
  • 21