Cocos2d-x UIView和Coco2d-x场景之间的相互跳转切换

UIView和Coco2d-x场景之间的相互切换

首先要解释一下这篇文章要讲解的内容：我们在IOS程序中可能要添加一些用cocos2dx实现的功能的话，

那么就需要涉及到UIView和Cocos2dx场景之间的切换。那么要如何实现呢？

我们如果在xcode中新建一个cocos2dx项目，在ios文件夹中就可以发现，其实这个cocos2dx就是EAGLView，这是一个UIView。

然后这个view封装到RootViewController中；最后，这个controller在AppController中设置为window的root view controller.

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {

// Override point for customization after application launch.

// Add the view controller's view to the window and display.
window = [[UIWindow alloc] initWithFrame: [[UIScreen mainScreen] bounds]];
EAGLView *__glView = [EAGLView viewWithFrame: [window bounds]
pixelFormat: kEAGLColorFormatRGBA8
depthFormat: GL_DEPTH_COMPONENT16
preserveBackbuffer: NO
sharegroup: nil
multiSampling: NO
numberOfSamples:0 ];

// Use RootViewController manage EAGLView
viewController = [[RootViewController alloc] initWithNibName:nil bundle:nil];
viewController.wantsFullScreenLayout = YES;
viewController.view = __glView;

// Set RootViewController to window
if ( [[UIDevice currentDevice].systemVersion floatValue] < 6.0)
{
// warning: addSubView doesn't work on iOS6
[window addSubview: viewController.view];
}
else
{
// use this method on ios6
[window setRootViewController:viewController];
}

[window makeKeyAndVisible];

[[UIApplication sharedApplication] setStatusBarHidden: YES];

cocos2d::CCApplication::sharedApplication()->run();
return YES;
}

好了，有了上面的了解，那么我们就有办法了。

假如现在我们的要求是：程序启动，第一个视图是UIView，然后点击button，调到cocos2dx的一个场景，然后点击button还可以返回到UIView。

运行的效果是：



 


点击跳到Scene跳转到第二个图片所示的视图；点击跳到View跳回到第一个图片所示的视图。

实现过程：

（1）很明显这是两个view controller控制下的两个view视图：第一个view只包含了一个button（MyViewController）；

第二个view包含了一个cocos2dx视图和一个button（RootViewController）。

（2）所以问题就变成了这两个view之间跳转的问题了，下面我采用navigation controller来处理这二者的切换。

（3）先看看AppController.h

#import "MyViewController.h"

@interface AppController : NSObject <UIAccelerometerDelegate, UIAlertViewDelegate, UITextFieldDelegate,UIApplicationDelegate>

@property (nonatomic, retain) UIWindow *window;

@property (nonatomic, retain) UINavigationController* navController;

@property (nonatomic, retain)MyViewController* myController;

@end

然后：AppController.mm

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {

window = [[UIWindow alloc] initWithFrame: [[UIScreen mainScreen] bounds]];

myController = [[MyViewController alloc] init];

navController = [[UINavigationController alloc] init];
[navController pushViewController:myController animated:NO];
navController.navigationBarHidden = YES;

// Set RootViewController to window
if ( [[UIDevice currentDevice].systemVersion floatValue] < 6.0)
{
// warning: addSubView doesn't work on iOS6
[window addSubview:navController.view];
}
else
{
// use this method on ios6
[window setRootViewController:navController];
}

[window makeKeyAndVisible];
[[UIApplication sharedApplication] setStatusBarHidden: YES];

//    cocos2d::CCApplication::sharedApplication()->run(); 注意暂时不可以run
return YES;
}

注意最后面：cocos2d::CCApplication::sharedApplication()->run(); 要注释掉，因为开的时候运行的是第一个view，

此时cocos2dx还没有跑起来。

（4）所以看看这两个视图controller：
①
第一个图片所对应的 MyViewController

- (void)viewDidLoad
{
[super viewDidLoad];
// Do any additional setup after loading the view.

UIButton *button = [UIButton buttonWithType:UIButtonTypeRoundedRect];
button.frame = CGRectMake(0, 100, 100, 50);
[button setTitle:@"跳到 Scene" forState:UIControlStateNormal];
[button addTarget:self action:@selector(buttonPressed:) forControlEvents:UIControlEventTouchUpInside];
[self.view addSubview:button];
}

-(void)buttonPressed:(id)sender
{
RootViewController* rootController = [[RootViewController alloc]init];
[self.navigationController pushViewController:rootController animated:YES];
}

②
第二个图片所对应的 RootViewController

