iOS: Saydam arka plana sahip Modal ViewController

Saydam bir arka plan ile, modally bir görünüm denetleyicisi sunmaya çalışıyorum. Amacım hem sunulan hem de sunulan görünüm denetleyicilerinin görüşünün aynı anda görüntülenmesine izin vermektir. Sorun, sunum animasyonu sona erdiğinde, sunum görünümü denetleyicisinin görünümü kaybolur.

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

Görünümü bir alt görünüm olarak ekleyebileceğimi biliyorum, ancak bir nedenden dolayı bu çözümden kaçınmak istiyorum. Nasıl düzeltebilirim?

Aşağıdaki kod yalnızca iPad'de çalışır.

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

Alt görünüm ekleyerek giderdim.

İşte çok iyi bir tartışma. Yorumlara özellikle bakın. Sadece cevap değil.

Kalıcı Görünüm

Ben olsaydım yapmazdım. Bir alt görünüm ekleyip yaparım. Bana işler üzerinde daha iyi bir kontrol sağlıyor gibi görünüyor.

DÜZENLE:

Paul Linsay tarafından belirtildiği gibi, iOS 8'den beri gereken tek şey UIModalPresentationOverFullScreen, sunulan ViewController'ın modalPresentationStyle'ı içindir. Bu ayrıca navigationBar ve tabBar düğmelerini de kapsar.

Bunun iOS 8'de çalışmasını sağlamaya çalışanlar için, şeffaf bir modsal görünüm denetleyicisini görüntülemenin "Apple onaylı" yolu modalPresentationStyle , mevcut ed denetleyicisini şu şekilde ayarlamaktır UIModalPresentationOverCurrentContext.

Bu kod olarak veya film şeridindeki segue'in özelliklerini ayarlayarak yapılabilir.

UIViewController belgelerinden:

UIModalPresentationOverCurrentContext

İçeriğin yalnızca üst görünüm denetleyicisinin içeriği üzerinde görüntülendiği bir sunum stili. Sunulan içeriğin altındaki görünümler, sunum bittiğinde görünüm hiyerarşisinden kaldırılmaz. Dolayısıyla, sunulan görünüm denetleyicisi ekranı opak içerikle doldurmazsa, temel içerik gösterilir.

Bir görüntüleme denetleyicisini bir popover'da sunarken, bu sunum stili yalnızca geçiş stili UIModalTransitionStyleCoverVertical ise desteklenir. Farklı bir geçiş stili kullanmaya çalışmak bir istisnayı tetikler. Ancak, üst görünüm denetleyicisi bir popover'da değilse, diğer geçiş stillerini (kısmi kıvrılma geçişi hariç) kullanabilirsiniz.

İOS 8.0 ve sonraki sürümlerinde kullanılabilir.

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

WWDC 2014'ten 'iOS 8'deki Denetleyici Gelişmelerini Görüntüle' videosu buna biraz ayrıntılı olarak giriyor.

Not:

• Sunulan görünüm kontrolörünüze net bir arka plan rengi verdiğinizden emin olun, aslında görünmemesi için!
• Sunmadan önce bunu ayarlamanız gerekir, yani bu parametreyi sunulanViewController öğesinde ayarlamak viewDidLoadherhangi bir etki yaratmaz.

İOS 8.0 ve üstü sürümlerde , modalPresentationStyle özelliği UIModalPresentationOverCurrentContext olarak ayarlanarak yapılabilir

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

Bu kod iOS6 ve iOS7 altında iPhone'da sorunsuz çalışır:

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

Bu durumda slayt animasyonunu kaçırırsınız. Animasyonu korumak için aşağıdaki "zarif olmayan" uzantıyı kullanabilirsiniz:

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

PresentV ürünümüz UINavigationController veya UITabbarController içinde bulunuyorsa, bu denetleyiciler ile presentVC olarak çalışmanız gerekir.

Ayrıca, iOS7'de UIViewControllerTransitioningDelegateprotokolü uygulayarak özel geçiş animasyonu uygulayabilirsiniz . Tabii ki, bu durumda şeffaf arka plan elde edebilirsiniz

