Unity UI框架（二 弹出窗体管理 配置管理）

有四种模式 完全透明 半透明 低透明 透明可以穿透
然后在


image.png

下添加一个Panle然后UGUI是按顺序往后的遮挡
这样弹出窗口就无法点击了 记得失活掉
创建Mask管理类

/**
 *Copyright(C) 2019 by DefaultCompany
 *All rights reserved.
 *FileName:     UIMaskMgr.cs
 *Author:       why
 *Version:      1.0
 *UnityVersion:2018.3.9f1
 *Date:         2019-05-12
 *Description:   UI遮罩管理器
 * 负责"弹出窗体"的实现
 *History:
*/
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
namespace UIFrameWork
{
    public class UIMaskMgr : MonoBehaviour
    {
        public static UIMaskMgr instance;
        //UI根节点对象
        Transform traRoot;
        //UI脚本节点对象
        Transform traUISprites;
        //顶层面板
        Transform TopPanle;
        //遮罩面板
        Transform MaskPanle;
        //UI相机
        Camera UICamera;
        //UI相机初始层深
        float OriginalUICameraDepth;

        private void Awake()
        {
            instance = this;
            traRoot = GameObject.FindGameObjectWithTag(SysDefine.canvasTag).transform;
            traUISprites = UnityHelper.Find(traRoot, SysDefine.ScriptsMgrNode);
            //把脚本节点添加到总脚本的子节点
            UnityHelper.SetParent(traUISprites, gameObject.transform);
            //得到顶层面版 遮罩面板
            TopPanle = traRoot;
            MaskPanle = UnityHelper.Find(traRoot, "UIMaskPanel");
            //得到UI摄像机原始的层深
            UICamera = GameObject.FindGameObjectWithTag(SysDefine.UICameraTag).GetComponent<Camera>();
            if (UICamera != null)
            {
                OriginalUICameraDepth = UICamera.depth;
            }
            else
            {
                Debug.Log($"{GetType()} UICamera==null Please Check!");
            }

        }

        /// <summary>
        /// 设置遮罩状态
        /// </summary>
        /// <param name="ActiveUI">需要显示的UI窗体</param>
        /// <param name="type"></param>
        public void SetMaskWnd(Transform activeUI, UIFormLucenyType type = UIFormLucenyType.Lucency)
        {
            //顶层窗体下移 防止多个canvas遮挡
            TopPanle.SetAsLastSibling();
            //启用遮罩窗体以及设置透明度
            Color newCol=Color.white;
            switch (type)
            {
                case UIFormLucenyType.Lucency:
                    MaskPanle.gameObject.SetActive(true);
                    newCol = new Color(1, 1, 1, 0);
                    break;
                case UIFormLucenyType.Translucence:
                    MaskPanle.gameObject.SetActive(true);
                    newCol = new Color(1, 1, 1, 0.2f);
                    break;
                case UIFormLucenyType.ImPenetrable:
                    MaskPanle.gameObject.SetActive(true);
                    newCol = new Color(1, 1, 1, 0.8f);
                    break;
                case UIFormLucenyType.Pentrate:
                    if (MaskPanle.gameObject.activeInHierarchy)
                    {
                        MaskPanle.gameObject.SetActive(false); 
                    }
                    break;
            }
            MaskPanle.GetComponent<Image>().color = newCol;

            //遮罩窗体下移
            TopPanle.SetAsLastSibling();
            //显示窗体的下移
            activeUI.SetAsLastSibling();
            //增加当前UI摄像机层深(保证当前摄像机为最前显示)
            if (UICamera != null)
            {
                OriginalUICameraDepth = UICamera.depth + 100;
            }
        }
        /// <summary>
        /// 取消遮罩状态
        /// </summary>
        public void CancleMaskWnd()
        {
            //顶层窗体上移
            TopPanle.transform.SetAsFirstSibling();
            //禁用遮罩窗体 如果激活则禁用
            if (MaskPanle.gameObject.activeInHierarchy)
            {
                MaskPanle.gameObject.SetActive(false);
            }
            if (UICamera != null)
            {
                //恢复层深
                UICamera.depth = OriginalUICameraDepth;
            }
        }
    }
}

