Unity3d 简单实现 NGUI UI系统

最新推荐文章于 2024-05-30 18:49:20 发布
最新推荐文章于 2024-05-30 18:49:20 发布
阅读量994 收藏 4
点赞数
分类专栏： Unity3D技术专区
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_18192161/article/details/79241656
版权

首先定义两个配置表：
UILevel.txt 

层级ID    层级名称    层级起始深度  锁定层级（1，锁定层级，不会自动更新Panel深度）  层级描述
UILeveID    UILevelName UILevelDepth    UILevelLock UILevelDes
1   PanelPanel  0   0   常用面板，如主界面，匹配面板等等
2   TipsPanel   1000    0   tips面板
3   FixedPanel  1500    0   loading界面等等，金币等等

将UI分为3个层级，用于显示UI层次

UIConfig.txt 定义UI相关属性

UIID    UI描述    UI类型    UI层级    UI是否会被销毁(0不会销毁，1会销毁)    UI存在时间  UI路径    UI名称    UI锁定层级（1不会自动修改层级）
UIID    UIDes   UIType  UILevel UICanDestroy    UILife  UIPath  UIName  UILockDepth
1001    登录UI    Login   1   0   0   UI/Parfabs/ LoginPanel  0
1002    服务器选择UI Login   1   0   0   UI/Parfabs/ ServerPanel 0
1003    角色选择界面  Login   3   0   0   UI/Parfabs/ CreateRolePanel 0
1004    加载界面    Game    3   0   0   UI/Parfabs/ LoadingPanel    0
2001    游戏大厅    Game    1   0   0   UI/Parfabs/ MainPanel   0
2002    顶部信息面板  Game    3   0   0   UI/Parfabs/ TopPanel    0
2003    商城界面    Game    1   0   0   UI/Parfabs/ MallPanel   0
2004    背包面板    Game    1   1   10  UI/Parfabs/ BagPanel    0
2005    机械厂界面   Game    1   1   10  UI/Parfabs/ FactoryPanel    0
2006    剧情界面    Game    1   1   10  UI/Parfabs/ CheckPointPanel 0
2007    地图编辑界面  Game    1   1   10  UI/Parfabs/ EditorMapPanel  0
2008    战斗UI    Game    1   1   10  UI/Parfabs/ FightPanel  0
2009    匹配模式选择界面    Game    1   1   10  UI/Parfabs/ MatchTypePanel  0
2010    匹配组选择界面 Game    1   1   10  UI/Parfabs/ MatchTypeGourpPanel 0
2011    组队界面    Game    1   1   10  UI/Parfabs/ TeamPanel   0
2012    匹配结果界面  Game    2   1   10  UI/Parfabs/ MatchResPanel   0
2013    英雄选择界面  Game    1   1   10  UI/Parfabs/ SelHeroPanel    0
2014    道具信息界面  Game    2   1   10  UI/Parfabs/ PropsInfoPanel  0
2015    战斗加载界面  Fight   1   1   10  UI/Parfabs/ FightLoadPanel  0

顶一个枚举类型，用来控制所有UIid

public enum UIType
{
    /// <summary>
    /// 登录注册面板
    /// </summary>
    LoginPanel = 1001,
    /// <summary>
    /// 服务器面板
    /// </summary>
    ServerPanel = 1002,

    /// <summary>
    /// 角色选择面板
    /// </summary>
    SelectRolePanel = 1003,

    /// <summary>
    /// 加载面板
    /// </summary>
    LoadingPanel = 1004,