@interface ModalViewController : UIViewController <UIViewControllerTransitioningDelegate>

İlk önce, sunmadan önce modalPresentationStyle

modalViewController.modalPresentationStyle = UIModalPresentationCustom;

Sonra iki protokol yöntemi uygulamak zorunda

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

Son şey, CustomAnimatedTransitioningsınıfta özel geçişinizi tanımlamaktır

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

Sunum Stilini @VenuGopalTewari'nin önerdiği gibi ayarlamak için XCode 7 Arayüz Oluşturucu ile biraz mücadele ettim. Bu versiyonda, segue için sunum modu yok Over Current Contextveya Over Full Screensunum modu var gibi görünüyor . Böylece, çalışmasını sağlamak için moduDefault :

ile

Ayrıca, kalıcı olarak sunulan görünüm denetleyicisinin sunum modunu şu şekilde ayarladım Over Full Screen:

Modal olarak sunmak için bir segue oluşturun ve bu seguein Presentation özelliğini mevcut bağlam üzerinde% 100 çalışacak şekilde ayarlayın

Şeffaf arka planlı PresentViewController - iOS 8 ve iOS 9'da

MYViewController *myVC = [self.storyboard   instantiateViewControllerWithIdentifier:@"MYViewController"];
    myVC.providesPresentationContextTransitionStyle = YES;
    myVC.definesPresentationContext = YES;
    [myVC setModalPresentationStyle:UIModalPresentationOverCurrentContext];
    [self.navigationController presentViewController:myVC animated:YES completion:nil];

Ve MYViewController'da arka plan rengini siyah olarak ayarlayın ve opaklığı azaltın

Biraz hileli bir yol, ama benim için bu kod çalışıyor (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;

    }];
}];

Bu kod iPhone'da da çalışır

Bu kategori benim için çalıştı (ios 7, 8 ve 9)

H dosyası

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

M dosyası

@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

Hızlı cevap kullanarak bu cevabın çözümü aşağıdaki gibi olacaktır.

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

Storyboard kullanıyorsanız şu adımı izleyebilirsiniz:

1. Bir görünüm denetleyicisi (V2) ekleyin, kullanıcı arayüzünü istediğiniz şekilde ayarlayın

• UIView ekleme - arka planı siyah, opaklığı 0,5 olarak ayarlama
• açılır pencereniz olarak hizmet edecek başka bir UIView (2) ekleyin (Pls, UIView ve UIView'in (2) aynı seviyeye / hiyerarşiye sahip olması gerektiğini unutmayın.Görüntü görünümünü alt öğe yapmayın, aksi takdirde uiview'ın opaklığı UIView'i etkiler (2))

2. V2'yi kalıcı olarak sunun

3. Segue'i tıklayın. Özellikler denetçisinde Sunuyu Tam Ekran Olarak Ayarla . İsterseniz animasyonu kaldırın

4. V2'yi seçin. Özellikler denetçisinde Sunuyu Tam Ekran Olarak Ayarla . Kontrol Bağlamı Tanımlar ve Bağlam Sağlar

5. V2'nizin MainView'unu seçin (Pls. Görüntüyü kontrol edin). BackgroundColor'u Rengi Temizle olarak ayarlama

Sunulan görünüm denetleyicisindeki init yöntemine bu üç satırı ekledim ve bir cazibe gibi çalışıyor:

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

EDIT (iOS 9.3'te çalışıyor):

self.modalPresentationStyle = UIModalPresentationOverFullScreen;

Belgelere göre:

UIModalPresentationOverFullScreen Sunulan görünümün ekranı kapsadığı görünüm sunum stili. Sunulan içeriğin altındaki görünümler, sunum bittiğinde görünüm hiyerarşisinden kaldırılmaz. Dolayısıyla, sunulan görünüm denetleyicisi ekranı opak içerikle doldurmazsa, temel içerik gösterilir.

İOS 8.0 ve sonraki sürümlerinde kullanılabilir.

Alternatif yol "kapsayıcı görünümü" kullanmaktır. Sadece 1'in altında alfa ve sekme ile gömün. XCode 5, hedef iOS7. İPhone'da test edildi.

Kapsayıcı görünümü iOS6'dan edinilebilir. Bununla ilgili blog gönderisine bağlantı .

Ben "üst üste getirilmiş modal" dediğim şeyin sunumunu işlemek için bir nesne yarattım, yani arka planın görüşünü korur ve şeffaf bir arka plan ile bir modal sahip olmanızı sağlar.

Bunu yapan tek ve basit bir yöntemi vardır:

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

Sunulan görünüm denetleyiciniz farklıysa , modalPresentationCapturesStatusBarAppearanceözelliği ayarlamak YESve durum çubuğu görünümünü güncellemeye zorlamak önemlidirpreferredStatusBarStyle .

Bu nesnenin bir @property (assign, nonatommic) isPresenting

Bu nesnenin UIViewControllerAnimatedTransitioningve UIViewControllerTransitioningDelegateprotokollerine uymasını ve aşağıdaki yöntemleri uygulamasını istiyorsunuz :

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

    return self;
}

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

    return self;
}