在BaseUI里添加方法

/**
 *Copyright(C) 2019 by DefaultCompany
 *All rights reserved.
 *FileName:     BaseUI.cs
 *Author:       why
 *Version:      1.0
 *UnityVersion：2017.2.2f1
 *Date:         2019-05-10
 *Description:  UI窗体父类
 *定义UI窗体的父类
 * 有四个生命周期
 * 1.Display显示状态
 * 2.Hiding隐藏状态
 * 3.ReDisplay再显示状态
 * 4.Freeze冻结状态 就是弹出窗体后面的窗体冻结
 *History:
*/
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
namespace UIFrameWork
{
    //窗体类型
    public class UIType
    {
        /// <summary>
        /// 是否清空"栈集合" 反向切换
        /// </summary>
        public bool isClearStack = false;
        /// <summary>
        /// UI窗体(位置)类型
        /// </summary>
        public UIFormType type = UIFormType.Normal;
        /// <summary>
        ///UI窗体显示类型
        /// </summary>
        public UIFormShowMode mode = UIFormShowMode.Normal;
        /// <summary>
        /// UI窗体透明度类型
        /// </summary>
        public UIFormLucenyType lucenyType = UIFormLucenyType.Lucency;

    }

    public class BaseUI : MonoBehaviour
    {
        public UIType currentUIType { get; set; } = new UIType();

        #region 窗体的四种状态(生命周期)
        /// <summary>
        /// 显示状态
        /// </summary>
        public virtual void ActiveTrue()
        {
            gameObject.SetActive(true);
            //设置弹出窗体调用
            if (currentUIType.type==UIFormType.PopUp)
            {
                UIMaskMgr.instance.SetMaskWnd(gameObject.transform, currentUIType.lucenyType);
            }
        }
        /// <summary>
        /// 隐藏状态
        /// </summary>
        public virtual void ActiveFalse()
        {
            gameObject.SetActive(false);
            if (currentUIType.type == UIFormType.PopUp)
            {
                UIMaskMgr.instance.CancleMaskWnd();
            }
        }
        /// <summary>
        /// 重新显示状态
        /// </summary>
        public virtual void ReActiveTrue()
        {
            gameObject.SetActive(true);
            if (currentUIType.type == UIFormType.PopUp)
            {
                UIMaskMgr.instance.SetMaskWnd(gameObject.transform, currentUIType.lucenyType);
            }
        }

        /// <summary>
        /// 冻结状态
        /// </summary>
        public virtual void Freeze()
        {
            gameObject.SetActive(true);
        }
        #endregion

        #region 封装子类常用方法
        /// <summary>
        /// 注册按钮事件 
        /// </summary>
        protected void RigisterBtnOnClick(string btnName, EventTriggerListener.VoidDelegate del)
        {
            Transform btn = UnityHelper.Find(gameObject.transform, btnName);
            EventTriggerListener.Get(btn?.gameObject).onClick = del;
        }

        protected void RigisterBtnOnClick(Transform btn, EventTriggerListener.VoidDelegate del)
        {          
            EventTriggerListener.Get(btn?.gameObject).onClick = del;
        }
        /// <summary>
        /// 打开UI窗体
        /// </summary>
        /// <param name="UIName"></param>
        protected void OpenUI(string UIName)
        {
            UIManager.instance.ShowUI(UIName);
        }

        /// <summary>
        /// 关闭UI窗体
        /// </summary>
        protected void CloseUI()
        {
            string UIName;
            //int intPos = -1;
            //命名空间+类名
            UIName = GetType().ToString();
            //查询第一次出现在这在第几位
            //intPos = UIName.IndexOf('.');

            //if (intPos != -1)
            //{
            //    UIName = UIName.Substring(intPos + 1);
            //}

            UIManager.instance.CloseUI(UIName);

        }
        #endregion
    }
}

创建一个空节点 绑定脚本


image.png

把之前的Main Shop 界面添加脚本

