笨鸟学iOS开发（3）view制作及切换

• 目的

学习view制作及切换的几种方式

• 环境

Mac OS X 10.7.2

Xcode4.2

• 详解
  • 在storyboard中创建另一个ViewController并使用Segue切换

在storyboard中再增加一个ViewController。在两个ViewController中各增加一个按钮。右击按钮，在弹出菜单中拖放“Modal”圈圈到另一个ViewController上放手即可。

• 在xib文件中创建另一个ViewController并使用代码手动切换

在工程中添加文件，选择创建“UIViewController subclass”，在向导中勾选“With XIB for user interface”，取名为“SecondViewController”，完成后得到3个文件："SecondViewController.h"、"SecondViewController.m“、"SecondViewController.xib”。

在xib中添加一个按钮，并为其添加事件处理函数，在函数中增加如下代码以用于退出当前的view回到首页：

- (IBAction)exitCurrentView:(id)sender {
    [self.view removeFromSuperview];
}

在首页的ViewController.h中添加此xib对应的变量，如下所示:

@interface ViewController : UIViewController
{
    SecondViewController* secondViewController;
}

背后的切换按钮事件函数代码为：

- (IBAction)switchToSecondView:(id)sender {
    secondViewController=[[SecondViewController new]
                          initWithNibName:@"SecondViewController"
                          bundle:nil];
    [self.view addSubview:secondViewController.view];
}

• 在代码中手动创建View并使用代码手动切换

- (IBAction)switchToThirdView:(id)sender {
    //先创建view
    thirdView=[[UIView alloc]
               initWithFrame:self.view.bounds];
    thirdView.backgroundColor=[UIColor greenColor];
    
    //为view增加控件
    UIButton* button=[UIButton buttonWithType:UIButtonTypeRoundedRect];
    button.frame=CGRectMake(100, 100, 100, 100);
    [button setTitle:@"回首页"
            forState:UIControlStateNormal];
    [button addTarget:self
               action:@selector(exitThirdView:)
     forControlEvents:UIControlEventTouchUpInside];
    [thirdView addSubview:button];
    
    //将view显示出来
    //加入动画吧
    [UIView beginAnimations:@"flipping view"
                    context:nil];
    [UIView setAnimationDuration:1];
    [UIView setAnimationTransition:UIViewAnimationTransitionFlipFromLeft
                           forView:self.view
                             cache:NO];
    [self.view addSubview:thirdView];
    [UIView commitAnimations];
}

- (void)exitThirdView:(id)sender
{
    //也加入动画效果
    [UIView beginAnimations:@"flipping view"
                    context:nil];
    [UIView setAnimationDuration:1];
    [UIView setAnimationTransition:UIViewAnimationTransitionFlipFromRight
                           forView:self.view
                             cache:NO];
    [thirdView removeFromSuperview];
    [UIView commitAnimations];
}

• 预览

• 在线观看本节开发视频

• 源代码下载