iOS：背景が透明なモーダルViewController

透明な背景で、ビューコントローラーをモーダルで表示しようとしています。私の目標は、表示と表示の両方のView Controllerのビューを同時に表示できるようにすることです。問題は、提示するアニメーションが終了すると、提示するビューコントローラのビューが消えることです。

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

ビューをサブビューとして追加できることはわかっていますが、何らかの理由でこの解決策を避けたいと思います。どうすれば修正できますか？

次のコードはiPadでのみ機能します。

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

サブビューを追加していきます。

これは非常に良い議論です。特にコメントを見てください。答えだけではありません。

モーダルビュー

もし私があなただったら、私はそれをしなかったでしょう。サブビューを追加して実行します。それは私に物事のより良い制御を与えるようです。

編集：

Paul Linsayが述べたように、iOS 8以降、必要なのはUIModalPresentationOverFullScreen、表示されるViewControllerのmodalPresentationStyleだけです。これは、navigationBarボタンとtabBarボタンもカバーします。

これをiOS 8で動作させようとする人にとって、透明なモーダルビューコントローラーを表示する「アップル承認」の方法はmodalPresentationStyle 、現在のedコントローラーをに設定すること UIModalPresentationOverCurrentContextです。

これは、コードで、またはストーリーボードでセグエのプロパティを設定することで実行できます。

UIViewControllerドキュメントから：

UIModalPresentationOverCurrentContext

親View Controllerのコンテンツの上にのみコンテンツが表示されるプレゼンテーションスタイル。プレゼンテーションが終了しても、提示されたコンテンツの下のビューはビュー階層から削除されません。そのため、提示されたView Controllerが不透明なコンテンツで画面を満たさない場合、基になるコンテンツが透けて見えます。

ポップオーバーでビューコントローラーを表示する場合、このプレゼンテーションスタイルは、遷移スタイルがUIModalTransitionStyleCoverVerticalの場合にのみサポートされます。別の遷移スタイルを使用しようとすると、例外がトリガーされます。ただし、親のビューコントローラーがポップオーバーにない場合は、他の遷移スタイル（部分的なカール遷移を除く）を使用できます。

iOS 8.0以降で利用できます。

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

WWDC 2014の「View Controller Advancements in iOS 8」のビデオで、これについて詳しく説明しています。

注意：

• 実際にシースルーにならないように、表示されたビューコントローラーには明確な背景色を指定してください。
• 提示する前にこれを設定する必要があります。つまりviewDidLoad、presentedViewControllerのでこのパラメータを設定しても影響はありません。

iOS 8.0以降では、プロパティmodalPresentationStyleを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];

このコードは、iOS6およびiOS7のiPhoneで正常に動作します。

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

この場合、スライドオンのアニメーションを見逃します。アニメーションを保持するには、次の「エレガントでない」拡張機能を使用できます。

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

presentingVがUINavigationControllerまたはUITabbarController内にある場合は、そのコントローラーをpresentingVCとして操作する必要があります。

さらに、iOS7では、カスタム遷移アニメーション適用UIViewControllerTransitioningDelegateプロトコルを実装できます。もちろん、この場合、透明な背景を得ることができます

@interface ModalViewController : UIViewController <UIViewControllerTransitioningDelegate>

まず、提示する前に設定する必要があります modalPresentationStyle

modalViewController.modalPresentationStyle = UIModalPresentationCustom;

次に、2つのプロトコルメソッドを実装する必要があります。

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

最後に、CustomAnimatedTransitioningクラスでカスタム遷移を定義します

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

@VenuGopalTewariが提案するように、XCode 7のインターフェイスビルダーでプレゼンテーションスタイルを設定するのに少し苦労しました。このバージョンでは、何もないように思わOver Current ContextやOver Full Screenセグエのためのプレゼンテーションモード。したがって、それを機能させるには、モードをDefault次のように設定します。

と

さらに、モーダルプレゼンテーションビューコントローラーのプレゼンテーションモードを次のように設定しますOver Full Screen。

モーダルに提示するセグエを作成し、そのセグエのPresentationプロパティを現在のコンテキスト全体に設定すると、100％機能します

背景が透明なPresentViewController-iOS 8および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];

そしてMYViewControllerで背景色を黒に設定し、不透明度を減らします

少しハッキーな方法ですが、私にとってこのコードは機能します（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;

    }];
}];

このコードはiPhoneでも機能します

このカテゴリは私のために働いた（ios 7、8および9）

Hファイル

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

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

Swiftを使用したこの回答の解決策は次のようになります。

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

ストーリーボードを使用している場合は、次の手順に従います。

1. ビューコントローラー（V2）を追加し、UIを希望どおりに設定します。

