MBProgressHUD Block interface until operation is done

Question

I need to block the interface until the MBProgressHUD operation is done. I did refer this thread,

According to it, we should disable each individual item which wont work for me. My case is I need to disable user from clicking back button. I did try HUD.userInteractionEnabled = YES which disable every controller except the back button. Is there any way of blocking user from popping out from that controller?

Regards,
Dilshan

Add HUD to Window instead of View. – 0x8badf00d Jul 16 '12 at 12:10 — 0x8badf00d, Jul 16 '12 at 12:10

score 12 · Accepted Answer · answered Jul 16 '12 at 12:30

12

if u dont find a proper way to do that, you can ignore the whole user interaction by

[[UIApplication sharedApplication] beginIgnoringInteractionEvents];

.U can stop this by

[[UIApplication sharedApplication] endIgnoringInteractionEvents];

answered Jul 16 '12 at 12:30

sujith1406

2,822
6
40
60

score 11 · Answer 2 · answered Aug 03 '12 at 18:47

11

You can add the MBProgressHUD to the navigation controller's view so that it also prevents interaction with the back button:

[MBProgressHUD showHUDAddedTo:self.navigationController.view animated:YES];

answered Aug 03 '12 at 18:47

ToddH

2,801
2
28
28

score 4 · Answer 3 · edited Dec 12 '12 at 13:13

If you want a particular control to make enable when HUD is displaying , you can simply add the line [self.view bringSubviewToFront:yourControl]; in your showHUD method as

-(void) showHUD:(UIView *)view
{

    if (self.HUDdisplayed == NO)
    {
        self.HUDdisplayed = YES;
        HUD = [[MBProgressHUD showHUDAddedTo:self.view animated:YES] retain];
    }
//    HUD.delegate = self;
    [self.view bringSubviewToFront:HUD];
     [self.view bringSubviewToFront:yourControl];

}

score 0 · Answer 4 · edited Jul 16 '12 at 14:09

0

This is how I add the MBProgressHUD to my view and it blocks all input until it is removed:

MBProgressHUD HUD = [[MBProgressHUD alloc] initWithView:self.view];
HUD.opacity = 0.7f;

[self.view addSubview:HUD];

HUD.delegate = self;
[HUD show:YES];

Note: self is the view controller the HUD is being add to

edited Jul 16 '12 at 14:09

Atulkumar V. Jain

5,102
9
44
61

answered Jul 16 '12 at 12:12

Joe

2,987
15
24

score 0 · Answer 5 · answered Apr 25 '22 at 06:49

@sujith1406's answer is correct. However, the methods he mentioned are deprecated from iOS 13. Here is my protocol based solution to implement MBProgressHUD blocking.

import Foundation
import MBProgressHUD

protocol AppLoader {
    func showLoader()
    func hideLoader()
}

extension AppLoader where Self: UIViewController {
    func showLoader() {
        let views: [UIView?] = [self.navigationController?.view, view]
        views.forEach({ $0?.isUserInteractionEnabled = false })
        MBProgressHUD.showAdded(to: self.view, animated: true)
    }
    
    func hideLoader() {
        let views: [UIView?] = [self.navigationController?.view, view]
        views.forEach({ $0?.isUserInteractionEnabled = true })
        MBProgressHUD.hide(for: self.view, animated: true)
    }
}

extension UIViewController: AppLoader {}

how to use it?

func fetchUserInformation() {
   self.showLoader()
   //perform api call. assuming fetchUserData is an api that fetches a particular user data from the server.
   self.fetchUserData(completion: { [weak self] in 
       self?.hideLoader()
   })
}

MBProgressHUD Block interface until operation is done

5 Answers5