Animate Spinner al cargar la nueva página

Question

Tengo un UITableView que proviene de un canal RSS externo.

Cuando selecciona una fila usa navigationController y se desliza desde la derecha, el problema es que la fuente RSS contiene imágenes, por lo tanto, puede llevar unos segundos cargar y sin ninguna indicación de lo que está pasando puede confundirse para una falla de la aplicación.

Decidí agregar una ruleta para que sepas que la nueva página se está cargando.

Aquí está mi código:

RootViewController.m

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath { 
NSLog(@"Loading New Page"); 

[tableView deselectRowAtIndexPath:indexPath animated:YES]; 
DetailsViewController *detailViewController = [[DetailsViewController alloc] initWithNibName:@"DetailsViewController" bundle:nil]; 
detailViewController.item = [rssItems objectAtIndex:floor(indexPath.row/2)]; 
[self.navigationController pushViewController:detailViewController animated:YES]; 
[detailViewController release]; 

UIActivityIndicatorView *spinner = [[UIActivityIndicatorView alloc] initWithActivityIndicatorStyle:UIActivityIndicatorViewStyleGray]; 
spinner.center = CGPointMake(160, 240); 
[self.view addSubview:spinner]; 
[spinner startAnimating]; 
[spinner release]; 

} 

DetailsViewController.m

- (void)viewDidLoad { 
    [super viewDidLoad]; 

     NSString *imgURL = [item objectForKey:@"image"]; 
     NSData *mydata = [[NSData alloc] initWithContentsOfURL:[NSURL URLWithString:imgURL]]; 
     item_photo.image = [[UIImage alloc] initWithData:mydata]; 

    item_title.text = [item objectForKey:@"title"]; 
    item_date.text = [NSString stringWithFormat:@"Date: %@",[item objectForKey:@"date"]]; 
    item_time.text = [NSString stringWithFormat:@"Time: %@",[item objectForKey:@"time"]]; 
    item_cost.text = [NSString stringWithFormat:@"Cost: £%@",[item objectForKey:@"cost"]]; 
    item_info.text = [item objectForKey:@"description"]; 
    self.navigationItem.title = @"Event Type"; 
} 

Hay dos problemas con este código.

1. El Spinner no se activa hasta que se carga la nueva página.
2. El Spinner no se desactiva una vez cargado.

Si alguien pudiera ayudarme con este problema, estaría realmente agradecido.

Answer 1

Está añadiendo la vista indicador de actividad a la vista del controlador que está empujando el controlador de la vista de detalle, por lo que no se ve todos modos

trate de mover el segundo grupo de código al método viewDidLoad de DetailsViewController, se puede llamar a stopAnimating en el indicador de actividad cuando haya terminado de cargar. Para obtener una referencia al UIActivityIndicator, debe agregar una etiqueta

, p. en viewDidLoad

UIActivityIndicatorView *spinner = [[UIActivityIndicatorView alloc] initWithActivityIndicatorStyle:UIActivityIndicatorViewStyleGray]; 
spinner.center = CGPointMake(160, 240); 
spinner.tag = 12; 
[self.view addSubview:spinner]; 
[spinner startAnimating]; 
[spinner release]; 

en el método loadingFinished (independientemente del método que se llama cuando se termine de cargar)

[[self.view viewWithTag:12] stopAnimating]; 

Answer 2

Es necesario hacer algún trabajo en un subproceso en segundo plano. Si la siguiente línea es la que se toma el tiempo:

detailViewController.item = [rssItems objectAtIndex:floor(indexPath.row/2)]; 

entonces se podría hacer esto en el fondo con GCD:

UIActivityIndicatorView *spinner = [[UIActivityIndicatorView alloc] initWithActivityIndicatorStyle:UIActivityIndicatorViewStyleGray]; 

dispatch_async(dispatch_get_global_queue(0, 0), ^{ 
    // This is the operation that blocks the main thread, so we execute it in a background thread 
    id item = [rssItems objectAtIndex:floor(indexPath.row/2)]; 

     // UIKit calls need to be made on the main thread, so re-dispatch there 
     dispatch_async(dispatch_get_main_queue(), ^{ 
      detailViewController.item = item; 
      [spinner stopAnimating]; 
     }); 
}); 

Y 1 a @ wattson12 - es necesario agregar la ruleta a la nueva vista en su lugar. De forma alternativa, puede agregar la ruleta a la vista actual y, en su lugar, poner la llamada pushViewController en su bloque de cola principal de GCD.

Punto final: querrás quitar la ruleta de su supervista una vez que dejes de animarla. Alternativamente, puede tener una instancia única de la ruleta y establecer hidesWhenStopped en SÍ.

Answer 3

Ésta es una rueda que gira sobre una vista borrosa de esperar:

func blurScence(){ 
    let blurEffect: UIBlurEffect = UIBlurEffect(style: .Dark) 
    let blurView: UIVisualEffectView = UIVisualEffectView(effect: blurEffect) 
    blurView.translatesAutoresizingMaskIntoConstraints = false 
    blurView.frame = self.view.frame 

    let spinner = UIActivityIndicatorView(activityIndicatorStyle:.White) 
    spinner.center=blurView.center 
    blurView.addSubview(spinner) 
    spinner.startAnimating() 

    self.view.addSubview(blurView) 
}