• UIViewを追加します-背景を黒に、不透明度を0.5に設定します
• 別のUIView（2）を追加します-これはポップアップとして機能します（Plsは、UIViewとUIView（2）が同じレベル/階層を持つ必要があることに注意してください。イメージビューをビューの子にしないでください。そうでない場合、uiviewの不透明度はUIView（2）に影響します）

2. V2をモーダルに提示する

3. セグエをクリックします。属性インスペクタで、プレゼンテーションを[ 全画面表示]に設定します。必要に応じてアニメーションを削除します

4. V2を選択します。属性インスペクタで、プレゼンテーションを[ 全画面表示]に設定します。チェックはコンテキストを定義し、コンテキストを提供します

5. V2のMainViewを選択します（Pls。Check画像）。backgroundColorをClear Colorに設定します

提示されたビューコントローラーのinitメソッドに次の3行を追加しました。これは魅力のように機能します。

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

編集（iOS 9.3で動作）：

self.modalPresentationStyle = UIModalPresentationOverFullScreen;

ドキュメントに従って：

UIModalPresentationOverFullScreen 表示されたビューが画面を覆うビュープレゼンテーションスタイル。プレゼンテーションが終了しても、提示されたコンテンツの下のビューはビュー階層から削除されません。そのため、表示されたView Controllerが不透明なコンテンツで画面を満たさない場合、基になるコンテンツが透けて見えます。

iOS 8.0以降で利用できます。

別の方法は、「コンテナビュー」を使用することです。アルファを1未満にし、sequeを埋め込むだけです。XCode 5、ターゲットiOS7。iPhoneでテスト済み。

iOS6から利用可能なコンテナービュー。 それに関するブログ投稿へのリンク。

私は「重ね合わせモーダル」と呼ばれるものの表示を処理するオブジェクトを作成しました。これは、背景のビューを保持し、透明な背景を持つモーダルを持つことができることを意味します。

これには、これを行う単一の単純なメソッドがあります。

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

提示されたビューコントローラーが異なる場合、modalPresentationCapturesStatusBarAppearanceプロパティをに設定しYES、ステータスバーの外観を強制的に更新することが重要ですpreferredStatusBarStyleです。

このオブジェクトには @property (assign, nonatommic) isPresenting

このオブジェクトがUIViewControllerAnimatedTransitioningおよびUIViewControllerTransitioningDelegateプロトコルに準拠し、次のメソッドを実装するようにします。

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

    return self;
}

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

    return self;
}

そして：

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

これは、デフォルトのモーダルアニメーションを模倣した下からスライドインアニメーションを実行しますが、好きなように作成できます。

重要なことは、現在のビューコントローラのビューが背面に残り、透明効果を作成できることです。

このソリューションはiOS 7以降で機能します

これを行う非常に簡単な方法は（Storyboardsたとえばを使用して）です。

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

これは、提示するUIViewControllerにStoryboardモーダルが、半透明の背景を持ちます。

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

ここですべての良い答えとコメントを要約し、新しいViewControllerものに移行するときにアニメーションを残すには、これを行いました（iOS 6以降をサポート）。

UINavigationController\ を使用している場合、UITabBarControllerこれは行く方法です：

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

そうすると、modalTransitionStyleアニメーションが失われます。それを解決するために、SomeViewControllerクラスにこれを簡単に追加できます：

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

もちろん、UIModalPresentationCurrentContextを設定する必要がありますが、clearColorを設定する場所も非常に重要です。viewDidLoad関数で背景を設定することはできません。ルートビューコントローラーやコントローラーのinit関数のように、ビューが読み込まれる前に背景を設定してください。

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

または

- (instancetype)init {

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

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

    return self;
}

モーダルセグエを使用している場合は、必ずこの画像として設定してください（必要に応じてアニメーションをオフにできます）。

iOS 7および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

Swift 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)

appdelegateで：

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

次のビューをロードする必要がある場所から、最初のビューコントローラ：

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

    }];

透過的に追加されるあなたのnextViewControllerで：

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

ログイン画面はモーダルです。つまり、前の画面の上に表示されます。これまでのところ、背景をぼかしましたが、何もぼやけていません。背景は灰色です。

モーダルを適切に設定する必要があります。

画像リンク先

• まず、View ControllerのViewの背景をClear colorに変更する必要があります。それは単にそれが透明でなければならないことを意味します。デフォルトでは、そのビューは白です。

• 次に、ログイン画面につながるセグエを選択し、属性インスペクタで、プレゼンテーションを「現在のコンテキストより上」に設定する必要があります。このオプションは、自動レイアウトとサイズクラスが有効になっている場合にのみ使用できます。

画像リンク先

設定ナビゲーションのmodalPresentationStyleへUIModalPresentationCustom

提示されたView Controllerの背景色をクリアカラーに設定します。