SWIFT 3
¡Aquí está la actualización para aquellos que necesitan la versión Swift !.
Hace unos días necesitaba hacer algo como esto. Cargo algunos datos de un servidor según parámetros específicos y mientras tanto quería mostrar una imagen gif diferente de "cargando". Estaba buscando una opción para hacerlo con un UIImageViewpero desafortunadamente no encontré nada para hacerlo sin dividir las imágenes .gif. Entonces decidí implementar una solución usando a UIWebViewy quiero compartirla:
extension UIView{
func animateWithGIF(name: String){
let htmlString: String = "<!DOCTYPE html><html><head><title></title></head>" +
"<body style=\"background-color: transparent;\">" +
"<img src=\""+name+"\" align=\"middle\" style=\"width:100%;height:100%;\">" +
"</body>" +
"</html>"
let path: NSString = Bundle.main.bundlePath as NSString
let baseURL: URL = URL(fileURLWithPath: path as String)
let frame = CGRect(x: 0, y: 0, width: self.frame.width, height: self.frame.height)
let gifView = UIWebView(frame: frame)
gifView.isOpaque = false
gifView.backgroundColor = UIColor.clear
gifView.loadHTMLString(htmlString, baseURL: baseURL)
var s: [UIView] = self.subviews
for i in 0 ..< s.count {
if s[i].isKind(of: UIWebView.self) { s[i].removeFromSuperview() }
}
self.addSubview(gifView)
}
func animateWithGIF(url: String){
self.animateWithGIF(name: url)
}
}
Hice una extensión para la UIViewque agrega una UIWebViewsubvista as y muestra las imágenes .gif simplemente pasando su nombre.
Ahora en mi UIViewControllertengo un UIView'loadingView' llamado que es mi indicador de 'carga' y cada vez que quería mostrar la imagen .gif, hacía algo como esto:
class ViewController: UIViewController {
@IBOutlet var loadingView: UIView!
override func viewWillAppear(_ animated: Bool) {
super.viewWillAppear(animated)
configureLoadingView(name: "loading.gif")
}
override func viewDidLoad() {
super.viewDidLoad()
showLoadingView()
}
func showLoadingView(){
loadingView.isHidden = false
}
func hideLoadingView(){
loadingView.isHidden = true
}
func configureLoadingView(name: String){
loadingView.animateWithGIF(name: "name")
}
}
cuando quise cambiar la imagen gif, simplemente llamé a la función configureLoadingView()con el nombre de mi nueva imagen .gif y llamé showLoadingView(),hideLoadingView() correctamente todo funciona bien !.
PERO...
... si tiene la imagen dividida, puede animarla en una sola línea con un UIImagemétodo estático llamado UIImage.animatedImageNamedasí:
imageView.image = UIImage.animatedImageNamed("imageName", duration: 1.0)
De los documentos:
Este método carga una serie de archivos agregando una serie de números al nombre del archivo base proporcionado en el parámetro de nombre. Todas las imágenes incluidas en la imagen animada deben compartir el mismo tamaño y escala.
O puedes hacerlo con el UIImage.animatedImageWithImagesmétodo como este:
let images: [UIImage] = [UIImage(named: "imageName1")!,
UIImage(named: "imageName2")!,
...,
UIImage(named: "imageNameN")!]
imageView.image = UIImage.animatedImage(with: images, duration: 1.0)
De los documentos:
Crea y devuelve una imagen animada a partir de un conjunto de imágenes existente. Todas las imágenes incluidas en la imagen animada deben compartir el mismo tamaño y escala.