- (void)viewDidLoad {
[super viewDidLoad];

//添加一个button
UIButton *button = [UIButton buttonWithType:UIButtonTypeRoundedRect];
button.frame = CGRectMake(0, 400, 100, 50);
[button setTitle:@"跳到 View" forState:UIControlStateNormal];
[button addTarget:self action:@selector(buttonPressed:) forControlEvents:UIControlEventTouchUpInside];
[self.view addSubview:button];

[self addGLView]; //添加cocos2dx视图

}

-(void)buttonPressed:(id)sender
{
CCDirector::sharedDirector()->end();
[self.navigationController popViewControllerAnimated:YES];
}

-(void)addGLView
{
UIWindow *window = [UIApplication sharedApplication].keyWindow;
EAGLView *__glView = [EAGLView viewWithFrame: [window bounds]
pixelFormat: kEAGLColorFormatRGBA8
depthFormat: GL_DEPTH_COMPONENT16
preserveBackbuffer: NO
sharegroup: nil
multiSampling: NO
numberOfSamples:0 ];
[__glView setFrame:CGRectMake(0, 0, 320, 320)];
[self.view addSubview:__glView];
cocos2d::CCApplication::sharedApplication()->run(); //这个时候就run
}

// Override to allow orientations other than the default portrait orientation.
// This method is deprecated on ios6
- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation {
return UIInterfaceOrientationIsPortrait( interfaceOrientation );
}

// For ios6, use supportedInterfaceOrientations & shouldAutorotate instead
- (NSUInteger) supportedInterfaceOrientations{
#ifdef __IPHONE_6_0
return UIInterfaceOrientationMaskPortrait;
#endif
}

- (BOOL) shouldAutorotate {
return YES;
}

好咯，主要的代码都已经贴出来了。
（5）下面再具体的看看其中关键的部分：

RootViewController

①我们创键了EAGLView的实例，作为subview添加到当前的view。而且设置它的rect为（0，0，320，320）

那么我们可以在HelloWorld 场景中：

//输出当前cocos2dx的size
CCSize winSize = CCDirector::sharedDirector()->getWinSize();
CCLog("width = %f;height = %f",winSize.width,winSize.height);

可以发现：输出的和所设置的是一致的。

② 创建EAGLView实例的代码可以直接从项目初始的AppController.mm中直接超过了，然后，注意要：

cocos2d::CCApplication::sharedApplication()->run();
让cocos2dx跑起来。

③注意其中的屏幕方向也要设置一下（为竖向）。

④现在看看，如何从这个view调回到原来的view呢？在button的回调方法中：

-(void)buttonPressed:(id)sender
{
CCDirector::sharedDirector()->end();
[self.navigationController popViewControllerAnimated:YES];
}

很重要的是第一个语句，先结束掉当前的cocos2dx,然后再调回到原来的view。

好咯，大概的过程就是这个样子了，哥我为了这个过程，浪费了半天的时间，尤其是在cocos2dx场景如何跳转回到UIView的问题上。

原来我是想在cocos2dx的场景中的一个menu item 的回调方法中执行跳回view的功能，但是始终不能实现；

最后我想到不要cocos2dx覆盖整个视图，而是作为一个subview，然后添加一个button，直接让这个对应的controller去处理视图的跳转就可以了。

上面的跳转使用到navigation，如果不想添加这个容器的话，直接在controller之间跳转也是可以的。

下面也给出实现的代码，区别只是在于跳转的代码，其他都一样。

AppController.mm

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {

// Override point for customization after application launch.

// Add the view controller's view to the window and display.
window = [[UIWindow alloc] initWithFrame: [[UIScreen mainScreen] bounds]];

myController = [[MyViewController alloc] initWithNibName:nil bundle:nil];

// Set RootViewController to window
if ( [[UIDevice currentDevice].systemVersion floatValue] < 6.0)
{
// warning: addSubView doesn't work on iOS6
[window addSubview: myController.view];
}
else
{
// use this method on ios6
[window setRootViewController:myController];
}

[window makeKeyAndVisible];

[[UIApplication sharedApplication] setStatusBarHidden: YES];

//    cocos2d::CCApplication::sharedApplication()->run();
return YES;
}

RootViewController.mm

-(void)buttonPressed:(id)sender
{
CCDirector::sharedDirector()->end();
[self dismissViewControllerAnimated:YES completion:nil];
}

MyViewController

-(void)buttonPressed:(id)sender
{
RootViewController* rootController = [[RootViewController alloc]init];
[self presentViewController:rootController animated:YES completion:nil];
}

下面为了有需要的同志，给出navigation实现的代码下载链接：点击打开链接

（内容只包括ios文件夹）