ios - UIViewController を iPhone でポップアップとして表示する

Question

このよくある質問に対する完全で決定的な回答はないので、ここで質問して回答します。

UIViewController下の図のように、全画面をカバーしないように表示する必要があることがよくあります。

Apple は、Twitter や Facebook 共有ビュー コントローラーUIViewControllerなど、いくつかの同様の を提供しています。UIAlertView

カスタムコントローラーでこの効果を実現するにはどうすればよいでしょうか?

Answer 1

注 : このソリューションは iOS 8 では壊れています。新しいソリューションをできるだけ早く投稿します。

ここでは絵コンテを使って回答しますが、絵コンテなしでも可能です。

1. Init:ストーリーボードに2 つ作成UIViewControllerします。

   • FirstViewControllerどちらが正常で、SecondViewControllerどちらがポップアップになるか を言いましょう。

2. モーダル セグエ: FirstViewControllerに入れ、これにモーダル セグエとしてUIButtonセグエを作成します。UIButtonSecondViewController

3. 透明にする:UIView (UIViewでデフォルトで作成されるUIViewController) を選択SecondViewControllerし、背景色を透明色に変更します。

4. 背景を薄暗くする:画面全体を覆うを追加し、UIImageViewそのSecondViewController画像を薄暗い半透明の画像に設定します。ここからサンプルを取得できます:UIAlertView背景画像

5. 表示デザイン:を追加して、表示UIViewしたい任意の種類のデザインを作成します。ここに私のストーリーボードのスクリーンショットがあります

   • SecondViewControllerここでは、ユーザー名とパスワードを尋ねるポップアップとして開くログイン ボタンにセグエを追加しました。

6. 重要:これが主なステップです。FirstViewController をSecondViewController完全に非表示にしないでください。クリアカラーを設定しましたが、これでは不十分です。デフォルトでは、モデル プレゼンテーションの背後に黒が追加されるため、 の viewDidLoad に 1 行のコードを追加する必要がありFirstViewControllerます。別の場所に追加することもできますが、セグエの前に実行する必要があります。

   [self setModalPresentationStyle:UIModalPresentationCurrentContext];

7. 却下:いつ却下するかは、ユース ケースによって異なります。これはモーダル プレゼンテーションであるため、モーダル プレゼンテーションと同じように処理します。

   [self dismissViewControllerAnimated:YES completion:Nil];

それで全部です.....

どんな種類の提案やコメントも大歓迎です。

デモ : ここからデモ ソース プロジェクトを取得できます :ポップアップ デモ

NEW : 誰かがこの概念について非常に素晴らしい仕事をしました: MZFormSheetController
New : この種の関数を取得するためのコードをもう 1 つ見つけました: KLCPopup

---

iOS 8 Update : iOS 7 と iOS 8 の両方で動作するようにこのメソッドを作成しました

+ (void)setPresentationStyleForSelfController:(UIViewController *)selfController presentingController:(UIViewController *)presentingController
{
    if (iOSVersion >= 8.0)
    {
        presentingController.providesPresentationContextTransitionStyle = YES;
        presentingController.definesPresentationContext = YES;

        [presentingController setModalPresentationStyle:UIModalPresentationOverCurrentContext];
    }
    else
    {
        [selfController setModalPresentationStyle:UIModalPresentationCurrentContext];
        [selfController.navigationController setModalPresentationStyle:UIModalPresentationCurrentContext];
    }
}

---

このメソッドは、このように prepareForSegue デリゲート内で使用できます

- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender {

    PopUpViewController *popup = segue.destinationViewController;
    [self setPresentationStyleForSelfController:self presentingController:popup]
}

Answer 2

これは、Interface Builder で行うことができます。

• モーダルに表示したいビューの最も外側のビューの背景を透明に設定します
• コントロール + クリック アンド ドラッグでホスト ビュー コントローラーからモーダル ビュー コントローラーに移動
• 現在のモーダルを選択
• 新しく作成されたセグエをクリックし、属性インスペクター (右側) で「プレゼンテーション」を「現在のコンテキスト」に設定します。

Answer 3

今尾が UIImageView を背景に置くのは良い考えではありません。私の場合、コントローラービューに他の2つのビューを追加しました。最初のビューには[UIColor clearColor]背景があり、2番目に透明にしたい色（私の場合は灰色）があります。順序が重要であることに注意してください。次に、2番目のビューではアルファ0.5（アルファ> = 0 <= 1）を設定します。これを行に追加しましたprepareForSegue

infoVC.providesPresentationContextTransitionStyle = YES;
infoVC.definesPresentationContext = YES;

それだけです。

Answer 4

スウィフト 4:

オーバーレイまたはポップアップ ビューを追加するには、コンテナ ビューを使用して無料のビュー コントローラを取得することもできます (通常のオブジェクト パレット/ライブラリからコンテナ ビューを取得します)。

手順:

1. このコンテナー ビューを保持するビュー (図の ViewForContainer) を用意して、コンテナー ビューのコンテンツが表示されているときにそれを暗くします。最初のView Controller内にコンセントを接続します

2. 最初の VC のロード時にこのビューを非表示にする

3. ボタンがクリックされたときに再表示

4. コンテナ ビューのコンテンツが表示されているときにこのビューを暗くするには、ビューの背景を黒に、不透明度を 30% に設定します。

ボタンをクリックすると、この効果が得られます

Answer 5

これを行うと、他のサブビューをビュー コントローラーに追加できます。最初に、サブビューとして追加するViewControllerのステータスバーをNoneに設定して、必要に応じてサイズを変更できるようにします。次に、Present View コントローラーでボタンを作成し、ボタン クリックのメソッドを作成します。メソッドでは：

- (IBAction)btnLogin:(id)sender {
    SubView *sub = [[SubView alloc] initWithNibName:@"SubView" bundle:nil];
    sub.view.frame = CGRectMake(20, 100, sub.view.frame.size.width, sub.view.frame.size.height);
    [self.view addSubview:sub.view];
}

ご不明な点がございましたら、お気軽にお問い合わせください...