iOS: ViewController modale con sfondo trasparente

Sto cercando di presentare un controller di visualizzazione in modo modale, con uno sfondo trasparente. Il mio obiettivo è quello di consentire la visualizzazione simultanea della vista del controller di visualizzazione sia della presentazione che della presentazione. Il problema è che quando l'animazione di presentazione termina, la vista del controller della vista di presentazione scompare.

- (IBAction)pushModalViewControllerButtonPressed:(id)sender
{
    ModalViewController *modalVC = [[ModalViewController alloc] init];
    [self presentViewController:modalVC animated:YES completion:nil];
}

So che potrei semplicemente aggiungere la vista come sottoview, ma vorrei evitare questa soluzione per qualche motivo. Come potrei ripararlo?

Questo codice seguente funziona solo su iPad.

self.view.backgroundColor = [UIColor clearColor];
self.modalPresentationStyle = UIModalPresentationCurrentContext;
[self presentModalViewController:modalVC animated:YES];

Andrei con l'aggiunta di una vista secondaria.

Ecco un'ottima discussione. Guarda i commenti in particolare. Non solo la risposta.

Vista modale

Se fossi in te non lo farei. Vorrei aggiungere una vista secondaria e farlo. Sembra che mi dia un migliore controllo sulle cose.

MODIFICARE:

Come menzionato da Paul Linsay, dal momento che iOS 8 tutto ciò che serve è presentare UIModalPresentationOverFullScreenlo stile modale di ViewController. Questo coprirebbe anche i pulsanti di barra di navigazione e tabBar.

Per coloro che cercano di farlo funzionare in iOS 8, il modo "approvato da Apple" per visualizzare un controller di visualizzazione modale trasparente consiste nell'impostare modalPresentationStyle il controller ed presente su UIModalPresentationOverCurrentContext.

Questo può essere fatto in codice o impostando le proprietà dei segu nello storyboard.

Dalla documentazione di UIViewController:

UIModalPresentationOverCurrentContext

Uno stile di presentazione in cui il contenuto viene visualizzato solo sul contenuto del controller della vista padre. Le viste sotto il contenuto presentato non vengono rimosse dalla gerarchia delle viste al termine della presentazione. Pertanto, se il controller di visualizzazione presentato non riempie lo schermo di contenuto opaco, il contenuto sottostante viene visualizzato.

Quando si presenta un controller di visualizzazione in un popover, questo stile di presentazione è supportato solo se lo stile di transizione è UIModalTransitionStyleCoverVertical. Il tentativo di utilizzare uno stile di transizione diverso genera un'eccezione. Tuttavia, è possibile utilizzare altri stili di transizione (ad eccezione della transizione di arricciatura parziale) se il controller della vista padre non si trova in un popover.

Disponibile in iOS 8.0 e versioni successive.

https://developer.apple.com/documentation/uikit/uiviewcontroller

Il video "Visualizza i progressi del controller in iOS 8" del WWDC 2014 approfondisce questo aspetto in dettaglio.

Nota:

• Assicurati di dare al controller della vista presentato un colore di sfondo chiaro, per evitare che sia effettivamente trasparente!
• Devi impostarlo prima di presentare, vale a dire che l'impostazione di questo parametro nel viewDidLoaddi PresentViewController non avrà alcun effetto

In iOS 8.0 e versioni successive, è possibile impostare la proprietà modalPresentationStyle su UIModalPresentationOverCurrentContext

//Set property **definesPresentationContext** YES to avoid presenting over presenting-viewController's navigation bar

self.definesPresentationContext = YES; //self is presenting view controller
presentedController.view.backgroundColor = [YOUR_COLOR with alpha OR clearColor]
presentedController.modalPresentationStyle = UIModalPresentationOverCurrentContext;

[self presentViewController:presentedController animated:YES completion:nil];

Questo codice funziona bene su iPhone con iOS6 e iOS7:

presentedVC.view.backgroundColor = YOUR_COLOR; // can be with 'alpha'
presentingVC.modalPresentationStyle = UIModalPresentationCurrentContext;
[presentingVC presentViewController:presentedVC animated:YES completion:NULL];

In questo caso ti manca l'animazione slide-on. Per conservare l'animazione puoi comunque utilizzare la seguente estensione "non elegante":

[presentingVC presentViewController:presentedVC animated:YES completion:^{
    [presentedVC dismissViewControllerAnimated:NO completion:^{
        presentingVC.modalPresentationStyle = UIModalPresentationCurrentContext;
        [presentingVC presentViewController:presentedVC animated:NO completion:NULL];
    }];
}];

