編寫(xiě)一個(gè)簡(jiǎn)單通用UI框架用于管理頁(yè)面和完成導(dǎo)航跳轉(zhuǎn).

1、目標(biāo)：編寫(xiě)一個(gè)簡(jiǎn)單通用 UI框架用于管理頁(yè)面和完成導(dǎo)航跳轉(zhuǎn) 最終的實(shí)現(xiàn)效果請(qǐng)拉到最下方查看框架具體實(shí)現(xiàn)的功能和需求加載，顯示，隱藏，關(guān)閉頁(yè)面，根據(jù)標(biāo)示獲得相應(yīng)界面實(shí)例提供界面顯示隱藏動(dòng)畫(huà)接口單獨(dú)界面層級(jí)，Collider，背景管理根據(jù)存儲(chǔ)的導(dǎo)航信息完成界面導(dǎo)航界面通用對(duì)話框管理（多類(lèi)型Message Box）便于進(jìn)行需求和功能擴(kuò)展（比如，在跳出頁(yè)面之前添加邏輯處理等）編寫(xiě)UI框架意義打開(kāi)，關(guān)閉，層級(jí)，頁(yè)面跳轉(zhuǎn)等管理問(wèn)題集中化，將外部切換等邏輯交給UlManager處理功能邏輯分散化，每個(gè)頁(yè)面維護(hù)自身邏輯，依托于框架便于多人協(xié)同開(kāi)發(fā)，不用關(guān)心跳轉(zhuǎn)和顯示關(guān)閉細(xì)節(jié)通用性框架能夠做到簡(jiǎn)單的代碼復(fù)用和”

2、項(xiàng)目經(jīng)驗(yàn)沉淀步入正題，如何實(shí)現(xiàn)1. 窗口類(lèi)設(shè)計(jì)：基本窗口對(duì)象，維護(hù)自身邏輯維護(hù)2. 窗口管理類(lèi)：控制被管理窗口的打開(kāi)和關(guān)閉等邏輯 （具體設(shè)計(jì)請(qǐng)看下文）3. 動(dòng)畫(huà)接口：提供打開(kāi)和關(guān)閉動(dòng)畫(huà)接口，提供動(dòng)畫(huà)完成回調(diào)函數(shù)等4. 層級(jí)，Collider背景管理窗口基類(lèi)設(shè)計(jì)public enu mUIWi ndowTypeNormal,/可推出界面（UlMainMenu,UIRank等Fixed,/固定窗口 （UITopBar等）PopUp,/模式窗口public enumUIWindowShowModeDoNothi ng,HideOther,/ 閉其他界面NeedBack,/點(diǎn)擊返回按鈕關(guān)閉當(dāng)前，不關(guān)閉

3、其他界面（需要調(diào)整好層級(jí)關(guān)系）NoNeedBack, / 關(guān)閉TopBar,關(guān)閉其他界面，不加入 backSeque nee 隊(duì)歹 Upublic enumUIWindowColliderModeNone,/ 顯示該界面不包含碰撞背景Normal,/ 碰撞透明背景WithBg,/ 碰撞非透明背景using UnityEngine;using System.Collections;using System;namespace CoolGame/ / 窗口基類(lèi)/ public class UIBaseWindow : MonoBehaviourprotected UIPanel originPan

4、el;/ 如果需要可以添加一個(gè) BoxCollider 屏蔽事件private bool isLock = false;protected bool isShown = false;/ 當(dāng)前界面 IDprotected WindowID windowID = WindowID.WindowID_Invaild;/ 指向上一級(jí)界面 ID(BackSequence 無(wú)內(nèi)容，返回上一級(jí) ) protected WindowID preWindowID = WindowID.WindowID_Invaild; public WindowData windowData = new WindowData(

5、);/ Return 處理邏輯private event BoolDelegate returnPreLogic = null;protected Transform mTrs;protected virtual void Awake() this.gameObject.SetActive(true); mTrs = this.gameObject.transform; InitWindowOnAwake();privateintminDepth = 1;publicintMinDepthget returnminDepth; set minDepth= value; / / 能否添加到導(dǎo)航數(shù)

6、據(jù)中/ public bool CanAddedToBackSeqgetif (this.windowData.windowType = UIWindowType.PopUp) return false;if (this.windowData.windowType = UIWindowType.Fixed) return false;if (this.windowData.showMode = UIWindowShowMode.NoNeedBack) return false;return true;/ / 界面是否要刷新 BackSequence 數(shù)據(jù)/ 1. 顯示NoNeedBack或者從