ve:

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

Bu, varsayılan kalıcı animasyonu taklit eden alttan slaytta bir animasyon yapar, ancak istediğinizi yapabilirsiniz.

Önemli olan, sunan görünüm denetleyicisinin görüşünün arkada kalarak şeffaf bir efekt oluşturmanıza izin vermesidir.

Bu çözüm iOS 7+ için çalışır

Bunu yapmanın çok basit bir yolu ( Storyboardsörneğin kullanarak ):

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

Bu sunacak UIViewControllerbir de Storyboardmodal, ancak yarı saydam bir arka plan ile.

İOS 7-10 için çalışma

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

Buradaki tüm iyi cevapları ve yorumları yeniden özetlemek ve yeninize geçerken hala bir animasyona sahip olmak için ViewControlleryaptım: (iOS 6 ve üstünü destekler)

Bir UINavigationController\ kullanmanız UITabBarControlleraşağıdaki yol ise:

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

Bunu yaparsanız modalTransitionStyleanimasyonunuzu kaybedersiniz . Bunu çözmek için kolayca SomeViewControllersınıfınıza ekleyebilirsiniz :

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

Tabii ki UIModalPresentationCurrentContext'i ayarlamanız gerekir, ancak clearColor'un ayarlanacağı yer de çok önemlidir! ViewDidLoad işlevinde arka plan ayarlayamaz, görünüm kök görünüm denetleyicisindeki veya sunulacak denetleyicinin başlatma işlevinde olduğu gibi yüklenmeden önce ayarlanamaz !

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

veya

- (instancetype)init {

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

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

    return self;
}

Kalıcı segue kullanıyorsanız, bu görüntü olarak ayarladığınızdan emin olun (isterseniz animasyonu kapatabilirsiniz)

İOS 7 ve iOS 8'de test edilen eksiksiz bir yöntem.

@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

Hızlı 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)

ekte:

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

bir sonraki görünümü yüklemeniz gereken yerden ilk görünüm denetleyicinizde:

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

    }];

saydam eklenecek nextViewController'ınızda:

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

Giriş ekranı bir moddur, yani önceki ekranın üstünde bulunur. Şimdiye kadar Bulanık Arka Planımız var, ancak hiçbir şey bulanıklaştırmıyor; sadece gri bir arka plan.

Modal'ımızı doğru şekilde ayarlamamız gerekiyor.

resim bağlantı hedefi

• İlk olarak, Görünüm Denetçisinin Görünüm arka planını Net renk olarak değiştirmeliyiz. Sadece şeffaf olması gerektiği anlamına gelir. Varsayılan olarak, bu Görünüm beyazdır.

• İkinci olarak, Giriş ekranına götüren Segue'i seçmeliyiz ve Özellik Denetçisinde Sunumu Geçerli Akım Aşırı Bağlamına ayarlamalıyız. Bu seçenek yalnızca Otomatik Düzen ve Boyut Sınıfları etkinken kullanılabilir.

resim bağlantı hedefi

Set navigasyon var modalPresentationStyleetmekUIModalPresentationCustom

ve sunulan görünüm denetleyicinizin arka plan rengini açık renk olarak ayarlayın.