iOS: Modal ViewController з прозорим фоном

Я намагаюся представити контролер перегляду модально, з прозорим фоном. Моя мета - дозволити одночасно відображати подання як представленого, так і представленого контролерів перегляду. Проблема полягає в тому, що коли закінчується представлення анімації, подання контролера подання подання зникає.

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

Я б пішов із додаванням підпрозору.

Ось дуже гарна дискусія. Подивіться конкретно на коментарі. Не лише відповідь.

Модальний вигляд

Якби я був ти, я б цього не робив. Я додав би підвид і зробив це. Здається, це дає мені кращий контроль над речами.

Редагувати:

Як згадував Пол Лінсей, оскільки для iOS 8 все, що потрібно, - це UIModalPresentationOverFullScreenдля представленого модального представлення стилю ViewController. Це також охоплюватиме кнопки навігації та навігації.

Для тих, хто намагається змусити це працювати в iOS 8, "схвалений Apple" спосіб відображення прозорого контролера модального перегляду є встановленням modalPresentationStyle цього контролера ed на UIModalPresentationOverCurrentContext.

Це можна зробити за допомогою коду, або встановивши властивості segue у дошці.

З документації UIViewController:

UIModalPresentationOverCurrentContext

Стиль презентації, де вміст відображається лише над вмістом контролера батьківського перегляду. Перегляди під представленим вмістом не видаляються з ієрархії подання, коли презентація закінчується. Отже, якщо представлений контролер перегляду не заповнює екран непрозорим вмістом, базовий вміст відображається наскрізь.

Під час подання контролера перегляду в поточному режимі цей стиль подання підтримується лише в тому випадку, якщо стиль переходу є UIModalTransitionStyleCoverVertical. Спроба використовувати інший стиль переходу викликає виняток. Однак ви можете використовувати інші стилі переходу (за винятком часткового переходу згортання), якщо контролер перегляду батьків не перебуває в переході.

Доступно в iOS 8.0 та новіших версіях.

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

Відео "Перегляд досягнень контролера у iOS 8" від WWDC 2014 детально описується в цьому.

Примітка:

• Обов’язково надайте представленому контролеру подання чіткий колір фону, щоб він насправді не проглянувся!
• Ви повинні встановити це перед тим, як представляти, тобто встановлення цього параметра в viewDidLoadпредставленомуViewController не вплине

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

Цей код добре працює на iPhone під iOS6 та iOS7:

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

Якщо наш представлений V знаходиться всередині UINavigationController або UITabbarController, вам потрібно працювати з цими контролерами як представлення VC.

Крім того, в iOS7 ви можете реалізувати користувацьку анімацію переходу, що застосовує UIViewControllerTransitioningDelegateпротокол. Звичайно, в цьому випадку ви можете отримати прозорий фон

@interface ModalViewController : UIViewController <UIViewControllerTransitioningDelegate>

По-перше, перед тим, як презентувати, ви повинні встановити modalPresentationStyle

modalViewController.modalPresentationStyle = UIModalPresentationCustom;

Тоді вам доведеться реалізувати два методи протоколу

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

Я трохи поборовся з Інтерфейс-конструктором XCode 7, щоб встановити стиль презентації, як запропонував @VenuGopalTewari. У цій версії, здається, немає Over Current Contextабо Over Full Screenрежиму презентації для segue. Таким чином, щоб він працював, я встановив режим Default:

з

Додатково я встановлюю режим подання модально представленого контролера перегляду на Over Full Screen:

Створіть segue для модального представлення та встановіть властивість Presentation цього segue у поточному контексті, воно буде працювати 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

Вирішення цієї відповіді за допомогою швидкого було б наступним.

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

Якщо ви використовуєте Інструментарій, ви можете виконати цей крок:

1. Додайте контролер перегляду (V2), налаштуйте інтерфейс користувача так, як вам потрібно

• додайте UIView - встановіть фон чорного кольору, а непрозорість - 0,5
• додайте ще один UIView (2) - він буде слугувати вашим спливаючим вікном (будь ласка, зауважте, що UIView та UIView (2) повинні мати однаковий рівень / ієрархію. Не робіть перегляд зображення дитиною подання, інакше непрозорість uiview буде впливати на UIView (2))

2. Представити V2 модально

3. Клацніть segue. У інспекторі атрибутів встановіть презентацію як на весь екран . Видаліть анімацію, якщо хочете

4. Виберіть V2. У інспекторі атрибутів встановіть презентацію як на весь екран . Перевірка Визначає контекст і надає контекст

5. Виберіть головний вигляд свого V2 (Pls. Перевірте зображення). Встановіть backgroundColor на Clear Color

Я додав ці три рядки методом init у представлений контролер подання, і він працює як шарм:

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

EDIT (працює на iOS 9.3):

self.modalPresentationStyle = UIModalPresentationOverFullScreen;

Відповідно до документації:

UIModalPresentationOverFullScreen Стиль презентації перегляду, у якому поданий вигляд охоплює екран. Перегляди під представленим вмістом не видаляються з ієрархії подання, коли презентація закінчується. Отже, якщо представлений контролер перегляду не заповнює екран непрозорим вмістом, базовий вміст відображається наскрізь.

Доступно в iOS 8.0 та новіших версіях.

Альтернативний спосіб - використовувати "перегляд контейнера". Просто зробіть альфа нижче 1 і вставте з секею. 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;
}

Якщо ви використовуєте модальний segue, не забудьте встановити його як це зображення (ви можете вимкнути анімацію, якщо хочете)

Повний метод, перевірений на 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

Швидкий 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)

у додатку:

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

у вас перший контролер перегляду, звідки вам потрібно завантажити наступний вигляд:

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

    }];

у наступномуViewController, який потрібно додати прозоро:

- (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 View Controller на Clear color. Це просто означає, що він повинен бути прозорим. За замовчуванням цей Вид білий.

• По-друге, нам потрібно вибрати Segue, що веде до екрана входу, і в інспекторі атрибутів встановити презентацію на "Над поточним контекстом". Ця опція доступна лише з увімкненими класами автоматичного розміщення та розміру.

зображення посилання цілі

Встановити навігацію modalPresentationStyleнаUIModalPresentationCustom

і встановіть колір тла представленого контролера перегляду як чіткий колір.