7、 NoNeedBack顯示新界面 不更新BackSequenceData(隱藏 自身即可 )/ 2.HideOther/ 3.NeedBack/ public bool RefreshBackSeqDataget if (this.windowData.showMode = UIWindowShowMode.HideOther | this.windowData.showMode =UIWindowShowMode.NeedBack)return true; return false;/ /在Awake中調(diào)用，初始化界面(給界面元素賦值操作)/ public virtual void Init

8、WindowOnAwake()/ / 獲得該窗口管理類(lèi)/ public UIManagerBase GetWindowManagerget UIManagerBase baseManager = this.gameObject.GetComponent();return baseManager; private set / / 重置窗口/ public virtual void ResetWindow()/ / 初始化窗口數(shù)據(jù)/ public virtual void InitWindowData()if (windowData = null) windowData = new WindowD

9、ata();public virtual void ShowWindow()isShown = true; NGUITools.SetActive(this.gameObject, true);public virtual void HideWindow(Action action = null)IsLock = true; isShown = false; NGUITools.SetActive(this.gameObject, false);if (action != null) action();public void HideWindowDirectly()IsLock = true;

10、 isShown = false; NGUITools.SetActive(this.gameObject, false);public virtual void DestroyWindow() BeforeDestroyWindow(); GameObject.Destroy(this.gameObject);protected virtual void BeforeDestroyWindow()/ /界面在退岀或者用戶點(diǎn)擊返回之前都可以注冊(cè)執(zhí)行邏輯/ protected void RegisterReturnLogic(BoolDelegate newLogic)returnPreLogi

11、c = newLogic;public bool ExecuteReturnLogic()if (returnPreLogic = null)return false;elsereturn returnPreLogic。；動(dòng)畫(huà)接口設(shè)計(jì)界面可以繼承該接口進(jìn)行實(shí)現(xiàn)打開(kāi)和關(guān)閉動(dòng)畫(huà)/ / 窗口動(dòng)畫(huà)/ in terfaceIWin dowA nimatio n/ /顯示動(dòng)畫(huà)/ void En terA ni matio n( Eve ntDelegate.Callback on Complete);/ /隱藏動(dòng)畫(huà)/ void QuitA ni matio n(Eve ntDelegate.Callbac

12、k on Complete);/ / 重置動(dòng)畫(huà)/ void ResetAnimation(); public void En terA ni mati on( Eve ntDelegate.Callback on Complete)if (twAlpha != null)twAlpha.PlayForward();Eve ntDelegate.Set(twAlpha. onFini shed, on Complete);public void QuitA nimatio n(Eve ntDelegate.Callback on Complete)if (twAlpha != null)twAl

13、pha.PlayReverse();Eve ntDelegate.Set(twAlpha. onFini shed, on Complete);public override void ResetWindow()base.ResetWi ndow();ResetA nimatio n();窗口管理和導(dǎo)航設(shè)計(jì)實(shí)現(xiàn)導(dǎo)航功能實(shí)現(xiàn)通過(guò)一個(gè)顯示窗口堆棧實(shí)現(xiàn)，每次打開(kāi)和關(guān)閉窗口通過(guò)判斷窗口屬性和類(lèi)型更新處理BackSequence數(shù)據(jù)打開(kāi)界面：將當(dāng)前界面狀態(tài)壓入堆棧中更新 BackSequence數(shù)據(jù)返回操作(主動(dòng)關(guān)閉當(dāng)前界面或者點(diǎn)擊返回按鈕)：從堆棧中Pop出一個(gè)界面狀態(tài)，將相應(yīng)的界面重新打開(kāi)* 怎么銜

14、接：比如從一個(gè)界面沒(méi)有回到上一個(gè)狀態(tài)而是直接的跳轉(zhuǎn)到其他的界面，這個(gè)時(shí)候需要將BackSequence清空因?yàn)楫?dāng)前的導(dǎo)航鏈已經(jīng)被破壞，當(dāng) BackSequence為空需要根據(jù)當(dāng)前窗口指定的 PreWindowId告知系統(tǒng)當(dāng)從該界面返回，需要到達(dá)的指定頁(yè)面，這樣就能解決怎么銜接的問(wèn)題，如果沒(méi)斷，繼 續(xù)執(zhí)行導(dǎo)航，否則清空數(shù)據(jù)，根據(jù) PreWindowId進(jìn)行導(dǎo)航導(dǎo)航系統(tǒng)中關(guān)鍵性設(shè)計(jì)：游戲中可以存在多個(gè)的Manager進(jìn)行管理(一般在很少需求下才會(huì)使用)，每個(gè)管理對(duì)象需要維護(hù)自己的導(dǎo)航信息 BackSequence，每次退出一個(gè)界面需要檢測(cè)當(dāng)前退出的界面是否存在相應(yīng)的Manager管理，如果存在則需

