概述
這一篇將介紹在游戲客戶端常用的架構(gòu)MVC架構(gòu)。一個游戲的MVC如下劃分：
M：1）單例全局的數(shù)據(jù)中心World，所有游戲模塊的數(shù)據(jù)在World中有入口，2）各個模塊自己的數(shù)據(jù)結(jié)構(gòu)。
V：1）通過creator預制體制作的UI界面、場景，2）各個界面顯示邏輯的ViewCtrl
C：1）全局的MainCtrl，2）各個模塊的業(yè)務邏輯類ModuleCtrl
具體模塊
先介紹M部分。由于一個模塊的數(shù)據(jù)，在其他模塊也有訪問的需求，例如好友模塊，在聊天的時候也需要訪問，在排行榜里需要訪問。數(shù)據(jù)應該有一個單例全局的數(shù)據(jù)中心類World，所有游戲模塊的數(shù)據(jù)類在World中有入口。這些數(shù)據(jù)可以在玩家登錄后從服務器獲取并設(shè)置。
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
|
export class World { private static instance: World = null; private _test: TestData = null; /** * 單例模式 */ private constructor() { } /** * 獲取實例 */ public static get inst(): World { if (!World.instance) { World.instance = new World(); } return World.instance; } // FOR TEST public set test(val: TestData) { this._test = val; } public get test(): TestData { return this._test; }} |
這樣模塊間可以獨立設(shè)計自己的數(shù)據(jù)結(jié)構(gòu)，通過發(fā)送消息請求對應模塊的ModuleCtrl更改，通過World讀取。
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
export class TestData { private _text: string = null; public constructor() { } public set text(val: string) { this._text = val; } public get text(): string { return this._text; }} |
數(shù)據(jù)的更新時可以派發(fā)消息，界面可以監(jiān)聽消息做刷新。
下面介紹界面和腳本代碼的關(guān)聯(lián)。前面篇章中介紹過，cocos creator是基于組件模式。我將每個ui界面都做成一個預制體，每個預制體都可以添加一個腳本組件，用于控制這個界面的顯示邏輯。
在彈窗管理里提到我設(shè)計了一個繼承cc.Component的類叫ViewCtrl，所有界面的顯示邏輯類都繼承ViewCtrl，并添加到對應的界面預制體。前面提到數(shù)據(jù)更新時會派發(fā)消息，ViewCtrl監(jiān)聽數(shù)據(jù)更新消息，刷新關(guān)聯(lián)的界面。
|
1
2
3
4
5
|
const {ccclass, property} = cc._decorator; @ccclassexport default class TestViewCtrl extends ViewCtrl {} |
ViewCtrl只處理界面的顯示邏輯，不處理數(shù)據(jù)業(yè)務邏輯，模塊的數(shù)據(jù)業(yè)務邏輯由該模塊的ModuleCtrl處理。ViewCtrl響應用戶操作，派發(fā)消息，ModuleCtrl監(jiān)聽消息處理。大部分模塊的ModuleCtrl主要做網(wǎng)絡通信，和對本模塊緩存數(shù)據(jù)的修改。
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
|
export class TestCtrl { public constructor() { } public init(): void {} public start(): void { NotifyCenter.addListener(MSG_TEST_HTTP, (src: any, data: any) => { this.testHttp(); }, this); } public testHttp(): void { let data = { mod: 1, // 模塊 cmd: 1, // 命令 } let params: HttpReq = { path: "", method: HTTP_METHOD_GET } MainCtrl.inst.http.sendData(data, params, (data: NetData) => { World.inst.test = new TestData(); World.inst.test.text = "123"; }, (code: number, reason: string) => {}); }} |
前面提到，C層還有一個全局單例的MainCtrl。該類主要負責模塊注冊、提供全局的操作接口（例如界面/場景的顯隱）、網(wǎng)絡通信處理。
以上就是詳解CocosCreator MVC架構(gòu)的詳細內(nèi)容，更多關(guān)于CocosCreator MVC架構(gòu)的資料請關(guān)注服務器之家其它相關(guān)文章！
原文鏈接：https://blog.csdn.net/houjia159/article/details/108450381
