Animate Spinner khi tải trang mới

Question

Tôi có UITableView từ nguồn cấp dữ liệu RSS bên ngoài.

Khi bạn chọn một hàng, nó sử dụng điều hướng và các trang trình bày từ bên phải, vấn đề là nguồn cấp dữ liệu RSS chứa hình ảnh do đó có thể mất vài giây để tải và không có bất kỳ dấu hiệu nào. nó cho một vụ tai nạn ứng dụng.

Tôi quyết định thêm một spinner để bạn biết rằng trang mới đang tải.

Đây là mã của tôi:

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"; 
} 

Có hai vấn đề với mã này.

1. Spinner không hoạt động cho đến sau khi trang mới được tải.
2. Spinner không tắt khi nạp.

Nếu có ai có thể giúp tôi giải quyết vấn đề này, tôi sẽ thực sự biết ơn.

Answer 1

Bạn đang thêm quan điểm chỉ số hoạt động cho quan điểm của bộ điều khiển được đẩy điều khiển xem chi tiết, vì vậy bạn sẽ không nhìn thấy nó anyway

thử di chuyển nhóm thứ hai của mã để phương pháp viewDidLoad của DetailsViewController, bạn có thể gọi stopAnimating trên chỉ báo hoạt động khi bạn tải xong. Để có tham chiếu đến UIActivityIndicator, bạn nên thêm thẻ

ví dụ: trong viewDidLoad

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

trong phương pháp loadingFinished (phương pháp nào được gọi khi tải xong)

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

Answer 2

Bạn cần phải làm một số công việc trong một thread nền. Nếu dòng sau là một trong đó mất thời gian:

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

Sau đó, bạn có thể làm điều này trong nền với 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]; 
     }); 
}); 

Và 1 đến @ wattson12 - bạn cần phải thêm các spinner sang chế độ xem mới thay thế. Ngoài ra, bạn có thể thêm spinner vào chế độ xem hiện tại và thay vào đó, hãy đặt lệnh gọi pushViewController vào khối xếp hàng chính GCD của bạn.

Điểm cuối cùng - bạn sẽ muốn xóa spinner khỏi trình giám sát của nó sau khi bạn ngừng hoạt ảnh. Ngoài ra, bạn có thể có một phiên bản của spinner và đặt hidesWhenStopped thành YES.

Answer 3

Đây là một bánh xe quay tròn trên một cái nhìn mờ trong nhanh chóng:

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) 
}