lihui061119的专栏

其效果如图所示：NGUI的ScrollView能够实现鼠标或者手势对图标的滚动操作，现在在很多的游戏中都能够见到。例如在《愤怒的小鸟》中的关卡选择等等。实现图标的滚动操作在NGUI中很容易实现，只要在Panel中加入一个UIDragPanelContents组件，再做些细节上的操作就可以了。在本教程中，我们将分三步来完成这个例子。第一步，创建窗口背景；第二步，创建和实现图标滚动效果；第

在上一个示例中的ScrollView使用到了Shader的处理，而对于一些低端的机器或者移动设备可能会出现显示不正常的结果，所以，NGUI还为我们准备了另外一个处理方式，也就是通过摄像机的移动来达到同样的目的。接下来，这个示例就是告诉大家如何实现这个功能。首先先制作一个普通的GUI界面，这些界面在上面的教程中已经说过，这里就不再赘述，其最终效果如图所示：现在来制作那些可以滚动的Item

第二步 创建储物箱界面1.         使用UI Tool创建一个Advanced 3D UI结构，Layer 为GUI（如果没有该GUI层，可以在Layer添加面板中添加），如图所示：把Panel和Camera分离出来，接着删除UIRoot（3D）和Anchor对象，并把Camera调整成为Panel的子物体，最后把Panel改名为3DUI，Camera命名为3DUICame

在NGUI插件中，你可以设置该GUI的输入方式，例如通过鼠标、键盘、手柄等方式来控制元素的选择。在官方示例的Example4 – Input中，展示了屏蔽鼠标输入，改为通过键盘方向键来控制元件选择的功能。该示例以前一个示例作为基础。http://game.ceeger.com/forum/read.php?tid=4187首先屏蔽鼠标事件。选择UI Root（3D）下的Camera对象，在In

其实上面的东西总结出来就一句话：（啰嗦那么多，总结却这么少，好没成就感，呵呵）在相同Panel下，相同Atlas中的Sprite才受Depth控制，其他情况则受z轴控制，但同时又受前者影响。  列个表的话就是：1、相同panel    相同atlas     sprite受depth控制2、相同panel    不同atlas     sprite受z轴控制    （同时受1的

items拖拽到底部的时候，自动从顶部再次开始。。。。。

