在 iPad 中显示带有自定义框架的模态视图控制器

Question

我想在 iPad 中显示一个带有自定义框架的模态 UIViewController，位于其父视图控制器顶部的中心。

我尝试使用表单，但据我所知，框架和阴影效果无法更改。

vc.modalPresentationStyle = UIModalPresentationFormSheet;
[self presentModalViewController:cv animated:YES];

我也尝试过使用弹出框，但据我所知，要么无法将其居中，要么无法隐藏箭头。

还有另一种方式来显示模态视图控制器吗？是否可以通过使用表单或弹出窗口来解决这个问题？

Answer 1

我使用以下方法创建一个模态视图控制器，其任何给定尺寸都位于屏幕中心。如果需要，您可以将其更改为在父视图控制器中居中。
这是在故事板中工作的，因此您也许可以将视图控制器作为参数发送。但除此之外它还能满足您的需要。

注意：我发现如果您尝试在这个模态上显示另一个模态，它会返回到原始大小。

- (UIViewController *) presentModalViewControllerWithIdentifier:(NSString *)identifier 
                                                        andSize:(CGSize)size 
                                        andModalTransitionStyle:(UIModalTransitionStyle)modalTransitionStyle {
    UIViewController *viewController = [self.storyboard instantiateViewControllerWithIdentifier:identifier];


    viewController.modalPresentationStyle = UIModalPresentationPageSheet;
    viewController.modalTransitionStyle = modalTransitionStyle;
    [self presentModalViewController:viewController animated:YES];
    viewController.view.superview.autoresizingMask = 
    UIViewAutoresizingFlexibleTopMargin | 
    UIViewAutoresizingFlexibleBottomMargin | 
    UIViewAutoresizingFlexibleLeftMargin | 
    UIViewAutoresizingFlexibleRightMargin;    
    CGRect screenBounds = [[UIScreen mainScreen] bounds];
    viewController.view.superview.frame = CGRectMake(0, 0, size.width, size.height);
    CGPoint center = CGPointMake(CGRectGetMidX(screenBounds), CGRectGetMidY(screenBounds));
    viewController.view.superview.center = UIDeviceOrientationIsPortrait(self.interfaceOrientation) ? center : CGPointMake(center.y, center.x);

    return viewController;
}

如果这是您唯一想要的，它就可以正常工作。
但我发现苹果的模态视图控制器的实现有点适得其反，因为你无法访问它的任何底层部分，因此你无法完全为它们设置动画。如果您想拥有自己的过渡，这很有用。

而且它也不属于子视图控制器的类别，因为它高于窗口中的所有其他视图。

Answer 2

没有正式的方法可以做到这一点，但是您可以通过编写自定义视图来获得所需的行为，该视图保留引用或委托以与其呈现的视图控制器交互并将其添加到视图层次结构中。为了真正获得模态感觉，您还可以在“模态”视图下方的呈现控制器上放置一个透明的覆盖层。我已经在许多应用程序中做到了这一点，通常效果很好。您可能需要制作自定义覆盖视图，以便您可以拦截触摸并更优雅地为其呈现设置动画。

我的透明覆盖通常是这样的：

@protocol TransparentOverlayDelegate <NSObject>

@optional
- (void)transparentOverlayWillDismiss:(TransparentOverlay *)backgroundTouch;
- (void)transparentOverlayDidDismiss:(TransparentOverlay *)backgroundTouch;
@end


@interface TransparentOverlay : UIView {

    id<TransparentOverlayDelegate> _delegate;
    UIView *_contentView;
    CGFloat _pAlpha;
}

@property(nonatomic, assign) id<TransparentOverlayDelegate> delegate;
@property(nonatomic, retain) UIView *contentView;
@property(nonatomic, assign) CGFloat pAlpha;

- (void)presentTransparentOverlayInView:(UIView *)view;
- (void)dismissTransparentOverlay:(BOOL)animated;

我的自定义模态视图通常是这样的：

@protocol ModalViewDelegate <NSObject>
- (void)performSelectorOnDelegate:(SEL)selector;
@end

