iOS: Modal ViewController avec un fond transparent

Pour ceux qui essaient d'obtenir que cela fonctionne dans iOS 8, la "approuvé par Apple" façon d'afficher une transparence modal-vue-contrôleur est par la mise en modalPresentationStyle sur le présented contrôleur à UIModalPresentationOverCurrentContext.

Cela peut être fait dans le code, ou en définissant les propriétés de la séquence dans le storyboard.

De la UIViewController documentation:

UIModalPresentationOverCurrentContext

Un style de présentation où le contenu est affiché seulement sur le
parent-vue-contrôleur de contenu. Le point de vue présenté sous la
le contenu ne sont pas supprimés à partir de la vue de la hiérarchie lors de la présentation
les finitions. Donc, si la vue-contrôleur ne remplit pas l'écran
opaque contenu, le contenu sous-jacent montre à travers.

Lors de la présentation d'une vue contrôleur dans une fenêtre pop-over, cette présentation
le style est pris en charge uniquement si le style de transition est
UIModalTransitionStyleCoverVertical. Tenter d'utiliser un autre
style de transition déclenche une exception. Toutefois, vous pouvez utiliser d'autres
la transition des styles (à l'exception partielle curl transition) si le parent
- vue-contrôleur n'est pas dans une liste.

Disponible en iOS 8.0 et versions ultérieures.

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

La 'View Controller Progrès dans iOS 8' de la vidéo à partir de la WWDC 2014 va dans ce dans le détail.

Remarque:

• Assurez-vous de donner à votre présentés vue-contrôleur clairement la couleur d'arrière-plan, de peur de ne pas être réellement voir-à travers!
• Vous devez définir cette avant présentant ie réglage de ce paramètre dans le viewDidLoad de la presentedViewController de ne pas avoir une incidence

Ce code fonctionne très bien sur iPhone sous iOS6 et iOS7:

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

Dans ce cas, vous manquez de glissement de l'animation. Pour conserver l'animation, vous pouvez utiliser la suite de "non-noble" extension:

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

Si notre presentingV est situé à l'intérieur de UINavigationController ou UITabbarController vous avez besoin pour fonctionner avec les contrôleurs de presentingVC.

En outre, dans iOS7, vous pouvez mettre en œuvre personnalisée animation de transition appliquant UIViewControllerTransitioningDelegate protocole. Bien sûr, dans ce cas, vous pouvez obtenir un fond transparent

@interface ModalViewController : UIViewController <UIViewControllerTransitioningDelegate>

D'abord, avant de vous présenter, vous devez définir modalPresentationStyle

modalViewController.modalPresentationStyle = UIModalPresentationCustom;

Ensuite, vous avez à mettre en œuvre deux protocole méthodes

- (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;
}

La dernière chose à faire est de définir votre transition personnalisée dans CustomAnimatedTransitioning classe

@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
    }
}

Créer un segue à présent modal et de définir la Présentation des biens de cette séquence à plus de contexte actuel
il sera à 100 %

C'est un peu de hacky, mais pour moi, ce code fonctionne (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;

    }];
}];

Ce code fonctionne aussi sur iPhone

J'ai ajouté ces trois lignes dans la méthode init de la vue-contrôleur, et fonctionne comme un charme:

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

MODIFIER (travail sur iOS 9.3):

self.modalPresentationStyle = UIModalPresentationOverFullScreen;

Selon la documentation:

UIModalPresentationOverFullScreen
Une vue de la présentation de style dans lequel la vue couvre l'écran. Les vues sous l'présenté le contenu ne sont pas supprimés à partir de la vue de la hiérarchie lors de la présentation de finitions. Donc, si la vue-contrôleur ne remplit pas l'écran opaque de contenu, le contenu sous-jacent montre à travers.

Disponible en iOS 8.0 et versions ultérieures.

La solution à cette réponse à l'aide de swift serait comme suit.

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

J'ai créé un objet permettant de gérer la présentation de ce que j'appelle un "superposés modal", ce qui signifie qu'il conserve l'arrière-plan de la vue et vous permet d'avoir un modal avec un fond transparent.

Il a une seule méthode simple qui ne ce:

- (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];
}

Il est important de définir le modalPresentationCapturesStatusBarAppearance propriété YES et de la force de la barre d'état de l'apparence de mettre à jour, si votre présentés vue-contrôleur a un autre preferredStatusBarStyle.

Cet objet doit avoir un @property (assign, nonatommic) isPresenting

Vous voulez cet objet pour se conformer à la UIViewControllerAnimatedTransitioning et UIViewControllerTransitioningDelegate protocoles et de mettre en œuvre les méthodes suivantes:

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

    return self;
}

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

    return self;
}

et:

- (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];
        }];
    }
}

Ce qui fait un glisser-dans-de-la-bas d'animation imitant la valeur par défaut modal de l'animation, mais vous pouvez faire ce que vous voulez.

La chose importante est que la présentation de la vue du contrôleur de vue reste à l'arrière, vous permettant de créer un effet transparent.

Cette solution fonctionne pour iOS 7+

Pour récapituler toutes les bonnes réponses et les commentaires ici et d'avoir encore une animation tout en se déplaçant à votre nouvelle ViewController c'est ce que j'ai fait: (prend en charge iOS 6 et plus)

Si votre utilisation d'un UINavigationController \ UITabBarController c'est le chemin à parcourir:

    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];

Si vous allez faire que vous allez perdre votre modalTransitionStyle animation. Pour le résoudre, vous pouvez facilement ajouter à votre SomeViewController classe ce:

-(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;
}

De sûr, vous devriez définir UIModalPresentationCurrentContext, mais l'endroit pour installer clearColor est très important aussi! Vous ne pouvez pas choisir la couleur de fond dans le viewDidLoad fonction, réglez-le avant que la vue ne charge comme dans le vue de la racine contrôleur ou dans le fonction init du contrôleur qui va présenter!

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

ou

- (instancetype)init {

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

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

    return self;
}

Une méthode complète testé sur iOS 7 et 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

dans appdelegate :

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

dans vous premier-vue-contrôleur à partir de l'endroit où vous devez charger la vue suivante:

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

dans votre nextViewController qui est d'être transparent ajouté:

- (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];
}

Ensemble de la navigation modalPresentationStyle à UIModalPresentationCustom

et de définir votre présentés vue du contrôleur de la couleur d'arrière-plan couleur claire.