15、要先執(zhí)行Manager退出操作(退出過(guò)程分步進(jìn)行)保證界面一層接著一層正確退出窗口層級(jí)，Collider，統(tǒng)一背景添加如何實(shí)現(xiàn)？有很多方式進(jìn)行層級(jí)管理，該框架選擇的方法如下設(shè)置三個(gè)常用層級(jí)Root，根據(jù)窗口類(lèi)型在加載到游戲中時(shí)添加到對(duì)應(yīng)的層級(jí)Root下面即可，每次添加重新計(jì)算設(shè)置層級(jí)(通過(guò)UIPanel的depth實(shí)現(xiàn))保證每次打開(kāi)一個(gè)新窗口層級(jí)顯示正確，每次窗口內(nèi)通過(guò)depth的大小區(qū)分層級(jí)關(guān)系* 根據(jù)窗口 Collider和背景類(lèi)型，在窗口的最小 Panel上面添加Collider或者帶有碰撞體的BackGround即可UI RootCameraUIManager Test UIFixed

16、WidowRoot UITopBar(Cl one) UIPopUpWindowRoot UIMessageBox(Clone) UINormalWi ndowRoot UIMai nMenu (Clone) UIRank(Clone)A UILevelWindow(Clone) UILevelDetailWindow(Clone) UIMatching(Clone) UIMatchResult(Clone) UlSkill(Clone)CubeGameMonoHelper/保存UI常用節(jié)點(diǎn)public Transform UIRoot；/ NormalWindow節(jié)點(diǎn)System.NonSe

17、rializedpublic Transform UINormalWindowRoot； / PopUpWindow節(jié)點(diǎn)System.NonSerializedpublic Transform UIPopUpWindowRoot； / Fixed Window節(jié)點(diǎn)System.NonSerialized public Transform UIFixedWidowRoot；/界面固定window起始depth / PopUp類(lèi)型window起始depth / Normal類(lèi)型window起始depth/層級(jí)分離depthprivate int fixedWindowDepth = 100； pr

18、ivate int popUpWindowDepth = 150； private int nonnalWindowDepth = 2；private void AdjustBaseWindowDepth(UIBaseWindow baseWindow) UIWindowType windowType = baseWindow.windowData.windowType;int needDepth = 1;if (windowType = UIWindowType.Normal)needDepth = Mathf.Clamp(GameUtility.GetMaxTargetDepth(UINo

19、rmalWindowRoot.gameObject, false) + 1, normalWindowDepth, int.MaxValue);Debug.Log(UIWindowType.NormalmaxDepth is + needDepth + baseWindow.GetID);else if (windowType = UIWindowType.PopUp)needDepth =Mathf.Clamp(GameUtility.GetMaxTargetDepth(UIPopUpWindowRoot.gameObject) + 1,popUpWindowDepth,int.MaxVal

20、ue);Debug .L og(UIWindowType.PopUp maxDepth is + needDepth);else if (windowType = UIWindowType.Fixed)needDepth = Mathf.Clamp(GameUtility.GetMaxTargetDepth(UIFixedWidowRoot.gameObject)+ 1, fixedWindowDepth,int.MaxValue);Debug. Log(UIWindowType.Fixed max depth is + needDepth);if(baseWindow.MinDepth !=

21、 needDepth)GameUtility.SetTargetMinPanel(baseWindow.gameObject, needDepth); baseWindow.MinDepth = needDepth;/ / 窗口背景碰撞體處理/ private void AddColliderBgForWindow(UIBaseWindow baseWindow) UIWindowColliderMode colliderMode = baseWindow.windowData.colliderMode;if (colliderMode = UIWindowColliderMode.None)

22、return;if (colliderMode = UIWindowColliderMode.Normal)GameUtility.AddColliderBgToTarget(baseWindow.gameObject,Mask02, maskAtlas,true);if (colliderMode = UIWindowColliderMode.WithBg) GameUtility.AddColliderBgToTarget(baseWindow.gameObject,Mask02, maskAtlas,false);多形態(tài)MessageBox 實(shí)現(xiàn)這個(gè)應(yīng)該是項(xiàng)目中一定會(huì)用到的功能，說(shuō)下該框

23、架簡(jiǎn)單的實(shí)現(xiàn)三個(gè)按鈕三種回調(diào)邏輯：左中右三個(gè)按鈕，提供設(shè)置內(nèi)容，設(shè)置回調(diào)函數(shù)的接口即可提供接口設(shè)置核心Content不同作用下不同的按鈕不會(huì)隱藏和顯示public void SetCenterBtnCallBack(stringmsg,UlEve ntListe ner.VoidDelegate callBack)lbCe nter.text = msg;NGUITools.SetActive(bt nCen ter, true);UIEve ntListe ner.Get(bt nCen ter).o nClick = callBack;public void SetLeftBtnCallBack(stringmsg,