if (_Slider != null) { _Slider.onDragProcess = OnSliderChange; _Slider.onDragFinished = OnDragFinished; EventDelegate eventDelegate = new EventDelegate(this, "OnSliderChange"); _Slider.o

1.UISpriteprivate UISprite sprite = null; // 清楚图片 public void ClearSprite() { if (sprite != null) sprite.atlas = null; } // UISprite自适应到原来大小 private void SetMakePixelPerfect() { if (

public class TradeGoodsItem : MonoBehaviour{ CommonDelegate.VoidDelegate _CallBack = null; int _GoodsNum = 0; ItemDataStruct _Goods = null; PaoshangData _PaoshangData = null; void Awake() { S

public static Color GetColor(int r, int g, int b) { return new Color((float)r / 255.0f, (float)g / 255.0f, (float)b / 255.0f); }

实现效果 ：

实现效果图： private UIScrollView fubenScrollView; private UIGrid fubenGrid; public void OnBtnRight() { if (fubenScrollView == null || fubenGrid == null) return; int curIndex = GetFub

实现效果图如下 ：ＵＩ　设置如下　：using UnityEngine;using System.Collections;using System.Collections.Generic;public class TestScrollView : MonoBehaviour { public UIScrollView _Scrollview; public Li

public static void GridReposition(UIGrid grid) { if(grid != null) { grid.Reposition(); } } // grid到顶部 public static void ScrollResetPosition(UIScrollView scroll) { if(scroll != null)

Container和ScrollView一个父级，就可以实现无空隙拖拽了。 （Container要加DragScrollView.cs）如果ScrollView下的item要点击的话，item要单独添加DragScrollView。

// item排序 public void onSortItems() { float _X = 0.0f; float _Z = 0.0f; int padding = 110; // 格子高度 + 格子间距 for (int k = 0; k < _Items.Count; k++) { GameObject item = _Items[k].gameObje

UISlider.onChange.Clear();// 清除消息EventDelegate.Add(UISlider.onChange, OnSliderChange);// 鼠标点击变slider_UISlider.onDragProcess = OnDragProcess;// 拖拽中_UISlider.onDragFinished = OnDragFinished;//拖拽结束

NUI这个系统是在是牛，比unity3D里面自带的gui要好用得多，还可以为GUI添加法线贴图！哈哈。虽然在EZgui里面也可以。接下来的例子，我不在使用它自己的例子了。因为重复性劳动太多，大家看了也烦。我就说说如何给它加入法线贴图，并实现动画的简单例子。1.         创建一个Simple2D NGUI结构，如图所示： 1.         创建一个Sprite，其参数

NGUI例子制作过程，由笔者参照NGUI的例子重新自己做了一遍，以加深对NGUI用法的理解。（建议先看下官网的基础教程，对NGUI有初步了解之后，再看这个帖子。）该贴需要前面我写的内容，请有兴趣的童鞋先熟悉前面的做法，再看本帖。哈哈Example3-Menu其最终效果是窗口中的Label文字出现打字效果，当按下Options按钮时，两个窗口会来回切换，如图所示：1.        

为ListPanel创建一个空的游戏对象，并命名为DragDropContainer，reset一下，并为它添加一个Collider（NGUI->Attach a collider），如图所示在DragDropContainer对象下创建一个空的游戏对象，并命名为Item0，并为其添加一个Collider（NGUI->Attach a collider），接着在Item0下创建一个Sp

这个示例展示的是可伸缩的界面，点击没一个Quest，可以把里面的内容展开。如图所示：首先先制作出基本的界面，这里就不再赘述（可以参考我上面的系列教程），在这里提一下，在制作背景时，可以使用Create a Widget创建出一个SimpleTexture，贴上合适的材质之后，不要缩放和移动它，为它添加一个Stretch组件（Component->NGUI->UI -> Stretch），该

NGUI在Unity3D游戏开发中非常常用，而NGUI对于每一个UI场景，都是以一个UIRoot为UI游戏对象树的根的，那么这个UIRoot是起什么作用的呢？先简单看一下UIRoot中的基本属性UIRoot游戏对象的属性只有4个，分别是缩放规则，手动高度，最小高度和最大高度而正是这4个属性，将影响整个UI场景中整体的缩放比例，当设置好这4个属性之后，UIRoot游戏

NGUI例子制作过程，由笔者参照NGUI的例子重新自己做了一遍，以加深对NGUI用法的理解。（建议先看下官网的基础教程，对NGUI有初步了解之后，再看这个帖子。）二、Example2 – Interaction其最终效果如图所示,当点击Show按钮时，窗口会过度到平躺位置，并出现两个立方体，这两个立方体当鼠标位于上面时，会出现按钮的onHover效果：1.         新建

以上几步就实现了官网上的Interaction中窗口位置的平滑变换效果。关键是UIButtonTween和其他的Tween类型之间的连接。最后，把摄像机调整到其他的角度，（没有怎么去考虑美术上面的东西，有点难看，呵呵）如图所示：现在，来制作NUI按钮与场景中的对象的交互。首先，在场景中创建一个立方体，并为它赋予brick材质（在Project窗口中，NGUI->Example->Mater

NGUI官网示例11 –Drag ; Drop（图标与物体拖拽放置）游戏中经常会用到储物箱等GUI，GUI的一边是物品的图标，另一边是一个角色，你可以拖动这些图标放置到角色上，为它装配装备。那么我们首先来实现较为简单的Drag;Drop功能。如图所示： 首先来制作三维的场景：1.         使用Create a new UI对话框创建一个Advanced3D UI，如图所

该部分主要是为实现装备在拖动的时候出现拖动图标的效果和当鼠标放置在装备上时提示装备的一些信息而做准备。使用UI Tool创建一个Simple 2D UI层级结构，其Layer为2DGUI，我们通过不同的图层的设置让摄像机只显示我们设定的图层中的对象，有点像photoshop中的图层，如图所示调整该结构，把Panel和Camera从UIRoot（2D）中分离出来，接着删除UIRoot（2

屏幕自适应NGUI可以比较方便的实现屏幕自适应，但是它的官方教程里面针对这个问题没有详细的教程，所以可能在实现的时候会走比较多的弯路。以下是我在开发过程中找到的一个比较方便的实现方法。主要组件1. UIAnchor这个是用来确定控件在屏幕中的位置，另外有一篇教程专门讲它的功能，所有不会再赘述2. UIStretch这个是用来做缩放的组件。老版本的NG

制作鼠标停留在按钮上时的按钮动态效果。创建一个空游戏对象，命名为animation，把它拖到Button-hello上，成为其子物体，把该按钮下面的两个子对象拖到Animation空对象上，成为它的子物体。并为Animation空对象添加一个Animation组件（Component->Miscellaneous->animation）,添加完成之后，在该组件种的animation属性中的最右边小

随着游戏国际化的发展，很多游戏都会在多个国家发行，那么其中有一个很重要的工作就是游戏的本土化，包括里面的文字，画面，情节等等都要符合该国的语言和文化以及法律等等。那么在NGUI中，我们的本土化最主要的就是语言的显示。那么，在该教程中，我将根据NGUI的官网教程，实现英文和中文的转换（我们要摒弃那个好像是德文的例子，呵呵，那个德国国旗暂时不改了，等说道制作altas再来了解）。首先先制作一个

首先先创建这个窗口的拖动图标。在菜单上选择NGUI->Create a Panel,在WindowRoot下创建一个新的Panel，并命名为Panel ClipView。如图所示：创建一个空的游戏对象，命名为UIGrid，该对象用来自动调整它的子对象的排列方式。并把该游戏对象作为Panel ClipView的子对象，并reset一下。如图所示：新建一个空的游戏对象，命名为Ite

NGUI官网示例11 –Drag ; Drop（图标与物体拖拽放置）游戏中经常会用到储物箱等GUI，GUI的一边是物品的图标，另一边是一个角色，你可以拖动这些图标放置到角色上，为它装配装备。那么我们首先来实现较为简单的Drag;Drop功能。如图所示： 首先来制作三维的场景：1.         使用Create a new UI对话框创建一个Advanced3D UI，如图所

聊天对话框是网络游戏中经常会用到的GUI之一，它可以通过用户的键盘输入来获取输入信息并发送到其他的游戏客户端中。当然，聊天对话框的用途还有很多。在NGUI中，也为我们创建聊天对话框提供了方便，如图所示：首先先床架一个窗口层次结构，这里不再赘述，请看前面的教程。在里面的Label中，我使用了中文的字体为3698Font包3698font.unitypackage，如图所示为该窗口

物箱和角色装配装配在游戏当中可以实现人物外观的自定义，其用途非常广泛，例如魔兽当中的角色自设定，所以NGUI也提供了这样的功能，如图所示：我们将分四步来制作该GUI。第一步，创建基本的游戏背景；第二步，创建储物箱界面；第三步，创建装备拖动图标和装备提示栏；第四步，实现装备的装配。第一步，创建基本的游戏背景创建一个空的游戏对象，并命名为Scene，同时reset一下。接着为其

选择Shoulders对象，为其添加一个EquipmentSlot（Component->NGUI->Example-> EquipmentSlot）,并把shoulders中的各个子对象赋值给该组件对应的变量中，再为其添加音效，最后把场景中Orc对象赋值给Equipment，表示要把装备装配到该物体上，接着在slot中选择shoulders，如图所示为该元件添加一个按键动画，选择Shou

这里官方例子中的最下角，有两个元件，一个是用于控制item中心显示的check box，还有一个是实现窗口旋转的功能。还有右上角的Logo图标，鼠标点击它是会自动弹出来，鼠标移开后又会自动弹回原位。现在我们来分别实现它。  在Camera下创建一个panel。并在这个Panel下创建一个空游戏对象，并命名为Anchor-Bottom，reset一下，为其添加一个Anchor（Ngui->Att

在上一个示例中的ScrollView使用到了Shader的处理，而对于一些低端的机器或者移动设备可能会出现显示不正常的结果，所以，NGUI还为我们准备了另外一个处理方式，也就是通过摄像机的移动来达到同样的目的。接下来，这个示例就是告诉大家如何实现这个功能。首先先制作一个普通的GUI界面，这些界面在上面的教程中已经说过，这里就不再赘述，其最终效果如图所示：现在来制作那些可以滚动的Item

private void SetPos() { if (_SelectItem == null) return; gameObject.transform.position = _SelectItem.transform.position; Vector3 local_pos = gameObject.transform.localPosition; local_po