Cocos2d-js中的简易MVC框架(五)MVC框架的使用

前端之家收集整理的这篇文章主要介绍了Cocos2d-js中的简易MVC框架(五)MVC框架的使用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

首先定义第一个场景:

<code lang="javascript">

login.LoginScene = game.IScene.extend({

ctor:function (){

this._super();

}

});

</code>

以及该场景的中介者:

login.LoginSceneMediator = game.SceneMediator.extend({

ctor:function (view) {

this._super(view);

然后创建Layer层来显示UI

login.LoginLayer = game.IView.extend({

ctor:function () {

//TODO 实现显示内容。。。

return true;

然后创建对应的Mediator

login.LoginLayerMediator = game.LayerMediator.extend({

},

init:function () {

//注册消息监听

this.subscrib(common.NotifyType.LOGIN_EVENT,this.btnTouchCallBack,this);

show:function (parent) {

//添加UI到场景上

var self = this;

self._super(parent);

parent.addChild(this.currView);

freshen:function (obj){

//上层UI关闭调用

destroy:function () {

//删除注册的监听

this.unsubscrib(common.NotifyType.LOGIN_EVENT,this.btnTouchCallBack);

//其他销毁都可以放在这里

然后在游戏的最开始调用

var loginSceneMediator = new login.LoginSceneMediator(new login.LoginScene());

loginSceneMediator.rootLayer(new login.LoginLayerMediator(new login.LoginLayer()));

game.Frameworks.init({width:1136,height:640},"DEBUG",loginSceneMediator);

创建刚刚实现的场景及Layer,然后传入框架的初始化方法里。

game.Frameworks.init的三个参数分别为:游戏的默认宽高、Log模式、第一个场景。

然后再创建其他场景时就继承IScene来实现就可以了,如果不需要多个场景就继承IView来实现,调用Mediator中的showLayer或者pushLayer显示就可以了。在这套MVC框架中,Mediator可以注册监听,而ViewModel都可以发送send消息来触发Mediator中的注册监听。文章后面附有源码,源码里有小的工程demo

源码地址:https://github.com/yue19870813/cocos2d-js-mvc.git/

猜你在找的Cocos2d-x相关文章