如何在UIActivityIndi​​catorView后面添加黑色背景

Question

Hello I want to show a UIActivityIndicatorView on my UIViewController exactly like this

How can I draw a UIViewIndicator like this above image

I have tried this

func showIndicatorView(){

        let loadingIndicator = UIActivityIndicatorView(frame: CGRectMake(0, 0, 50, 50))
        loadingIndicator.layer.cornerRadius = 05

        loadingIndicator.opaque = false
        loadingIndicator.backgroundColor = UIColor(white: 0.0, alpha: 0.6)
        loadingIndicator.center = self.view.center;
        loadingIndicator.activityIndicatorViewStyle = UIActivityIndicatorViewStyle.Gray
        loadingIndicator.color = UIColor.whiteColor()
        loadingIndicator.startAnimating()
        self.view.addSubview(loadingIndicator)


    }

Answer 1

You could put it in another view that has a black background color. Something like this. You could also add the 'Loading...' label in that view if you need it.

func showIndicatorView(){

    let loadingIndicator = UIActivityIndicatorView(frame: CGRectMake(0, 0, 50, 50))
    let backgroundView = UIView()

    backgroundView.layer.cornerRadius = 05
    backgroundView.clipsToBounds = true
    backgroundView.opaque = false
    backgroundView.backgroundColor = UIColor(white: 0.0, alpha: 0.6)

    loadingIndicator.activityIndicatorViewStyle = UIActivityIndicatorViewStyle.Gray
    loadingIndicator.color = UIColor.whiteColor()
    loadingIndicator.startAnimating()

    let loadingLabel = UILabel()
    loadingLabel.text = "Loading..."
    let textSize: CGSize = loadingLabel.text!.sizeWithAttributes([NSFontAttributeName: loadingLabel.font ])

    loadingLabel.frame = CGRectMake(50, 0, textSize.width, textSize.height)
    loadingLabel.center.y = loadingIndicator.center.y

    backgroundView.frame = CGRectMake(0, 0, textSize.width + 70, 50)
    backgroundView.center = self.view.center;

    self.view.addSubview(backgroundView)
    backgroundView.addSubview(loadingIndicator)
    backgroundView.addSubview(loadingLabel)
}

Answer 2

Use MBProgressHud library .

This is what you need :-

https://github.com/jdg/MBProgressHUD