Transparent background for modally presented viewcontroller

Question

I am using Parse & ParseUI. I want my PFLoginViewController subclass to have a transparent background. In the future, I want to lay a blurred view over the background.

But.... Once the animate-in of the PFLoginViewController is done, the background turns black... Whilst during the animation the background was transparent.

func presentLogin() {
    var loginViewController = LoginViewController()
    var signupViewController = SignUpViewController()

    loginViewController.fields = .UsernameAndPassword | .LogInButton | .PasswordForgotten | .SignUpButton | PFLogInFields.DismissButton
    signupViewController.fields = .UsernameAndPassword | .Email | .DismissButton | .SignUpButton
    loginViewController.delegate = self
    loginViewController.logInView.backgroundColor = UIColor.clearColor()
    loginViewController.logInView.opaque = false
    signupViewController.delegate = self

    loginViewController.signUpController = signupViewController

    self.presentViewController(loginViewController, animated: true) { () -> Void in
        //
    }
}

My logincontroller's used subclass:

class LoginViewController: PFLogInViewController {

    @IBOutlet weak var _nmcLogoLabel: UILabel!

    override func viewDidLoad() {
        super.viewDidLoad()

        // Do any additional setup after loading the view.
        let userName = SettingsManager.userName
        let password = SettingsManager.password

        self.logInView.usernameField.text = userName
        self.logInView.passwordField.text = password

        NSBundle.mainBundle().loadNibNamed("LoginViewBranding", owner: self, options: nil)[0] as? UIView

        self.logInView.logo = _nmcLogoLabel

    }

}

How can I make it transparent?

P.s. Applying the clearColor to the backgroundColor in the subclass makes no difference

score 169 · Accepted Answer · edited Apr 03 '19 at 15:25

169

Fixed it.

The problem was that presentViewController does not keep the view that I was covering.

viewController.modalPresentationStyle = .overCurrentContext

did the trick.

edited Apr 03 '19 at 15:25

YanSte

10,661
3
57
53

answered Dec 27 '14 at 18:07

Tycho Pandelaar

7,367
8
44
70

1

can you also comment the code for "pushViewController" . – Alok Jul 02 '15 at 12:22
Working solution !! – nitin.agam Jan 10 '19 at 12:30
this is the secret! – oskarko Jun 19 '19 at 06:32
But that will not add the presented controller to the responder chain – mojtaba al moussawi Sep 22 '19 at 17:28
If use modalPresentationStyle = .overCurrentContext, after dismiss view controller, viewWillAppear of parent viewController not being called. Is any way to fix this? – Dipak Apr 22 '21 at 07:10
This helped me while working with UIKit and SwiftUI – Kudos Dec 12 '22 at 18:09

score 56 · Answer 2 · edited Dec 17 '18 at 12:42

56

Part of the solution is hidden in the question. You need three lines to make the background transparent, viz. isOpaque = false backgroundColor = .clear & set the modalPresentationStyle

Here's the full solution. In the calling View Controller, call this function:

func presentModal() {
    let modalController = ModalViewController()
    modalViewController.modalPresentationStyle = .overCurrentContext
    present(modalViewController, animated: true, completion: nil)
}

And in ModalViewController's viewDidLoad():

override func viewDidLoad() {
    super.viewDidLoad()

    view.isOpaque = false
    view.backgroundColor = .clear // try other colors, say: .white or black with Alpha etc.
}

edited Dec 17 '18 at 12:42

Harjot Singh

6,767
2
38
34

answered Jun 01 '17 at 11:14

Nitin Nain

5,113
1
37
51

4

this worked for me when I set the code in the `Init`, not in the `viewDidLoad` method – Francesco D.M. Jul 03 '17 at 10:11
1

@NitinNain, I set view.alpha = 0.35 but all view controller's control also set with alpha and look blur – Sunil Prajapati Feb 21 '18 at 09:37

score 23 · Answer 3 · answered Dec 04 '16 at 03:03

23

same as the selected answer but visually through IB:

answered Dec 04 '16 at 03:03

Jesus Rodriguez

2,571
2
22
38

You need also to set up the presented controller as Nitin Nain answer – Massimo Pavanel Nov 25 '20 at 06:40

score 7 · Answer 4 · answered Jul 13 '20 at 09:00

I have two view controller 1st login & 2nd forgot password. Initially, the login screen has been visible on the tap of forgot password button, forgot password screen will be present over the login screen with a transparent background.

In the Login screen, I have used following code for forgotButtonAction to present forgotPasswordViewController

   let vc = UIStoryboard.init(name: "Main", bundle: nil).instantiateViewController(withIdentifier: "forgotPasswordViewController") as! forgotPasswordViewController
    vc.modalPresentationStyle = .overCurrentContext
    present(vc, animated: true, completion: nil)

And also in the forgotPasswordViewController, Under the ViewDidLoad method, I have to change the view background color and opaque state through the following code

   override func viewDidLoad() {
    super.viewDidLoad()
    view.isOpaque = false
    view.backgroundColor = .clear
   }

This is great `view.backgroundColor = .clear` – Kudos Dec 12 '22 at 18:09 — Kudos, Dec 12 '22 at 18:09

score 0 · Answer 5 · answered Jul 11 '19 at 12:59

In case anyone is still struggling with a transparent background I found this solution some time ago - I can't remember where but still works fine with the latest Xcode & Swift.

ContactListViewController2: UIViewController, UITableViewDelegate, UITableViewDataSource,UIViewControllerTransitioningDelegate {

required init?(coder aDecoder: NSCoder) {
    super.init(coder: aDecoder)

    self.modalPresentationStyle = .custom
    self.transitioningDelegate = self
}

Transparent background for modally presented viewcontroller

5 Answers5

Linked

Related