    /// <summary>
    /// 游戏大厅
    /// </summary>
    MainPanel = 2001,
    /// <summary>
    /// 游戏模式面板
    /// </summary>
    TopPanel = 2002,
    /// <summary>
    /// 组队面板
    /// </summary>
    MallPanel = 2003,
    /// <summary>
    /// 背包面板
    /// </summary>
    BagPanel = 2004,
    /// <summary>
    /// 机械厂面板
    /// </summary>
    FactoryPanel = 2005,
    /// <summary>
    /// 剧情面板
    /// </summary>
    CheckPointPanel = 2006,
    /// <summary>
    /// 地图编辑面板
    /// </summary>
    EditorMapPanel = 2007,
    /// <summary>
    /// 战斗UI
    /// </summary>
    FightPanel = 2008,
    /// <summary>
    /// 匹配模式选择
    /// </summary>
    MatchTypePanel = 2009,
    /// <summary>
    /// 匹配模式组选择
    /// </summary>
    MatchTypeGroupPanel = 2010,
    /// <summary>
    /// 组队面板
    /// </summary>
    TeamPanel = 2011,
    /// <summary>
    /// 匹配结果面板
    /// </summary>
    MatchResPanel = 2012,
    /// <summary>
    /// 选择英雄面板
    /// </summary>
    SelHeroPanel = 2013,
    /// <summary>
    /// 道具信息面板
    /// </summary>
    PropsInfoPanel = 2014,
    /// <summary>
    /// 战斗服连接面板
    /// </summary>
    FightLoadPanel = 2015,
    /// <summary>
    /// 网络连接失败
    /// </summary>
    NetConnectFaildPanel = 5001,

}

抽象类 UIBase.cs 是所有UI的基类，所有UI类均需要继承此类

using UnityEngine;
using System.Collections;

public abstract class UIBase : MonoBehaviour {

    /// <summary>
    /// UIID
    /// </summary>
    public UIType UIType { get; set; }
    /// <summary>
    /// UI配置信息
    /// </summary>
    public UIConfig UIConfig { get; set; }
    /// <summary>
    ///上一个UI数据
    /// </summary>
    private object[] PreUIData { get; set; }
    /// <summary>
    /// 上一个UI
    /// </summary>
    private UIBase PreUIBase { get; set; }
    /// <summary>
    /// 是否为打开状态
    /// </summary>
    public bool IsOpen { get; private set; }
    /// <summary>
    /// 上一次操作时间
    /// </summary>
    private System.DateTime OpenTime;

    /// <summary>
    /// 是否检测
    /// </summary>
    private bool isDetection = false;

    /// <summary>
    /// 打开UI
    /// </summary>
    /// <param name="data"></param>
    public void OpenUI(UIBase preUI,params object[] data)
    {
        IsOpen = true;
        this.gameObject.SetActive(true);
        PreUIBase = preUI;
        PreUIData = data;
        OpenTime = System.DateTime.Now;
        isDetection = false;
        OnOpenAni();
    }
    /// <summary>
    /// 打开UI动画
    /// </summary>
    /// <param name="data"></param>
    public virtual void OnOpenAni(params object[] data)
    {
        OnEnter(data);
    }

    /// <summary>
    /// 打开UI
    /// </summary>
    public void OpenUI()
    {
        this.gameObject.SetActive(true);
        OpenTime = System.DateTime.Now;
        isDetection = false;
        OnEnter(PreUIData);
    }
    /// <summary>
    /// 当更新
    /// </summary>
    /// <param name="data"></param>
    public void OnUpdate(params object[] data)
    {
        UpdateUI(data);
    }

    protected virtual void UpdateUI(params object[] data) {}

    /// <summary>
    /// 关闭UI动画
    /// </summary>
    public virtual void OnCloseAni()
    {
        OnClose();
    }
    /// <summary>
    /// 关闭UI
    /// </summary>
    protected void OnClose()
    {
        OnExit();
        IsOpen = false;
        isDetection = true;
        this.gameObject.SetActive(false);
    }


    /// <summary>
    /// 获取打开时间
    /// </summary>
    public System.DateTime GetOpenTime
    {
        get {
            return OpenTime;
        }
    }

    /// <summary>
    /// 初始化UI
    /// </summary>
    /// <param name="data"></param>
    public abstract void OnInit(params object[] data);

    /// <summary>
    /// 进入UI
    /// </summary>
    /// <param name="data"></param>
    protected abstract void OnEnter(params object[] data);

    /// <summary>
    /// 退出UI
    /// </summary>
    protected abstract void OnExit();

    /// <summary>
    /// 关闭UI
    /// </summary>
    protected void Close()
    {
        UIManager.Instance.CloseUI(UIType);
    }

    /// <summary>
    /// 打开上一层UI
    /// </summary>
    protected void OpenPreUI()
    {
        if(PreUIBase!=null)
            UIManager.Instance.OpenPreUI(PreUIBase,PreUIData);
    }
}