Se la nostra presentazione V si trova all'interno di UINavigationController o UITabbarController, è necessario operare con tali controller come presentandoVC.

Inoltre, in iOS7 è possibile implementare l'animazione di transizione personalizzata applicando il UIViewControllerTransitioningDelegateprotocollo. Naturalmente, in questo caso è possibile ottenere uno sfondo trasparente

@interface ModalViewController : UIViewController <UIViewControllerTransitioningDelegate>

Innanzitutto, prima di presentare devi impostare modalPresentationStyle

modalViewController.modalPresentationStyle = UIModalPresentationCustom;

Quindi devi implementare due metodi di protocollo

- (id<UIViewControllerAnimatedTransitioning>)animationControllerForPresentedController:(UIViewController *)presented presentingController:(UIViewController *)presenting sourceController:(UIViewController *)source
{
    CustomAnimatedTransitioning *transitioning = [CustomAnimatedTransitioning new];
    transitioning.presenting = YES;
    return transitioning;
}

- (id<UIViewControllerAnimatedTransitioning>)animationControllerForDismissedController:(UIViewController *)dismissed
{
    CustomAnimatedTransitioning * transitioning = [CustomAnimatedTransitioning new];
    transitioning.presenting = NO;
    return transitioning;
}

L'ultima cosa è definire la tua transizione personalizzata in CustomAnimatedTransitioningclasse

@interface CustomAnimatedTransitioning : NSObject <UIViewControllerAnimatedTransitioning>
@property (nonatomic) BOOL presenting;
@end

@implementation CurrentContextTransitionAnimator

- (NSTimeInterval)transitionDuration:(id <UIViewControllerContextTransitioning>)transitionContext 
{
    return 0.25;
}

- (void)animateTransition:(id <UIViewControllerContextTransitioning>)transitionContext 
{
    UIViewController *fromViewController = [transitionContext viewControllerForKey:UITransitionContextFromViewControllerKey];
    UIViewController *toViewController = [transitionContext viewControllerForKey:UITransitionContextToViewControllerKey];

    if (self.presenting) {
        // custom presenting animation
    }
    else {
        // custom dismissing animation
    }
}

Ho faticato un po 'con Interface Builder di XCode 7 per impostare lo stile di presentazione come suggerito da @VenuGopalTewari. In questa versione, sembra non esserci modalità di presentazione Over Current Contexto no Over Full Screenper il seguito. Quindi, per farlo funzionare, ho impostato la modalità su Default:

con

Inoltre, ho impostato la modalità di presentazione del controller di visualizzazione presentato in modo modale su Over Full Screen:

Crea un seguito da presentare in modo modale e imposta la proprietà Presentazione di quella che segue nel contesto corrente funzionerà al 100%

PresentViewController con sfondo trasparente - in iOS 8 e iOS 9

MYViewController *myVC = [self.storyboard   instantiateViewControllerWithIdentifier:@"MYViewController"];
    myVC.providesPresentationContextTransitionStyle = YES;
    myVC.definesPresentationContext = YES;
    [myVC setModalPresentationStyle:UIModalPresentationOverCurrentContext];
    [self.navigationController presentViewController:myVC animated:YES completion:nil];

E in MYViewController imposta il colore di sfondo nero e riduci l'opacità

È un po 'confuso, ma per me questo codice funziona (iOS 6):

AppDelegate *appDelegate = (AppDelegate *)[[UIApplication sharedApplication] delegate];

[self presentViewController:self.signInViewController animated:YES completion:^{
    [self.signInViewController dismissViewControllerAnimated:NO completion:^{
        appDelegate.window.rootViewController.modalPresentationStyle = UIModalPresentationCurrentContext;
        [self presentViewController:self.signInViewController animated:NO completion:nil];
        appDelegate.window.rootViewController.modalPresentationStyle = UIModalPresentationFullScreen;

    }];
}];

Questo codice funziona anche su iPhone

Questa categoria ha funzionato per me (iOS 7, 8 e 9)

File H.

@interface UIViewController (navigation)
- (void) presentTransparentViewController:(UIViewController *)viewControllerToPresent animated:(BOOL)flag completion:(void (^)(void))completion;
@end

File M.

