IHProgressHUD
  • October 3, 2023

IHProgressHUD is a clean and easy-to-use HUD meant to display the progress of an ongoing task on iOS and tvOS. IHProgressHUD is based on SVProgressHUD and ported to Swift with the help of Swiftify, with improvements like added thread safety and not using complier flag for use in iOS App Extension.

If you are interested in learning more about the conversion process, please checkout.

Demo


Try IHProgressHUD on Appetize.io.

Installation


From CocoaPods

CocoaPods  is a dependency manager for Objective-C and Swift, which automates and simplifies the process of using 3rd-party libraries like IHProgressHUD in your projects. First, add the following line to your Podfile:

pod ‘IHProgressHUD’

If you want to use the latest features of IHProgressHUD use normal external source dependencies.

pod ‘IHProgressHUD’, :git => ‘https://github.com/Swiftify-Corp/IHProgressHUD.git’

This pulls from the master branch directly.

Second, install IHProgressHUD into your project:

pod install

From SwiftPM

Under your project from the File menu, go to Swift Packages and select Add Package Dependency

Enter the address of the repository for the package you wish to add.

After you hit Next, you’ll see another form. From here you’re able to specify which versionbranch, or commit hash you’d like to add as a dependency.

After you click Next, Xcode will fetch the dependency. In this final window, make sure the package you want to add is checked and the target you wish to add it to is selected from the dropdown.

After you click Finish, you’ll see that the added package is now listed in the navigator under a new section titled Swift Package Dependencies.

To Remove the package

If you need to remove a SwiftPM package from your project, you can select the project at the top of the navigator, then look for the tab titled Swift Packages. (It’s next to Build Settings).

Usage


IHProgressHUD is created as a singleton (i.e. it doesn’t need to be explicitly allocated and instantiated; you directly call IHProgressHUD.method()). It can be accessed from even the background thread.

Use IHProgressHUD wisely! Only use it if you absolutely need to perform a task before taking the user forward. Bad use case examples: pull to refresh, infinite scrolling, sending message.

Using IHProgressHUD in your app will usually look as simple as this (using Grand Central Dispatch):

IHProgressHUD.show()
DispatchQueue.global(qos: .default).async(execute: {
// time-consuming task
IHProgressHUD.dismiss()
})

Showing the HUD

You can show the status of indeterminate tasks using one of the following:

class func show()
class func show(withStatus status: String?)

If you’d like the HUD to reflect the progress of a task, use one of these:

class func show(progress: CGFloat)
class func show(progress: CGFloat, status: String?)

Dismissing the HUD

The HUD can be dismissed using:

class func dismiss()
class func dismissWithCompletion(_ completion: (() -> Void)?)
class func dismissWithDelay(_ delay: TimeInterval)
class func dismissWithDelay(_ delay: TimeInterval, completion: (() -> Void)?)

If you’d like to stack HUDs, you can balance out every show call using:

class func popActivity()

The HUD will get dismissed once the popActivity calls will match the number of show calls.

Or show a confirmation glyph before before getting dismissed a little bit later. The display time depends on minimumDismissTimeInterval and the length of the given string.

class func showInfowithStatus(_ status: String?)
class func showSuccesswithStatus(_ status: String?)
class func showError(withStatus status: String?)
class func showImage(_ image: UIImage, status: String?)

Customization


IHProgressHUD can be customized via the following methods:

class func set(defaultStyle style: IHProgressHUDStyle) // default is IHProgressHUDStyle.light

class func set(defaultMaskType maskType: IHProgressHUDMaskType) // default is IHProgressHUDMaskType.none

class func set(defaultAnimationType type: IHProgressHUDAnimationType) // default is IHProgressHUDAnimationType.flat

class func set(containerView: UIView?) // default is window level

class func set(minimumSize: CGSize) // default is CGSize.zero, can be used to avoid resizing

class func set(ringThickness: CGFloat) // default is 2 pt

class func set(ringRadius : CGFloat) // default is 18 pt

class func setRing(noTextRingRadius radius: CGFloat) // default is 24 pt

class func set(cornerRadius: CGFloat) // default is 14 pt

class func set(borderColor color : UIColor) // default is nil