UIManager.cs 为UI管理类，包括打开UI，关闭UI等操作

using UnityEngine;
using System.Collections.Generic;
using System.Collections;
using System;

public enum UIFilter
{
    All,
    Open,
    Close,
}

public class UIManager : MonoBehaviour {

    private static UIManager _instance;
    public static UIManager Instance
    {
        get {
            return _instance;
        }
    }

    /// <summary>
    /// UI缓存
    /// </summary>
    private Dictionary<UIType, UIBase> uiCache = new Dictionary<UIType, UIBase>();
    /// <summary>
    /// 当前显示的主UI
    /// </summary>
    public UIBase CurUiBase { get;private set; }
    /// <summary>
    /// loading 界面
    /// </summary>
    public LoadingPanel LoadPanel { get; private set; }
    /// <summary>
    /// UI层级
    /// </summary>
    private Dictionary<int, Transform> uiLevel = new Dictionary<int, Transform>();


    void Awake()
    {
        _instance = this;
    }

    void Start()
    {
        List<UILevel> levelInfo = UILevel.TryGet();
        for (int i = 0; i < levelInfo.Count; i++)
        {
            Transform obj = CreateLevel(string.Format("{0} - {1} -{2}", levelInfo[i].UILevelID,levelInfo[i].UILevelName,levelInfo[i].UILevelDepth));
            uiLevel.Add(levelInfo[i].UILevelID,obj);
        }

        StartCoroutine(DetectionUI());
        if (LoadPanel == null)
        {
            LoadPanel = (LoadingPanel)GetUIBase(UIType.LoadingPanel);
            LoadPanel.CloseLoading();
        }

        OpenUI( UIType.LoginPanel);
        //OpenUI( UIType.MainPanel);
        //OpenTips(UIType.TopPanel);
        //MusicControl.Instance.PlayBackMusic("LoginAudio");
    }

    /// <summary>
    /// UI销毁计时器
    /// </summary>
    /// <returns></returns>
    IEnumerator DetectionUI()
    {
        yield return new WaitForSeconds(360);
        if (uiCache.Count > 0)
        {
            List<UIBase> bases = new List<UIBase>(uiCache.Values);
            for (int i = 0; i < bases.Count; i++)
            {
                if (!bases[i].UIConfig.UIisDestroy) continue;
                System.TimeSpan ts = System.DateTime.Now - bases[i].GetOpenTime;
                if (ts.TotalMinutes >= bases[i].UIConfig.UILife)
                {
                    Destroy(bases[i].gameObject);
                    uiCache.Remove(bases[i].UIType);
                }
            }
        }
    }

    /// <summary>
    /// 清楚UI
    /// </summary>
    /// <param name="type"></param>
    public void ClearScene(SceneType type)
    {
        List<UIBase> bases = new List<UIBase>(uiCache.Values);
        for (int i = 0; i < bases.Count; i++)
        {
            if (bases[i].UIConfig.UIType.Equals(type.ToString()))
            {
                Destroy(bases[i].gameObject);
                uiCache.Remove(bases[i].UIType);
            }
        }
    }

    /// <summary>
    /// 打开UI
    /// </summary>
    /// <param name="uiType"></param>
    /// <param name="data"></param>
    public void OpenUI(UIType uiType,params object[] data)
    {
        if (uiCache.ContainsKey(uiType))
        {
            if(CurUiBase!=null)
                CurUiBase.OnCloseAni();
            uiCache[uiType].OpenUI(CurUiBase, data);
            CurUiBase = uiCache[uiType];
            return;
        }
        UIBase uiBase = GetUIBase(uiType);
        if (uiBase == null) return;
        if (CurUiBase != null)
            CurUiBase.OnCloseAni();
        uiBase.OnInit();
        uiBase.OpenUI(CurUiBase, data);
        CurUiBase = uiBase;
    }

    /// <summary>
    /// 打开上一层UI
    /// </summary>
    /// <param name="uiBase"></param>
    /// <param name="data"></param>
    public void OpenPreUI(UIBase uiBase, params object[] data)
    {
        if (CurUiBase != null)
            CurUiBase.OnCloseAni();
        uiBase.OpenUI();
        CurUiBase = uiBase;
    }

