翻轉視圖就像現在在iTunes中播放？

Question

我有一個正在進行的應用程序，它有很多用於各種目的的意見。其中之一，我想使用一個現有的視圖作爲'背景'，然後在該翻轉內插入一個視圖 - 非常類似於專輯封面翻轉之間的iPhone/iPod上的「正在播放」視圖圖像和曲目列表。 有人能指引我正確的方向嗎？

Answer 1

看看Apples View Controller Programming Guide for iOS。我想最簡單的方法是使用UIModalTransitionStyleFlipHorizontal設置爲過渡樣式的模態視圖（在我發佈的指南中查找「呈現視圖控制器和選擇過渡樣式」）。

教程：
- http://timneill.net/2010/09/modal-view-controller-example-part-1/
- http://timneill.net/2010/11/modal-view-controller-example-part-2/

編輯

我猜您使用的是UINavigationController，所以這裏是一個例子視圖控制器，這使導航欄是可見的。只需在視圖控制器中放置第二個視圖並隱藏它。比實現一種方法（I使用的IBAction爲，這是我鉤住使用的InterfaceBuilder一個按鈕），這在這些視圖之間切換：

ViewController.h：

#import <UIKit/UIKit.h> 

@interface ViewController : UIViewController { 
    UIView *backSideView; 
} 

- (IBAction)switchViews:(id)sender; 

@end 

ViewController.h：

#import "ViewController.h" 

@interface ViewController() 

@end 

@implementation ViewController 


- (void)viewDidLoad 
{ 
    [super viewDidLoad]; 
    backSideView = [[UIView alloc] initWithFrame:[self view].bounds]; 
    [backSideView setBackgroundColor:[UIColor greenColor]]; 

    // ... put stuff you want inside backSideView ... 

    [backSideView setHidden:YES]; 
    [[self view] addSubview:backSideView]; 
} 

- (void)viewDidUnload 
{ 
    [super viewDidUnload]; 
} 

- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation 
{ 
    return (interfaceOrientation != UIInterfaceOrientationPortraitUpsideDown); 
} 

- (IBAction)switchViews:(id)sender 
{ 
    if ([backSideView isHidden]) 
    { 
     [UIView transitionWithView:self.view 
          duration:1.0 
          options:UIViewAnimationOptionTransitionFlipFromLeft 
         animations:^{ [backSideView setHidden:NO]; } 
         completion:^(BOOL finished){ [self setTitle:@"BackView"]; } 
     ]; 
    } 
    else 
    { 
     [UIView transitionWithView:self.view 
          duration:1.0 
          options:UIViewAnimationOptionTransitionFlipFromRight 
         animations:^{ [backSideView setHidden:YES]; } 
         completion:^(BOOL finished){ [self setTitle:@"FrontView"]; } 
     ]; 
    } 
} 

@end