笨鸟学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];

}

• 预览

• 在线观看本节开发视频

• 源代码下载