    /// <summary>
    /// 打开tips
    /// </summary>
    /// <param name="uiType"></param>
    /// <param name="data"></param>
    public void OpenTips(UIType uiType, params object[] data)
    {
        if (uiCache.ContainsKey(uiType))
        {
            uiCache[uiType].OpenUI(CurUiBase, data);
            return;
        }
        UIBase uiBase = GetUIBase(uiType);
        if (uiBase == null) return;
        uiBase.OnInit();
        uiBase.OpenUI(CurUiBase, data);
    }

    /// <summary>
    /// 更新UI
    /// </summary>
    /// <param name="uiType"></param>
    /// <param name="data"></param>
    public void UpdateUI(UIType uiType, params object[] data)
    {
        UIBase uiBase = GetUI(uiType);
        if (uiBase != null)
            uiBase.OnUpdate(data);
    }


    /// <summary>
    /// 获取标签
    /// </summary>
    /// <param name="uiType"></param>
    /// <returns></returns>
    public UIBase GetUI(UIType uiType, UIFilter filter = UIFilter.Open)
    {
        switch (filter)
        {
            case UIFilter.Open:
                if (uiCache.ContainsKey(uiType) && uiCache[uiType].IsOpen)
                    return uiCache[uiType];
                break;
            case UIFilter.Close:
                if (uiCache.ContainsKey(uiType) && !uiCache[uiType].IsOpen)
                    return uiCache[uiType];
                break;
            case UIFilter.All:
                if (uiCache.ContainsKey(uiType))
                    return uiCache[uiType];
                break;
        }
        return null;
    }

    /// <summary>
    /// 获取UI
    /// </summary>
    /// <param name="uiType"></param>
    /// <returns></returns>
    private UIBase GetUIBase(UIType uiType)
    {
        UIConfig config = UIConfig.TryGet(((int)uiType).ToString());
        if (config == null)
        {
            Debug.Log(string.Format("获取ui:{0}-{1} 数据失败", uiType.ToString(), (int)uiType));
            return null;
        }
        GameObject uiObj = GameObject.Instantiate(Resources.Load(config.UIPath + config.UIName)) as GameObject;
        if (uiObj == null)
        {
            Debug.Log(string.Format("获取ui:{0}-{1} 模型失败", uiType.ToString(), (int)uiType));
            return null;
        }

        uiObj.transform.parent = uiLevel[config.UILevel];
        uiObj.transform.localPosition = Vector3.zero;
        uiObj.transform.localScale = Vector3.one;
        uiObj.transform.localEulerAngles = Vector3.zero;
        //如果锁定UI层级
        if(!config.UILockDepth)
            ChangePanel(config.UILevel,uiObj.transform);
        UIBase uiBase = uiObj.GetComponent<UIBase>();
        uiBase.UIConfig = config;
        uiBase.UIType = uiType;
        uiCache.Add(uiType, uiBase);
        return uiBase;
    }

    /// <summary>
    /// 关闭UI
    /// </summary>
    /// <param name="uiType"></param>
    public void CloseUI(UIType uiType)
    {
        if (uiCache.ContainsKey(uiType))
            uiCache[uiType].OnCloseAni();
    }

    /// <summary>
    /// 关闭所有UI
    /// </summary>
    public void CloseAll()
    {
        List<UIBase> bs = new List<UIBase>(uiCache.Values);
        for (int i = 0; i < bs.Count; i++)
        {
            if (bs[i].IsOpen)
                bs[i].OnCloseAni();
        }
    }
    /// <summary>
    /// 过滤关闭所有
    /// </summary>
    /// <param name="filter"></param>
    public void CloseAll(UIType filter)
    {
        List<UIBase> bs = new List<UIBase>(uiCache.Values);
        for (int i = 0; i < bs.Count; i++)
        {
            if (bs[i].IsOpen&&bs[i].UIType!=filter)
                bs[i].OnCloseAni();
        }
    }