/**
 *Copyright(C) 2019 by DefaultCompany
 *All rights reserved.
 *FileName:     ShopUI.cs
 *Author:       why
 *Version:      1.0
 *UnityVersion:2018.3.9f1
 *Date:         2019-05-12
 *Description:   商店UI
 *History:
*/
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UIFrameWork;
public class ShopUI : BaseUI
{
    private void Awake()
    {
        currentUIType.type = UIFormType.PopUp;
        currentUIType.lucenyType = UIFormLucenyType.ImPenetrable;
        currentUIType.mode = UIFormShowMode.ReverseChange;

        RigisterBtnOnClick("btnClose", go => { CloseUI(); });
    }
}


/**
 *Copyright(C) 2019 by DefaultCompany
 *All rights reserved.
 *FileName:     MainUI.cs
 *Author:       why
 *Version:      1.0
 *UnityVersion:2018.3.9f1
 *Date:         2019-05-12
 *Description:   主场景显示
 *History:
*/
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UIFrameWork;
public class MainUI : BaseUI
{

     void Awake()
    {
        currentUIType.mode = UIFormShowMode.HideOther;

        RigisterBtnOnClick("btnShop", go=>OpenUI(ProConst.ShopUI));
    }
}
image.png

然后就是这样后面不能点
shop lucenyType改为可穿透 后面的就可以点 不过一般最好不要用 容易混乱 把能点的最好写到一个层级


image.png

image.png

然后就这样了 后面的也可以点

记得在UIManager注册 之后会改为读表


image.png

image.png

image.png

其他的没改什么了

配置管理

这样可以不写死 可以一键改语言版本
主要现在有两种方式XML Json (Excle也行用C#7的元组 但是自身没有节点概念)
XML：对于数据的精确表示、易读性高
微软都很多项目都内置对XML作为配置文件的支持
缺点 读写速度慢，这个问题移动端尤其突出
Json:轻量级数据交换格式 读写速度快 易读性没XML好 不过可以接受。

本框架就都用Json配置吧


image.png

Json解析方法

  1. .NET自带的序列化反序列化json工具
    System.Runtime.Serialization.Json
    缺点 要写大量代码 封装一些实用方法 不推荐
    2.litejson插件
    3.Unity5.3版本以上 自带Json解析API推荐
    官方机翻


    image.png

    记得用txt写json写的时候 另存为修改编码 ANSI不支持中文


    image.png

开发Json配置管理器 类似于之前XML表读写
导入到Resources目录下


image.png

根据之前起的名字改一下


image.png

里面蓝色的参数必须要跟
这三个名字对应
image.png
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 204,793评论 6赞 478
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 87,567评论 2赞 381
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 151,342评论 0赞 338
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 54,825评论 1赞 277
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 63,814评论 5赞 368
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 48,680评论 1赞 281
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 38,033评论 3赞 399
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 36,687评论 0赞 258
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 42,175评论 1赞 300
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,668评论 2赞 321
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,775评论 1赞 332
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 33,419评论 4赞 321
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 39,020评论 3赞 307
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,978评论 0赞 19
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,206评论 1赞 260
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 45,092评论 2赞 351
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 42,510评论 2赞 343

推荐阅读更多精彩内容

  • h5常见的面试题
    第一部分 HTML&CSS整理答案 1. 什么是HTML5？ 答：HTML5是最新的HTML标准。 注意：讲述HT...
    kismetajun阅读 27,421评论 1赞 45
  • 面试题
    Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,084评论 1赞 32
  • 得之
    他在夜里穿梭 奔波于各个人家 疲惫地褪去一身浮沉 躺在石砌的棺材里 手指与面庞开始消隐 女子赶来 惊的花容失色 他...
    白喆的爱妃阅读 181评论 0赞 1
  • 包饺子
    过了几个星期，舍友心心念念的包饺子终于实现了。其实也没啥特别的事，还不是因为懒，不然饺子早就吃上了。 好在今天趁做...
    l稻o草v人er阅读 193评论 0赞 0
  • 100天行动力之35天
    考完试接着加班加点整理均衡检查材料，往往回到家都9点左右，一沾床就睡着。 索性今天，万里长城终于走完。24...
    扬帆起航18阅读 116评论 0赞 1