xcode实现多视图切换效果及代码

实现思路:

这里我们实现两个视图之间的切换.

1. 我们需要两个视图(xib文件 - FirstView.xib SecondView.xib)

2. 我们需要三个视图控制类FirstViewController, SecondViewController, SwitchViewController

这里我们为什么需要三个视图控制类呢?

FirstView -- FirstViewController

SecondView -- SecondViewController

SwitchViewController -- 转换 -- [ FirstView < - - > SencondView ]

代码实现:

一. 搭建项目 ---

1. 打开xcode File -- > New... --> project -- >

选择 Empty Application (xcode 3 是 Window-base Application).

然后点击下一步,为project起个名字,为changeViewTest

这里这三个不要选.

到这里,我们的项目初步就搭建好了.

---------- 二. 创造视图与视图类 --------

1.在项目包下,右键 --- new --- New File --- 左面选择User interface

选View

2. 下一步,在Device Family 选在iphone

3. 下一步,起名叫FirstView

生成的FirstView.xib就是相应的文件了

接下来我们用同样的方法,创建SecondView.xib;

4. 在每 *View.xib里添加控件,我这里分别为两个view添加一个button,label控件. 如图.

5. 现在我们们对应FirstView.xib和SecondView.xib分别创建视图类FirstViewController和SecondViewController.

6. 创建FirstViewController类继承自UIViewController.

创建SecondViewController类继承自UIViewController.

7. 创建完之后如图:

8. 把视图与视图类关联起来.

[FirstView – FirstViewController ]

9. 把视图与视图类关联起来.

选择FirstView.xib,然后选择File’s Owner,然后在属性选择器里,把Custom Class写成FirstViewController. 如图:

10. 把当前的视图的View与outlets关联.

左键点击view拉直线

完事后,我们就把视图和视图类关联到一起了.

11.添加控制ViewController的类:SwitchViewController

在控制类SwitchViewController添加代码,实现对2个视图的跳转。

说明: initView 方法用来程序加载时初始化view,showFirstView方法用来显示第一个view,showSecondView用来显示第二view

接下图:

--------- 三. 委托类,激活SwitchViewController的控制功能 --------

1.选中AppDelegate.h. 添加代码如下:

2. 接下来在AppDelegate.m中实现:

+ (AppDelegate *) App {

return (AppDelegate *) [[UIApplication sharedApplication] delegate];

}

3. 把swicthViewnController设置为window的rootViewController,以便操作视图.

----- 最后,实现FirstViewController与SecondViewController的视图切换 ----

1. 在FirstViewController中添加IBAction,实现按钮的切换动作,如下:

- (IBAction) buttonClick: (id) sender {

[[AppDelegate App].switchViewController showSecondView];

}

2. 在SecondViewController中添加IBAction,实现按钮的切换动作,如下:

(前提是你要把AppDelegate导入到项目中)

最后: 运行程序如图:

附一些相关的代码

/*ViewController.m*/
//实现界面的切换
-(IBAction)Edit:(id)sender
{
    //要从此类界面转换到EditViewController类的界面
    EditViewController *tmpEdit = [[EditViewController alloc]initWithNibName:@"EditViewController" bundle:nil];
    //- (void)presentModalViewController:(UIViewController *)modalViewController animated:(BOOL)animated; 
    
    //设置翻页效果
    tmpEdit.modalTransitionStyle = UIModalTransitionStylePartialCurl;
    /*
     其他翻页效果:
     UIModalTransitionStyleCoverVertical
     UIModalTransitionStyleFlipHorizontal
     UIModalTransitionStyleCrossDissolve
     UIModalTransitionStylePartialCurl
     */
    
    [self presentModalViewController:tmpEdit animated:YES];//实现页面的切换
    [tmpEdit autorelease];
    NSLog(@"Edit function called");
}
最后修改时间为:2013 年 11 月 14 日 11 时 07 分 PM
如果觉得我的文章对你有用,请随意赞赏

11 条评论

  1. xixiaomao

    新手请问一下作者,运行时removeAllView函数中的[[self.view.subviews objectsAtIndexes:i]removeFromSuperview];语句出现两个警告 Incompatible integer to pointer conversion sending 'int' to parameter of type 'NSIndexSet*' 和 'NSArray' may not respond to 'removeFromSuperView' 该怎么解决?

  2. 王晓龙

    我的没有问题,其实是作者漏了一个东西,就是要把-(IBAction) buttonClick;和代码关联起来,百度下怎么关联吧。

    1. chenzf
      @王晓龙

      关于关联可以参考下面这个页面:
      http://blog.csdn.net/xdrt81y/article/details/8209211

      1. memory
        @chenzf

        谢谢~

    2. Memory
      @王晓龙

      @王晓龙:这个代码我当时测试的时候,没注意这多细节的地方。

  3. 你大爷

    我也试过了,点击确实没有反应,应该是他缺少东西了吧,反正我是没有运行成功。

  4. 颓废小碎花

    我的点击怎么没反应啊

    1. 你大爷
      @颓废小碎花

      @颓废小碎花:en ,确实没反应。。不知道什么原因,你解决了吗,告诉我一下

  5. 向江舍壮

    路过,支持一下

  6. jwenlee

    继续多出这类的教程啊。哈哈

    1. lvtao
      @jwenlee

      @jwenlee:最近硬盘坏了,没得玩了。。。 过几天,活过来着

发表评论