@implementation UIViewController (navigation)
- (void)presentTransparentViewController:(UIViewController *)viewControllerToPresent animated:(BOOL)flag completion:(void (^)(void))completion
{
    if(SYSTEM_VERSION_LESS_THAN(@"8.0")) {
        [self presentIOS7TransparentController:viewControllerToPresent withCompletion:completion];

    }else{
        viewControllerToPresent.modalPresentationStyle = UIModalPresentationOverCurrentContext;
         [self presentViewController:viewControllerToPresent animated:YES completion:completion];
    }
}
-(void)presentIOS7TransparentController:(UIViewController *)viewControllerToPresent withCompletion:(void(^)(void))completion
{
    UIViewController *presentingVC = self;
    UIViewController *root = self;
    while (root.parentViewController) {
        root = root.parentViewController;
    }
    UIModalPresentationStyle orginalStyle = root.modalPresentationStyle;
    root.modalPresentationStyle = UIModalPresentationCurrentContext;
    [presentingVC presentViewController:viewControllerToPresent animated:YES completion:^{
        root.modalPresentationStyle = orginalStyle;
    }];
}
@end

La soluzione a questa risposta usando swift sarebbe la seguente.

let vc = MyViewController()
vc.view.backgroundColor = UIColor.clear // or whatever color.
vc.modalPresentationStyle = .overCurrentContext
present(vc, animated: true, completion: nil)

Se stai usando Storyboard, puoi seguire questo passaggio:

1. Aggiungi un controller di visualizzazione (V2), imposta l'interfaccia utente nel modo desiderato

• aggiungi un UIView - imposta lo sfondo su nero e l'opacità su 0,5
• aggiungi un altro UIView (2) - che fungerà da popup (tieni presente che UIView e UIView (2) devono avere lo stesso livello / gerarchia. Non rendere l'immagine vista figlio della vista, altrimenti l'opacità dell'uiview sarà influenzare l'UIView (2))

2. Present V2 Modally

3. Fai clic su segue. Nella finestra di ispezione Attributi, Imposta presentazione come A schermo intero . Rimuovi l'animazione, se lo desideri

4. Seleziona V2. Nella finestra di ispezione Attributi, Imposta presentazione come A schermo intero . Controlla definisce il contesto e fornisce il contesto

5. Seleziona il MainView del tuo V2 (vedi immagine di controllo). Imposta backgroundColor su Clear Color

Ho aggiunto queste tre righe nel metodo init nel controller di visualizzazione presentato e funziona come un incantesimo:

self.providesPresentationContextTransitionStyle = YES;
self.definesPresentationContext = YES;
[self setModalPresentationStyle:UIModalPresentationOverCurrentContext];

EDIT (lavorando su iOS 9.3):

self.modalPresentationStyle = UIModalPresentationOverFullScreen;

Come da documentazione:

UIModalPresentationOverFullScreen Uno stile di presentazione della vista in cui la vista presentata copre lo schermo. Le viste sotto il contenuto presentato non vengono rimosse dalla gerarchia delle viste al termine della presentazione. Pertanto, se il controller di visualizzazione presentato non riempie lo schermo di contenuto opaco, il contenuto sottostante viene visualizzato.

Disponibile in iOS 8.0 e versioni successive.

Il modo alternativo è utilizzare una "vista contenitore". Crea alpha al di sotto di 1 e incorporalo con seque. XCode 5, target iOS7. Testato su iPhone.

Vista contenitore disponibile da iOS6. Link a post di blog su questo.

Ho creato un oggetto per gestire la presentazione di quello che chiamo un "modale sovrapposto", il che significa che mantiene la vista dello sfondo e consente di avere un modale con uno sfondo trasparente.

Ha un metodo unico e semplice per fare ciò:

- (void)presentViewController:(UIViewController *)presentedViewController
       fromViewController:(UIViewController *)presentingViewController
{
    presentedViewController.modalPresentationStyle = UIModalPresentationCustom;
    presentedViewController.transitioningDelegate = self;
    presentedViewController.modalPresentationCapturesStatusBarAppearance = YES;

    [presentedViewController setNeedsStatusBarAppearanceUpdate];

    [presentingViewController presentViewController:presentedViewController
                                       animated:YES
                                     completion:nil];
}

È importante impostare la modalPresentationCapturesStatusBarAppearanceproprietà su YESe forzare l'aggiornamento dell'aspetto della barra di stato, se il controller della vista presentato ha un diverso preferredStatusBarStyle.

Questo oggetto dovrebbe avere a @property (assign, nonatommic) isPresenting

Si desidera che questo oggetto di conformarsi alle UIViewControllerAnimatedTransitioninge UIViewControllerTransitioningDelegateprotocolli e implementare i metodi seguenti:

- (id)animationControllerForPresentedController:(UIViewController *)presented
                           presentingController:(UIViewController *)presenting
                               sourceController:(UIViewController *)source
{
    self.isPresenting = YES;

    return self;
}