    /// <summary>
    /// 创建层级
    /// </summary>
    /// <param name="name"></param>
    /// <returns></returns>
    private Transform CreateLevel(string name)
    {
        GameObject go = new GameObject(name);
        go.transform.parent = this.transform;
        go.transform.localPosition = Vector3.zero;
        go.transform.localScale = Vector3.one;
        go.transform.localEulerAngles = Vector3.zero;
        return go.transform;
    }

    private void ChangePanel(int level,Transform obj)
    {
        //如果锁定层级深度则跳过
        UILevel levelInfo = UILevel.TryGet(level.ToString());
        if (levelInfo.UILevelLock) return;
        int curMaxLevel = GetMax(levelInfo);
        UIPanel[] panels = obj.GetComponentsInChildren<UIPanel>();
        for (int i = 0; i < panels.Length; i++)
        {
            panels[i].depth = ++curMaxLevel;
        }
    }

    /// <summary>
    /// 获取当前面板最大层级
    /// </summary>
    /// <param name="obj"></param>
    /// <returns></returns>
    private int GetMax(UILevel level)
    {
        int maxDepth = level.UILevelDepth;
        UIPanel[] panels = uiLevel[level.UILevelID].GetComponentsInChildren<UIPanel>();
        for (int i = 0; i < panels.Length; i++)
        {
            if (panels[i].depth > maxDepth)
                maxDepth = panels[i].depth;
        }
        return maxDepth;
    }
}

打开一个UI
UIManager.Instance.OpenUI( UIType.LoginPanel);

运行后UI效果：
这里写图片描述

最终：
这里写图片描述

注意如果需要加入UI动画，需要在UI类中重写OnOpenAni()和OnCloseAni()方法，动画结束后不要忘了调用OnOpen()和OnClose()方法

有关配置表解析部分可以查看我的文章 “Unity3d txt配置表读取” 或 自行解析
http://blog.csdn.net/qq_18192161/article/details/79220695

