iOS: модальный 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это использовать modalPresentationStyle представляемого ViewController. Это будет также охватывать кнопки навигации и вкладки.

Для тех, кто пытается заставить это работать в iOS 8, «одобренный Apple» способ отобразить прозрачный контроллер модального вида - установить modalPresentationStyle на текущем контроллере ed значение UIModalPresentationOverCurrentContext.

Это можно сделать в коде или установив свойства перехода в раскадровке.

Из документации UIViewController:

UIModalPresentationOverCurrentContext

Стиль представления, в котором содержимое отображается только над содержимым контроллера родительского представления. Представления под представленным содержимым не удаляются из иерархии представлений по окончании презентации. Таким образом, если представленный контроллер представления не заполняет экран непрозрачным контентом, базовый контент просвечивает.

При представлении контроллера представления во всплывающем окне этот стиль представления поддерживается только в том случае, если стиль перехода - UIModalTransitionStyleCoverVertical. Попытка использовать другой стиль перехода вызывает исключение. Тем не менее, вы можете использовать другие стили перехода (кроме частичного перехода curl), если родительский контроллер представления не находится во всплывающем окне.

Доступный в iOS 8.0 и позже.

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

Видеоролик «Просмотр улучшений контроллера в iOS 8» с WWDC 2014 подробно расскажет об этом.

Примечание:

• Убедитесь, что ваш представленный контроллер представления имеет четкий цвет фона, чтобы он не был прозрачным!
• Вы должны установить это перед представлением, т.е. установка этого параметра в viewDidLoadпредставленном представлении ControlController не окажет никакого влияния

В 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:

Создайте последовательность для модального представления и установите свойство 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

М файл

@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), настройте пользовательский интерфейс так, как вы этого хотите

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

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

3. Нажмите на переход. В инспекторе атрибутов установите представление как на весь экран . Удалить анимацию, если хотите

4. Выберите V2. В инспекторе атрибутов установите представление как на весь экран . Проверка определяет контекст и предоставляет контекст

5. Выберите MainView вашего V2 (пожалуйста, проверьте изображение). Установите backgroundColor в Clear Color

Я добавил эти три строки в методе init в представленном контроллере представления, и он работает как шарм:

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

РЕДАКТИРОВАТЬ (работает на iOS 9.3):

self.modalPresentationStyle = UIModalPresentationOverFullScreen;

Согласно документации:

UIModalPresentationOverFullScreen Стиль представления представления, в котором представленное представление закрывает экран. Представления под представленным содержимым не удаляются из иерархии представлений по окончании презентации. Таким образом, если представленный контроллер представления не заполняет экран непрозрачным контентом, базовый контент просвечивает.

Доступный в 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, установите его до того, как представление загрузилось, как в корневом контроллере представления или в функции инициализации контроллера, который будет представлен!

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)

в приложении:

- (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 View Controller на Clear color. Это просто означает, что он должен быть прозрачным. По умолчанию этот вид является белым.

• Во-вторых, нам нужно выбрать Segue, который ведет к экрану входа в систему, и в инспекторе атрибутов установить презентацию в текущий контекст. Этот параметр доступен только при включенных автоматических макетах и ​​классах размеров.

целевая ссылка на изображение

Установить навигацию modalPresentationStyleнаUIModalPresentationCustom

и установите цвет фона представленного контроллера представления как чистый цвет.