- (id)animationControllerForDismissedController:(UIViewController *)dismissed
{
    self.isPresenting = NO;

    return self;
}

e:

- (NSTimeInterval)transitionDuration:(id)transitionContext
{
    return 0.25;
}

- (void)animateTransition:(id)transitionContext
{
    UIViewController* firstVC = [transitionContext viewControllerForKey:UITransitionContextFromViewControllerKey];
    UIViewController* secondVC = [transitionContext viewControllerForKey:UITransitionContextToViewControllerKey];
    UIView* containerView = [transitionContext containerView];
    UIView* firstView = firstVC.view;
    UIView* secondView = secondVC.view;

    if (self.isPresenting) {
        [containerView addSubview:secondView];
        secondView.frame = (CGRect){
            containerView.frame.origin.x,
            containerView.frame.origin.y + containerView.frame.size.height,
            containerView.frame.size
        };

        firstView.tintAdjustmentMode = UIViewTintAdjustmentModeDimmed;
        [UIView animateWithDuration:0.25 animations:^{
            secondView.frame = containerView.frame;
        } completion:^(BOOL finished) {
            [transitionContext completeTransition:YES];
        }];
        } else {
        [UIView animateWithDuration:0.25 animations:^{
            firstView.frame = (CGRect){
                containerView.frame.origin.x,
                containerView.frame.origin.y + containerView.frame.size.height,
                containerView.frame.size
        };

        } completion:^(BOOL finished) {
            [transitionContext completeTransition:YES];
        }];
    }
}

Questo fa un'animazione slide-in-the-the-bottom che imita l'animazione modale predefinita, ma puoi renderla come vuoi.

L'importante è che la vista del controller della vista di presentazione rimanga nella parte posteriore, consentendoti di creare un effetto trasparente.

Questa soluzione funziona per iOS 7+

Un modo molto semplice per farlo (usando Storyboards, ad esempio) è:

UIStoryboard *storyboard = [UIStoryboard storyboardWithName:@"SomeStoryboard" bundle:nil];
UIViewController *vc = [storyboard instantiateViewControllerWithIdentifier:@"SomeStoryboardViewController"];
// the key for what you're looking to do:
vc.modalPresentationStyle = UIModalPresentationOverCurrentContext;
vc.view.alpha = 0.50f;

[self presentViewController:vc animated:YES completion:^{
    // great success
}];

Questo presenterà un UIViewControllerin modo Storyboardmodale, ma con uno sfondo traslucido.

Funzionando per iOS 7-10

if #available(iOS 8.0, *) {
    nextVC.modalPresentationStyle = .OverCurrentContext
    self.presentViewController(nextVC, animated: true, completion: nil)
} else {
    // Fallback on earlier version
    self.modalPresentationStyle = .Custom          
    nextVC.modalTransitionStyle = .CrossDissolve            
    self.presentViewController(nextVC, animated: false, completion: nil)
    }
}

Per ricapitolare tutte le risposte e i commenti validi qui e continuare ad avere un'animazione mentre ci si sposta nel nuovo, ViewControllerquesto è quello che ho fatto: (Supporta iOS 6 e versioni successive)

Se stai usando un UINavigationController\ UITabBarControllerquesto è il modo di procedere:

    SomeViewController *vcThatWillBeDisplayed = [self.storyboard instantiateViewControllerWithIdentifier:@"SomeVC"];

    vcThatWillBeDisplayed.view.backgroundColor = [UIColor colorWithRed: 255/255.0 green:255/255.0 blue:255/255.0 alpha:0.50];    

    self.navigationController.modalPresentationStyle = UIModalPresentationCurrentContext;
    [self presentViewController:presentedVC animated:YES completion:NULL];

Se lo farai, perderai l' modalTransitionStyleanimazione. Per risolverlo puoi aggiungere facilmente alla tua SomeViewControllerclasse questo:

-(void)viewDidAppear:(BOOL)animated
{
    [super viewDidAppear:animated];
    [UIView animateWithDuration:0.4 animations:^() {self.view.alpha = 1;}
       completion:^(BOOL finished){}];
}
- (void)viewDidLoad
{
    [super viewDidLoad];
    self.view.alpha = 0;
}

Ovviamente dovresti impostare UIModalPresentationCurrentContext, ma anche il posto dove impostare clearColor è molto importante! Non è possibile impostare lo sfondo nella funzione viewDidLoad, impostarlo prima che la vista si caricasse come nel controller della vista principale o nella funzione init del controller che sta per presentare!