刘建宁
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
unity：NGUI插件
weixin_50642897的博客
12-11 1283
NGUI NGUI是严格遵循KISS原则并用C#编写的Unity（适用于专业版和免费版）插件，提供强大的UI系统和事件通知框架。其代码简洁，多数类少于200行代码。这意味着程序员可以很容易地扩展NGUI的功能或调节已有功能。对所有其他用户而言，这意味着更高的性能、更低的学习难度和更加有趣。 下面我们来介绍NGUI的特性： 完全集成到Inspector面板中。 不需要点击Play按钮就能查看结果。 在场景视图中看到的就是在游戏视图中得到的（所见即所得）。 组件、模块化的特性：要让你的界面控件做什么，只需为
Unity 3D游戏编程自学#7——NGUI入门
ZergWang's Blog
02-24 1112
1. NGUI简介 NGUI: Next-Gen UI kit（以下简称NGUI）是一个第三方的Unity开发包（我原来以为是Unity自带的），下载下来后是一个unitypackage的文件，导入后会发现工具栏多了一个NGUI的菜单： 在Assets文件夹中也多了一个NGUI的文件夹，其中Editor是编辑器拓展， Examples是示例工程（打开Examples下的Scenes中的场景...
基于改造后的NGUI与Lua实现的unity热更新框架（一）
赖张殷-Eagle
11-19 3200
经过了在公司几天的学习，对于项目框架开发流程有了了解： 1、先把UI界面搭建好，然后在相应的地方写好事件，做成预制体，使用Build UI build一下，生成对于的配置文件 2、在viewdefine文件中定义一个ui ,如：[TEST_PROJECT] = "ui_project"，然后在定义放置ui的容器，如：[viewdefine.TEST_PROJECT] = contain
Unity中UI系统2——NGUI
最新发布
SunsetSunup的博客
05-30 1016
面向对象，面向抽象的编程。
Unity3D项目游戏设置界面（NGUI）
01-30
NGUI写的一个小游戏的设置界面，纯UI界面，有声音等控制界面
最新版本的NGUI插件NGUI Next-Gen UI 覆盖unity多个版本
03-27
多个版本 NGUI Next-Gen UI是一款功能强大、灵活性高的UI插件，是当前最新版本的NGUI插件。它可以覆盖Unity的多个版本，包括Unity 5、...开发者可以使用Tween动画或使用代码编写动画逻辑，实现更加复杂的UI动画效果。
unity3d UI 插件 NGUI
09-17
NGUI（Next-Gen User Interface）由Tasharen Entertainment开发，旨在解决Unity3D内置的原始UI系统（如OnGUI）的局限性。NGUI提供了一个直观且高性能的UI系统，支持2D和3D场景中的UI元素，包括文本、按钮、图像、...
基于Unity3D简单UI框架
07-14
基于Unity3D和NGUI实现的简单的UI框架，实现内容如下 1.加载，显示，隐藏，关闭页面，根据标示获得相应界面实例 2.提供界面显示隐藏动画接口 3.单独界面层级，Collider，背景管理 4.根据存储的导航信息完成界面导航...
Unity3D 2018插件 NGUI3.12.1
12-04
NGUI（Next-Gen UI）是Unity3D早期流行的一款UI系统插件，尤其在Unity3D 2018版本中，NGUI v3.12.1是一个被广泛应用的版本。 NGUI的主要特点包括： 1. **可视化编辑器**：NGUI提供了一个直观的界面编辑器，允许...
Unity3D NGUI3.12.1适用于unity3d2018的 NGUI插件
04-28
适用于unity3d2018的 NGUI插件 在Unity 项目中，Project视图下ASSETS文件夹上，右键 【Import Package】-->【Custom Package】，选择刚刚下好的 NGUI3.12.1插件包。然后，全部导入。
unitu3d ngui实战教程
06-10
Unity 3D NGUI实战教程 完整版 第1章 初识NGUI 1.1 游戏UI开发介绍 1.1.1 什么是游戏UI 1.1.2 UI为何如此重要 1.1.3 UI开发的流程 1.1.4 UI开发的难点 1.2 什么是NGUI 1.2.1 NGUI插件介绍 1.2.2 NGUI的强大优势 第2章 NGUI基础 2.1 导入NGUI插件 2.1.1 NGUI版本介绍 2.1.2 NGUI的下载和购买 2.1.3 导入NGUI插件应用 2.1.4 导入常见问题 2.2 认识基本的UI资源 2.2.1 什么是UI精灵（Sprite） 2.2.2 什么是UI图集（Atlas） 2.2.3 什么是UI贴图（Texture） 2.2.4 什么是UI标签（Label） 2.2.5 什么是UI字体（Font） 2.3 制作第一个UI图集 2.3.1 学会解剖UI的资源结构 2.3.2 如何导入切好的美术资源 2.3.3 用Atlas Maker制作图集 2.4 制作第一个UI字体 2.4.1 为什么要制作UI字体 2.4.2 静态字体和动态字体 2.4.3 制作静态字体介绍 2.4.4 制作动态字体介绍 2.5 创建第一个UI 2.5.1 创建一个2D UI 2.5 .2 创建一个3D UI 2.5.3 了解UIRoot、UIPanel和UICamera组件 2.6 2DUI和3DUI的工作原理 2.6.1 2DUI的工作原理 2.6.2 3DUI的工作原理 2.6.3 如何判断该选择哪一种UI 2.7 深度（Depth）概念 2.7.1 强化对深度的理解 2.7.2 小心相机的深度 第3章 核心组件 3.1 什么是UI控件 3.2 制作精灵（UISprite） 3.2.1 怎样判断是否应该使用精灵 3.2.2 创建精灵 3.2.3 Sprite组件的设置 3.3 制作标签（Label） 3.3.1 怎样判断是否应当使用标签 3.3.2 创建标签 3.3.3 Label的文字设置 3.4 制作UI纹理（UITexture） 3.4.1 什么情况下使用UITexture 3.4.2 创建纹理 3.4.3 纹理的设置 3.5 制作按钮（Button） 3.5.1 怎样判断应该使用按钮 3.5.2 创建按钮 3.5.3 核心组件BoxCollider 3.5.4 核心组件UIButton 3.5.5 制作按钮的放缩动画 3.5.6 制作按钮的偏移动画 3.5.7 制作按钮的旋转动画 3.5.8 添加按钮单击音效 3.5.9 任何事物都可以变成按钮，不仅仅是UI 3.6 制作进度条（UISlider） 3.6.1 怎样判断是否应当使用进度条 3.6.2 创建进度条 3.6.3 核心组件UISlider设置 3.6.4 进度条的BoxCollider说明 3.7 制作输入框（Input） 3.7.1 怎样判断是否应当使用输入框 3.7.2 创建输入框 3.7.3 核心组件Input设置 3.7.4 输入框使用的一些注意事项 3.8 制作滚动视图（ScrollView） 3.8.1 怎样判断是否应当使用滚动视图 3.8.2 创建滚动视图 3.8.3 滚动视图核心组件UIPanel 3.8.4 滚动视图核心组件UIScrollView 3.8.5 创建一个拖动条 3.8.6 拖动条说明 3.8.7 让视图内的内容可以被拖动 3.8.8 制作滚动视图时的注意事项 3.9 制作复选框（Toggle） 3.9.1 怎样判断是否应当使用复选框 3.9.2 创建复选框 3.9.3 复选框的核心组件UIToggle 3.10 制作下拉菜单（PopupList） 3.10.1 怎样判断是否应当使用下拉菜单 3.10.2 创建下拉菜单 3.10.3 显示当前选中的选项 3.10.4 下拉菜单核心组件PopupList 3.10.5 制作下拉菜单的注意事项 第4章 UI动画 4.1 常见的两种UI动画介绍 4.1.1 要区分UI动画和UI特效两个概念 4.1.2 关于Tween动画 4.1.3 关于Animation动画 4.2 渐隐渐现动画（透明度动画） 4.2.1 透明度动画的介绍和应用 4.2.2 使用透明度动画TweenAlpha 4.2.3 使用透明度动画的注意点 4.3 颜色变化动画（变色动画） 4.3.1 变色动画的介绍和应用 4.3.2 使用颜色动画TweenColor 4.3.3 使用颜色动画的注意点 4.4 位置变换动画（位移动画） 4.4.1 位移动画的介绍和应用 4.4.2 使用位移动画TweenPosition 4.4.3 使用位移动画的注意点 4.5 旋转变化动画（旋转动画） 4.5.1 旋转动画的介绍和应用 4.5.2 使用旋转动画TweenRotation 4.5.3 使用旋转动画的注意点 4.6 大小变化动画（放缩动画） 4.6.1 放缩动画的介绍和应用 4.6.2 使用放缩动画TweenScale 4.6.3 使用放缩动画的注意点 4.7 Tween动画总结 4.8 动画控制组件UIPlayTween 4.8.1 为什么要用UIPlayTween 4.8.2 动画核心组件UIPlayTween讲解 4.8.3 使用UIPlayTween的注意事项 4.9 动画控制组件UIPlayAnimation 4.9.1 为什么要用UIPlayAnimation 4.9.2 为UI添加Animation组件 4.9.3 动画核心组件UIPlayAnimation讲解 4.9.4 使用UIPlayAnimation注意事项 第5章 其他组件 5.1 使用Toggle制作页签 5.1.1 页签的工作原理 5.1.2 一个完整的页签界面 5.1.3 制作两个页签按钮 5.1.4 使用ToggleObjects来记录页签内容 5.1.5 制作页签注意事项 5.2 拖动摄像机来浏览超大界面 5.2.1 拖动相机功能的介绍和应用 5.2.2 核心原理和组件介绍 5.2.3 拖动相机浏览超大界面的注意事项 5.3 使用Grid自动排列UI 5.3.1 自动排列UI的应用 5.3.2 自动排列UI核心组件Grid介绍 5.4 使用DragObject直接拖动物体 5.5 让玩家通过拖动自由改变控件大小 5.6 制作序列帧精灵动画（SpriteAnimation） 5.6.1 什么是序列帧精灵动画 5.6.2 SpriteAnimation组件 第6章 NGUI实战进阶 6.1 UI开发核心问题--UI随屏幕自适应 6.1.1 屏幕分辨率对UI适配的影响 6.1.2 主流设备的屏幕分辨率 6.1.3 自适应核心组件Anchor的使用 6.1.4 使用Anchor的注意事项 6.1.5 正式开发UI之前必须明确的几个问题 6.2 UI元素的相对自适应 6.2.1 什么是UI元素的相对自适应 6.2.2 Anchors的介绍及使用 6.2.3 使用Anchors的范例：背景图的全屏适配 6.2.4 使用Anchors的注意事项 6.3 多摄像机同时协作运行 6.3.1 摄像的渲染层的概念 6.3.2 多摄像机协作的应用范围 6.3.3 如何创建多个UI摄像机 6.3.4 多摄像机协作的注意事项 6.4 巧用九宫格以减少UI资源量 6.4.1 项目安装包大小对项目的影响
U3D-NGUI-1
SelamatPagi的博客
11-21 352
1.Game面板调整为标准面板960*640 2.Assets分类管理资源 GameAsset(model,UI) Scene Script(UI Script等) 3.保存场景 4.UGUI与NGUI不要混用，导入NGUI后在菜单栏NGUI创建Texture(图片，按钮等)，Label，Panel等, 一个按钮的所有因素，用空物体打组。不同的UI界面用Panel区分，De
在UNITY中创建出一个简单的UI界面
zxycs1996的博客
05-14 4万+
在每一个软件的应用中，用户界面（UI）都是必不可缺少的一部分，是核心的特征。游戏也没有抛弃这一规则。 大部分的游戏都使用 UI 界面来方便快捷地显示一些信息，如在“音之国度”的游戏中，需要借助UI界面来显示技能，召唤兽的信息等。 Unity 3D 提供了许多 UI 组件，你都可以在你的游戏中使用它们。 今天我将要制作的，是一个简单的暂停菜单。这个暂停菜单将显示一个内容为『Paused』的
[Unity XLua]热更新XLua入门(一)-基础篇
热门推荐
学无止境的专栏
01-14 6万+
Aladdin_XLua前言前段时间腾讯开源了一个内部热更框架XLua在Unity开发群里引起一阵热议，也受到广大开发者的热捧，然后我当然也抱着好奇的心去学习学习。后面也会将扩展之后的工程放在git上，大家一起学习交流！在此感谢XLua作者创造出这么好用的框架！相关链接 XLua源码 C#->Lua开源工具 可以将C#转化成lua并且具有 相关介绍文章 https://www.oschina.n
NGUI所见即所得之深入剖析UIPanel,UIWidget,UIDrawCall底层原理
qiudesuo的专栏
03-04 411
NGUI所见即所得之深入剖析UIPanel,UIWidget,UIDrawCall底层原理 By D.S.Qiu 尊重他人的劳动，支持原创，转载请注明出处：http.dsqiu.iteye.com           之前项目中用的NGUI的版本是3.0.7 f3，开始的时候感觉没有什么问题，直达最近项目UI的完成度比较高时，就突然出现掉帧很严重的现象，即使只有一个UI打开（其他都是a...
Unity中NGUI插件的使用
莹莹carriex的专栏
03-11 824
1、导入NGUI插件 2、create 2D UI 3、open prefab Toolar 4、选择需要的prefab，如button、slider 5、button也有很多自己的组件，例如UISprite中的Sprite可以改变Button的风格 6、Open Wooden Atlas Maker可以自行创建Button风格（需更具体） 7、OnClick可以绑定C#Script，
unity3D游戏开发十八之NGUI动画
wangdaren的专栏
04-23 2万+
我们先来看下帧动画，顾名思义，就是一帧帧的图片组成的
超详细的Unity UGUI教学
张小艾博客
06-11 1万+
前言：Unity版本为2019.2.9f1 Ppersonal。Unity版本可在上方Help下点击About Unity找到。本文介绍了Unity游戏开发中常见的UI实现方法，可通过目录快速跳转到你想看的内容。看完觉得有帮助的小可爱，还请动动小手点个赞哦~~~ 文章目录图片ImageImage参数Image Type图片类型按钮Button创建ButtonButton 参数为Button添加点击事件OnClick参数开关Toggle滑块Slider滚动条Scrollbar实例创建布局编辑添加文本滚动条.
Unity3D NGUI教程.pdf
11-16
Unity3D中的NGUI是一个强大的用户界面系统，尤其适用于2D游戏开发。在创建NGUI界面时，首先你需要创建一个新的场景，然后删除默认的MainCamera，因为NGUI有自己的UICamera来处理UI的渲染。通过NGUI菜单下的"Create a...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

刘建宁

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值