Xcode4.3实现多视图转换

最近读书上的例子,发现例子有点老,xcode发生了变化,所以写一篇视图切换的帖子,给自己做个参考.

话不多说,让我们开始把!

实现思路:

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

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

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

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

FirstView -- FirstViewController

SecondView -- SecondViewController

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

Xcode4.3实现多视图转换_第1张图片

代码实现:

. 搭建项目 ---

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

Xcode4.3实现多视图转换_第2张图片

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

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

Xcode4.3实现多视图转换_第3张图片

这里这三个不要选.

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

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

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

Xcode4.3实现多视图转换_第4张图片

选View

2. 下一步,Device Family 选在iphone

3. 下一步,起名叫FirstView

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

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

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

Xcode4.3实现多视图转换_第5张图片

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

Xcode4.3实现多视图转换_第6张图片

6. 创建FirstViewController类继承自UIViewController.

创建SecondViewController类继承自UIViewController.

Xcode4.3实现多视图转换_第7张图片

7. 创建完之后如图:

Xcode4.3实现多视图转换_第8张图片

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

[FirstView – FirstViewController ]

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

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

Xcode4.3实现多视图转换_第9张图片

Xcode4.3实现多视图转换_第10张图片

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

左键点击view拉直线

Xcode4.3实现多视图转换_第11张图片

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

11.添加控制ViewController的类:SwitchViewController

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

Xcode4.3实现多视图转换_第12张图片

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

Xcode4.3实现多视图转换_第13张图片

接下图:

Xcode4.3实现多视图转换_第14张图片

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

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

Xcode4.3实现多视图转换_第15张图片

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

+ (AppDelegate *) App {

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

}

3. swicthViewnController设置为windowrootViewController,以便操作视图.

Xcode4.3实现多视图转换_第16张图片

----- 最后,实现FirstViewControllerSecondViewController的视图切换 ----

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

- (IBAction) buttonClick: (id) sender {

[[AppDelegate App].switchViewController showSecondView];

}

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

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

最后: 运行程序如图:

Xcode4.3实现多视图转换_第17张图片Xcode4.3实现多视图转换_第18张图片

转载于:https://www.cnblogs.com/gnface/archive/2012/09/01/2666851.html

你可能感兴趣的:(xcode)