actionController.view.backgroundColor = [UIColor clearColor];
[self presentViewController:actionController animated:YES completion:nil];

o

- (instancetype)init {

    self = [super initWithNibName:nil bundle:nil];

    if(self) {
        self.modalPresentationStyle = UIModalPresentationOverCurrentContext;
        [self.view setBackgroundColor:[UIColor clearColor]];
    }

    return self;
}

Se stai usando il modal segue, assicurati di impostarlo come questa immagine (puoi disattivare l'animazione se vuoi)

Un metodo completo testato su iOS 7 e iOS 8.

@interface UIViewController (MBOverCurrentContextModalPresenting)

/// @warning Some method of viewControllerToPresent will called twice before iOS 8, e.g. viewWillAppear:.
- (void)MBOverCurrentContextPresentViewController:(UIViewController *)viewControllerToPresent animated:(BOOL)flag completion:(void (^)(void))completion;

@end

@implementation UIViewController (MBOverCurrentContextModalPresenting)

- (void)MBOverCurrentContextPresentViewController:(UIViewController *)viewControllerToPresent animated:(BOOL)flag completion:(void (^)(void))completion {
    UIViewController *presentingVC = self;

    // iOS 8 before
    if (floor(NSFoundationVersionNumber) <= NSFoundationVersionNumber_iOS_7_1) {
        UIViewController *root = presentingVC;
        while (root.parentViewController) {
            root = root.parentViewController;
        }

        [presentingVC presentViewController:viewControllerToPresent animated:YES completion:^{
            [viewControllerToPresent dismissViewControllerAnimated:NO completion:^{
                UIModalPresentationStyle orginalStyle = root.modalPresentationStyle;
                if (orginalStyle != UIModalPresentationCurrentContext) {
                    root.modalPresentationStyle = UIModalPresentationCurrentContext;
                }
                [presentingVC presentViewController:viewControllerToPresent animated:NO completion:completion];
                if (orginalStyle != UIModalPresentationCurrentContext) {
                    root.modalPresentationStyle = orginalStyle;
                }
            }];
        }];
        return;
    }

    UIModalPresentationStyle orginalStyle = viewControllerToPresent.modalPresentationStyle;
    if (orginalStyle != UIModalPresentationOverCurrentContext) {
        viewControllerToPresent.modalPresentationStyle = UIModalPresentationOverCurrentContext;
    }
    [presentingVC presentViewController:viewControllerToPresent animated:YES completion:completion];
    if (orginalStyle != UIModalPresentationOverCurrentContext) {
        viewControllerToPresent.modalPresentationStyle = orginalStyle;
    }
}

@end

Rapido 4.2

guard let someVC = UIStoryboard(name: "Main", bundle: nil).instantiateViewController(withIdentifier: "someVC") as? someVC else {
    return
}
someVC.modalPresentationStyle = .overCurrentContext

present(someVC, animated: true, completion: nil)

nel delegato dell'app:

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
    [[_window rootViewController]setModalPresentationStyle:UIModalPresentationCurrentContext];
    return YES;
}

nella prima vista controller da cui devi caricare la vista successiva:

  NextViewController *customvc = [[NextViewController alloc]init];
    [self presentViewController:customvc animated:YES completion:^{

    }];

nel tuo prossimo ViewController che deve essere aggiunto trasparente:

- (void)viewDidLoad
{
    [super viewDidLoad];
    self.view.backgroundColor = [UIColor clearColor];
    UIView* backView = [[UIView alloc] initWithFrame:self.view.frame];
    backView.backgroundColor = [[UIColor blackColor] colorWithAlphaComponent:0.6];
    [self.view insertSubview:backView atIndex:0];
}

La schermata di accesso è modale, il che significa che si trova in cima alla schermata precedente. Finora abbiamo Sfondo sfocato, ma non è nulla di sfocato; è solo uno sfondo grigio.

Dobbiamo impostare correttamente il nostro modale.

target link immagine

• Innanzitutto, dobbiamo cambiare lo sfondo Visualizza del controller di visualizzazione in Cancella colore. Significa semplicemente che dovrebbe essere trasparente. Per impostazione predefinita, quella vista è bianca.

• In secondo luogo, dobbiamo selezionare il Segue che porta alla schermata di accesso e, nella finestra di ispezione degli attributi, impostare la Presentazione su Over Current Context. Questa opzione è disponibile solo con Layout automatico e Classi dimensioni abilitate.

target link immagine

Impostare la navigazione modalPresentationStylesuUIModalPresentationCustom

e imposta il colore di sfondo del controller di visualizzazione presentato come colore chiaro.