class func set(borderWidth width: CGFloat) // default is 0

class func set(font: UIFont) // default is UIFont.preferredFont(forTextStyle: .subheadline)

class func set(foregroundColor color: UIColor) // default is nil

class func set(backgroundColor color: UIColor) // default is nil

class func set(backgroundLayerColor color: UIColor) // default is UIColor(white: 0, alpha: 0.4), only used for IHProgressHUDMaskType.custom

class func set(imageViewSize size: CGSize) // default is 28×28 pt

class func set(shouldTintImages: Bool) // default is true

class func set(infoImage image: UIImage) // default is the bundled info image provided by Freepik

class func setSuccessImage(successImage image: UIImage) // default is bundled success image from Freepik

class func setErrorImage(errorImage image: UIImage) // default is bundled error image from Freepik

class func set(viewForExtension view: UIView) // default is nil, only used for App Extension

class func set(graceTimeInterval interval: TimeInterval) // default is 5.0 seconds

class func set(maximumDismissTimeInterval interval: TimeInterval) // default is TimeInterval(CGFloat.infinity)

class func setFadeInAnimationDuration(fadeInAnimationDuration duration: TimeInterval) // default is 0.15 seconds

class func setFadeOutAnimationDuration(fadeOutAnimationDuration duration: TimeInterval) // default is 0.15 seconds

class func setMaxSupportedWindowLevel(maxSupportedWindowLevel windowLevel: UIWindow.Level) // default is UIWindowLevelNormal

class func setHapticsEnabled(hapticsEnabled: Bool) // default is NO

Hint

As standard IHProgressHUD offers two preconfigured styles:

  • IHProgressHUDStyle.light: White background with black spinner and text
  • IHProgressHUDStyle.dark: Black background with white spinner and text

If you want to use custom colors use setForegroundColor and setBackgroundColor:. These implicitly set the HUD’s style to IHProgressHUDStyle.custom.

Haptic Feedback


For users with newer devices (starting with the iPhone 7), IHProgressHUD can automatically trigger haptic feedback depending on which HUD is being displayed. The feedback maps as follows:

  • showSuccessWithStatus: <-> UINotificationFeedbackTypeSuccess
  • showInfoWithStatus: <-> UINotificationFeedbackTypeWarning
  • showErrorWithStatus: <-> UINotificationFeedbackTypeError

To enable this functionality, use setHapticsEnabled:.

Users with devices prior to iPhone 7 will have no change in functionality.

Notifications


IHProgressHUD posts four notifications via NSNotificationCenter in response to being shown/dismissed:

  • NotificationName.IHProgressHUDWillAppear when the show animation starts
  • NotificationName.IHProgressHUDDidAppear when the show animation completes
  • NotificationName.IHProgressHUDDidDisappear when the dismiss animation starts
  • NotificationName.IHProgressHUDDidAppear when the dismiss animation completes

Each notification passes a userInfo dictionary holding the HUD’s status string (if any), retrievable via [NotificationName.IHProgressHUDStatusUserInfoKey.getNotificationName()].

IHProgressHUD also posts IHProgressHUDDidReceiveTouchEvent when users touch on the overall screen or IHProgressHUDDidTouchDownInside when a user touches on the HUD directly. For this notifications userInfo is not passed but the object parameter contains the UIEvent that related to the touch.

App Extensions


When using IHProgressHUD in an App Extension, use the class func set(viewForExtension view: UIView) there is no need to set any complier flag.

GitHub


View Github

#activityindicator #cocoapods #hud #ios #progresscircle #svprogresshud #swift4 #tvos
YOU MIGHT ALSO LIKE...
EEStackLayout

A vertical stackview which takes subviews with different widths and adds them to it's rows with paddings, spacings etc.

AudioManager

AudioManager is a Swift package that provides a modular and easy-to-use interface for implementing audio feedback in your applications. It ...

CameraBackground

Features Both front and back camera supported. Flash modes: auto, on, off. Countdown timer. Tap to focus. Pinch to zoom. Usage  

DKCamera

Description A light weight & simple & easy camera for iOS by Swift. It uses CoreMotion framework to detect device orientation, so ...