精华内容
下载资源
问答
  • 文章开始先说NGUI的下载,如果是自己学习的话通过其他渠道免费下载也无可厚非毕竟对于学生党而言几百大洋的确挺贵的,但如果你要用于任何商业活动就建议您一定要下正版。 你问我渠道都有哪些?想省事的可以去某宝...

    文章开始先说NGUI的下载,如果是自己学习的话通过其他渠道免费下载也无可厚非毕竟对于学生党而言几百大洋的确挺贵的,但如果你要用于任何商业活动就建议您一定要下正版。 你问我渠道都有哪些?想省事的可以去某宝(嘘)

     

    如果你还没下过那么请按着图上的操作导入你的NGUI组件,图中用红色箭头标明的NGUI选项是当你导入后才有的。


     

    导入后,就点击创建创建“精灵”(Sprite)

     

    以此法在第一个创建的精灵下再创两个精灵,UI Root是创建第一个精灵时就会自动出现的。

     

    Atlas是选择图集,Sprite是选择在这图集里的一张图片作为此精灵的图片,如左边的game面板所示。图集是可以自己制作的,步骤也简单百度可以搜这里就不赘述了。

     

     

    如图,1是背景板,2是进度条,3是滑块(滑块是利用拖动来改动进度条的值,如是代码控制可以不要只要两个Sprite)

    点击对象在其属性面板按步骤添加 NGUI Slider组件

    如图,添加组件后如数拖入

    如上上张图步骤,在第三个对象里添加box Collider

     

    添加后在此组件上勾上这个

    这样就OK了,运行来拖动试试,如果三个“精灵”有哪个不见了就点下各自属性里如图所示的那两个键,调节控件

     

    层级关系

     

    OK,如有问题在下方留言即可,如有大神觉得这样做不太方便也希望多多提下建议,谢谢诸位

    展开全文
  • 今天学习了NGUI的滑动条,添加声音,打印机等操作  首先给大家讲解一下滑动条的制作 添加滑动条的步骤: 1.首先需要添加Sprite(黑色条),再为Sprite添加一个子Sprite(白色条) 2、右键子Sprite...
    今天学习了NGUI的滑动条,添加声音,打印机等操作 
    

          首先给大家讲解一下滑动条的制作

    添加滑动条的步骤:

    1.首先需要添加Sprite(黑色条),再为Sprite添加一个子Sprite(白色条)

    2、右键子Sprite-->Attach-->Box Collider-->右键-->Attach-->Slider  Script

    3、把子Sprite拖拉到Foregroud里面

    4、添加一个Label(值为100%)

    5、选中子Sprite,把Label拖拉到属性On Value Change的Notify里面,  并为Method选取setCurrentPercent值

    Thumb为游标,可以添加一个子Sprite(黑色条)缩小一下放在滑动条的右边,作为游标使用


    下面是添加声音的步骤:

    选择Label-->右键-->Box Collider-->Add Compoent-->Paly Sound-->Audio Clip-->选择声音

    Trigger:点击事件

    Volume:声音大小

    Pitch:播放速度

    然后是打字机的步骤:

    Add Compoent-->Typewriter Effect-->Chars Per Seconds(每秒显示多少个字)


    更多精彩关注:http://www.gopedu.com

    展开全文
  • Unity3D NGUI制作进度条

    千次阅读 2015-08-09 01:01:22
    Unity3D NGUI制作进度条 利用GUI可以制作进度条,但是NGUI更加方便 我是用的NGUI3.5.3, 先找到NGUI Slider的预制体,利用自带的UISlider来制作。 主要是利用UISlider的Value来控制进度条。 ...

    Unity3D NGUI制作进度条

    利用GUI可以制作进度条,但是NGUI更加方便

    我是用的NGUI3.5.3,

    先找到NGUI  Slider的预制体,利用自带的UISlider来制作。

    主要是利用UISlider的Value来控制进度条。

    脚本


     public GameObject BtnGaoLu;
        public UISlider MyUISlider;
    
        private bool isLoad=false;
        private AsyncOperation async;
        float progress = 0;
    
        void Awake()
        {
            UIEventListener.Get(BtnGaoLu).onClick = fnChangeSence;
            MyUISlider.alpha = 0;
        }
    
    	// Use this for initialization
    	void Start () {
    	
    
    	}
    	
    	// Update is called once per frame
    	void Update () {
            //绘制进度条,但是由于时间太短,效果不好
            if (isLoad)
            {
                MyUISlider.alpha = 1;
                progress = Convert.ToSingle((async.progress.ToString("f2")));
                if (progress > 0)
                {
                    MyUISlider.GetComponent<UISlider>().value = progress+0.8f;
    		//此处添加0.8f是因为我只加载到85%就跳转了,为了达到进度条到达100*的效果,所以添加了0.8,是实际情况而定。
                    print(progress);
                }
            }
    	}
    
        void fnChangeSence(GameObject obj)
        {
            
            StartCoroutine(fnLoadSence("Final_Scene"));
        }
    
        IEnumerator fnLoadSence(string strSenceName)
        {
            isLoad = true;
            async = Application.LoadLevelAsync(strSenceName);
            yield return async;
        }

    这里注意使用Convert方法需要添加引用System


    将触发按钮盒UISlider拖入公有变量中,运行即可。

    实际的效果要根据加载时间来确定,再编辑其中只要第一次加载后,在运行就会非常快,以至于看不到进度条效果,只要发布就好了

    展开全文
  • NGUI制作进度条

    2014-12-10 16:35:00
    我目前想到的两种方法 ...这种方法可以支持不规则的图片做成进度条,而且简单。 UIsprite的属性Type设置成Sliced然后更改width长度。 那种效果更好,具体看美术的效果需求吧

    我目前想到的两种方法

    UISprite的属性Type设置成Filed然后更改FillAmount 即可

    这种方法可以支持不规则的图片做成进度条,而且简单。


    UIsprite的属性Type设置成Sliced然后更改width长度。


    那种效果更好,具体看美术的效果需求吧

    展开全文
  • NGUI-进度条

    千次阅读 2014-06-09 11:05:05
    1.建立3个Sprite,层级关系如图:(若需要在进度条上显示进度百分数的话要建立Label_Value) 2.添加进度条的前后图片:分别设置Sprite_ForeGround和Sprite_BackGround的Atlas和Sprite;注意调整2个Sprite的...
  • InputFiled 在UIroot下添加sprite(inputbg) 添加BoxCollider 和 UIInput脚本 作为输入框的背景, 在sprite下添加子物体label为占位符 这是inputbg 的视图 ...进度条 在UIroot下添加sprite
  • NGUI 圆形血条、进度条制作

    千次阅读 2016-08-27 17:11:52
    通常,为了美化界面布局,进度条或者角色血条、经验条并不是长方形的,可能会是个圆形,看了下别人的制作过程都稍显复杂,为此整理了一份步骤非常简单的制作圆形进度条或者圆形血条、经验条的方法。 这儿我们使用...
  • void Start() { if(slider == null) { Debug.Log("进度条组件丢失"); } if(label == null) { Debug.Log("进度显示文字丢失"); } //进入这个场景就立即协程加载新场景 StartCoroutine("BeginLoading"); } // Update ...
  • 1、直接创建三个场景,其中第二个场景是用来显示进度条加载的界面,进度条用UISlider,不会的看我前面的博文就可以了。 2、这里提供两种方法,建议使用第一种,加载比较平缓 方法一: using System....
  • 进度条是为了让加载过程更有可视化的一种方法成品展示如下:1.创建UI Root,然后在里面建立两个panel控件,一个为progress一个为rate2.在rate里面添加一个空物体,然后在空物体里添加三个精灵,分别为BackGround,...
  • 半圆形进度条 首先将资源图片打进atlas图集,在场景上创建一个新的sprite。资源是一张半圆形的进度条,如下图。如果要实现进度条的效果,只需实现纵向的遮挡即可。通过UISPRITE的相关属性即可实现。 下面学习...
  • 关于这个ngui的组件slider 我是从 ngui 自带案例里拷贝的,具体制作方法可以翻翻我其他的博客 private void Start() { ui_root = GameObject.Find("Control 1"); slider = ui_root.transform.Find(...
  • 在使用NGUI做UI界面的时候,经常要用到NGUI的Tweener组件做UI动画,还是很方便的。 当我要使用UIProgressBar或者UISlider制作已经进度加载条,或者制作一个分数进度条时,发现并没有一个合适的Tweener类型可以给...
  • 既然标题是最简单的,那么很多东西就不需要我们自己做了,使用的是NGUI的示例,只针对初学者,接下来让我们来做一个最简单游戏设置里的声音控制。 1、导入NGUI; 2、找到NGUI的Menu示例Demo,文件夹为NGUI\...
  • NGUI 现有的进度条存在的问题: 进度条跳跃式前进,加载到90%后卡住,突然进入下一个场景。接下来就是解决这个问题。 背景 通常游戏的主场景包含的资源较多,这会导致加载场景的时间较长。为了避免这个问题,可以...
  • 打打广告看看能不能挣到钱,呵呵http://dlnuchunge.gouwuke.com/search-android%E6%89%8B%E6%9C%BA.html?oid=245860&gsid=513132再试试...注:NGUI支持c#,所以你用js写的话基本上是不可以的。
  • NGUI

    2015-01-22 22:50:54
    用到了打字机效果,输入框,进度条,按钮。。。。      运行效果      实现打字机效果  创建label 添加你想输入的文字,为label添加组件  Add Compoent-->Typewriter Effect-->Chars Per...
  • 背景   通常游戏的主场景包含的资源较多,这会导致加载场景的时间较长。...在加载主场景的时候一般会在Loading界面中显示一个进度条来告知玩家当前加载的进度。在Unity中可以通过调用Application.LoadLevelAsync函
  • 学习NGUI笔记

    2017-03-15 14:18:20
    导入NGUI的unitypackage包 NGUI和UGUI不同,他所应用的精灵和文字都是直接从图集和文字集调用的 1.打包文字 2.打包图集 3.如何创建一个进度条 创建一个精灵,添加碰撞盒和Scrill Bar组件 然后给一个空物体添加...
  • NGUI总结

    千次阅读 2015-01-27 11:43:45
    NGUI学习笔记(摘) NGUI学习笔记 一、 NGUI的直接用法 1. Attach a Collider:表示为NGUI的某些物体添加碰撞器,如果界面是用NGUI做的,只能这样添加。(注:用Component添加无效)。 2. Attach an Anchor:...
  • Unity NGUI学习笔记(二)NGUI基础功能 NGUI的根节点为UI Root。所有的物体想要显示在界面上都必须挂在具有UI Panel组件的物体下。 UI Panel具有深度属性,深度决定了物体显示的层级,类似于z-index。 NGUI没有节点...
  • NGUI控件

    2015-09-23 18:31:00
    NGUI学习笔记 一、NGUI的直接用法 1. Attach a Collider:表示为NGUI的某些物体添加碰撞器,如果界面是用NGUI做的,只能这样添加。(注:用Component添加无效)。 2. Attach an Anchor:表示为该物体添加了...
  • NGUI -- UISprite

    万次阅读 2014-03-22 15:58:37
    注意:本文翻译时NGUI版本已经更新到3.0.7 原文地址:http://www.tasharen.com/forum/index.php?topic=6704 Overview UISprite is the bread-and-butter of N
  • NGUI学习笔记

    2016-11-21 16:42:51
    NGUI学习笔记 一、 NGUI的直接用法 1. Attach a Collider:表示为NGUI的某些物体添加碰撞器,如果界面是用NGUI做的,只能这样添加。(注:用Component添加无效)。 2. Attach an Anchor:表示为该物体...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 403
精华内容 161
关键字:

ngui进度条