@interface ModalView : UIView {
    id<ModalViewDelegate> _delegate;
}

@property(nonatomic, assign) id<ModalViewDelegate> delegate;

在我的呈现视图控制器中，我通常会执行以下操作：

- (void)presentModalController {
    TransparentOverlay *to = [[[TransparentOverlay alloc] initWithFrame:self.view.bounds] autorelease];
    to.delegate = self;

    ModalView *mv = [[ModalView alloc] initWithFrame:CGRectMake(500, 500, 300, 300)];
    mv.delegate = self;

    to.contentView = mv;
    [mv release];

    [to presentTransparentOverlayInView:self.view]; 
}

使用在两个类上定义的委托为我提供了几乎开放的访问权限来操作我的呈现控制器以及我所希望的演示和解散。唯一的缺点是当它用在带有导航栏的视图上时，由于呈现控制器视图的边界将不包含导航栏的边界，使其保持开放状态以供交互，有多种方法可以解决此问题，但不是其中之一非常漂亮（添加到导航控制器的视图是一种选择）。

Answer 3

这可能无法完全回答您的问题。但我从导航控制器上的右键项目调用以下代码，该控制器之前放置在 splitviewcontroller 的详细视图的顶部。

该模式视图覆盖整个屏幕。例如，您是否想仅在详细视图控制器中调用时才覆盖详细视图？

- (void)aboutAction {

About *about = [[About alloc] init];
UINavigationController *nav1 = [[UINavigationController alloc]initWithRootViewController:about];
[about release];
nav1.navigationBar.barStyle = UIBarStyleBlackOpaque;
nav1.modalPresentationStyle = UIModalPresentationFullScreen;
nav1.modalTransitionStyle = UIModalTransitionStyleFlipHorizontal;
[self presentModalViewController:nav1 animated:YES ];
[nav1 release];

}

Answer 4

我更喜欢 fabio-oliveira 的答案，但它需要一些调整才能使其在 IOS 7 的多线程环境上工作：

- (UIViewController *)presentModalViewControllerWithId:(NSString *)identifier
                                           andSize:(CGSize)size
                           andModalTransitionStyle:(UIModalTransitionStyle)style
{
    UIViewController *viewController = 
            [self.storyboard instantiateViewControllerWithIdentifier:identifier];

    viewController.modalPresentationStyle = UIModalPresentationPageSheet;
    viewController.modalTransitionStyle = style;

    [self presentViewController:viewController animated:YES completion:nil];

    viewController.view.superview.autoresizingMask = 
        UIViewAutoresizingFlexibleTopMargin    |
        UIViewAutoresizingFlexibleBottomMargin | 
        UIViewAutoresizingFlexibleLeftMargin   | 
        UIViewAutoresizingFlexibleRightMargin;

    viewController.view.superview.frame = 
                   CGRectMake(0, 0, size.width, size.height);

   return viewController;
}

现在将居中代码放在目标 VC 中，以便新线程完成工作：

- (void)viewWillLayoutSubviews
{
    [super viewWillLayoutSubviews];
    CGRect screenBounds = [[UIScreen mainScreen] bounds];
    CGPoint center = CGPointMake(CGRectGetMidX(screenBounds),
                                 CGRectGetMidY(screenBounds));

    self.view.superview.center =
    UIDeviceOrientationIsPortrait(self.interfaceOrientation) ? 
                                       center : CGPointMake(center.y, center.x);
}

哦，是的，如果您支持那些可爱的 IOS 5个iPad 1，一定要让目标vc旋转：

- (BOOL)shouldAutorotateToInterfaceOrientation:
                         (UIInterfaceOrientation)interfaceOrientation
{
    return YES;
}

Answer 5

就我而言，重写 viewWillLayoutSubviews 就可以了。

- (void)viewWillLayoutSubviews {
        [super viewWillLayoutSubviews];

    self.view.superview.frame = CGRectMake(100.f, 100.f, <width>, <height>); 
}

无需再更改 ModalViewController 的位置和边界。