首页 > Unity3D频道 > 【NGUI研究院之Unity插件】 > NGUI研究院之开发项目的一些使用心得比较细节（五）
2012
07-29

NGUI研究院之开发项目的一些使用心得比较细节（五）

         不知不觉MOMO使用NGI插件已经有一段时间了，感觉NGUI真的是目前Unity3D中最好用的UI插件。但是它也有一些不是BUG的BUG，这些问题可能会让新人摸不着头脑，那么这篇文章MOMO将总结一下这段时间用NGUI的一些开发心得，这些也好几个朋友问题我的一些问题，我将这些东西列出来。 哇咔咔～

 

1.对图片的限制

如果是移动平台中iPhone 或Android请保持的你的图片尺寸在小于等于1024 X 1024 ，否则载入的图片将无法显示，绘制图片的地方会是一片黑漆漆的东西，PC平台的话图片最大使用的尺寸是4096X4096 。

注意！这还没完、如下图所示，无论在任何平台中请保持你的图片宽或高的尺寸和下图中的一样。比如 32X32 、32X64 、 128 X 32、 1024 X519、 1024 X1024、 512 X 32 像这样和下图所出现的尺寸数值一样的比例才行。 

 

NGUI研究院之开发项目的一些使用心得比较细节（五） - 雨松MOMO程序研究院 - 1

 

举个例子，比如美术给你出了一张960X640的图片，此时你直接放在程序中，NGUI会自动将这张图片拉伸。所以你需要让美术把这张960X640的图片放在1024X1024 尺寸的图中给你，这样图片就不会拉伸了，如下图所示，就好像这样，这张图的尺寸是 1024X1024 但是程序中通过精灵切割的只是 960X640这部分，所以这个图就不会在iPhone或Android中拉伸。

 

NGUI研究院之开发项目的一些使用心得比较细节（五） - 雨松MOMO程序研究院 - 2

 

接着是材质，对材质着色器的选择也有一点要求.如下图所示，请选择你的材质着色器为Unlit/Transparent Colored  如果你选择的不是它将会造成你的UI无法显示背景透明的图片喔。

 

NGUI研究院之开发项目的一些使用心得比较细节（五） - 雨松MOMO程序研究院 - 3

 2.精灵预设或者字体预设

在导航栏中创建用NGUI创建一个新UI后，并且在Project视图中已经创建了精灵预设和字体预设后。然后在Panel（面板）中创建新部件时，如下图所示，点击Atlas 或 Font后如果发现找不到对应的预设。不要紧张其实很简单，只需你将Project视图中的精灵或字体预设先拖拽至Hierarchy视图中，此时在重新点击创建新部件，然后在点击Atlas或Font就会出现你需要的精灵或字体预设。选择完毕再将Hierarchy视图中拖拽的预设删掉即可。 对于任何一个新精灵预设或字体预设都要用一次这样的方法，再次使用就不会出现这个问题。

（补充，引用评论中的一句，鼠标在Project视图中点一下就可以  感谢回复～～）

NGUI研究院之开发项目的一些使用心得比较细节（五） - 雨松MOMO程序研究院 - 4

 

3.在3D世界之上创建你的UI。

比如3D游戏中界面中选择技能、物品、人物状态等的一些UI。这些UI不会以因主角移动而发生位置的改变，并且永远出现在界面最前面。如下图所示，把你游戏世界中原本的摄像机放在UI Root (2D)下面，并且让所有的UI都是这个Camera的子类，这么做是为了解决摄像机发生移动后所有的UI也能和他保持原本的距离关系，至于其它的3D游戏对象请保持与UI Root (2D) 为同级关系即可。因为需要显示3D物体，请设置你的摄像机Projection为Perspective。

 

NGUI研究院之开发项目的一些使用心得比较细节（五） - 雨松MOMO程序研究院 - 5

 

4.Scroll View列表的显示区域

如何修改Scroll View列表的显示区域。这个问题我记得有好几个朋友都问过我，我觉得这个问题是NGUI的一个BUG。 但是我们使用另外一种方式可以很好的解决这个问题，那么MOMO和大家说说我的开发心得。

如下图所示，在这里可以修改ScrollView中整体的显示区域，但是请注意这里紧紧是修改它的显示区域，，因为之前设定在ScrollView中的item的位置是不会因为scrollView显示区域的修改而修改。建议修改ScrolleView显示的宽 和高 在这里修改，但是显示的X Y轴坐标就不要在这里改了，因为改了也没用。

 

NGUI研究院之开发项目的一些使用心得比较细节（五） - 雨松MOMO程序研究院 - 6

 

 

如果你要修改Scroll View显示X Y轴坐标的话，如下图所示，直接在Hierarchy视图中选择ScrollView显示的父面板对象，然后在Scene视图中更改这个对象的XYZ坐标即可，这样对应下方所有的ScrollView 的item也会跟着修改。继而达到完美修改NGUI ScrollView的显示区域喔。

 

NGUI研究院之开发项目的一些使用心得比较细节（五） - 雨松MOMO程序研究院 - 7

 

最后，这篇文章也没什么代码，不过MOMO希望能给一些刚刚入门NGUI的朋友一些帮助，哇咔咔。

最后编辑：
作者：雨松MOMO
专注移动互联网，Unity3D游戏开发
站内专栏 QQ交谈 腾讯微博 新浪微博
捐 赠写博客不易，如果您想请我喝一杯星巴克的话？就进来看吧!

您可能还会对这些文章感兴趣！

《NGUI研究院之开发项目的一些使用心得比较细节（五）》有 58 条评论

较新评论 →
  1. 承影爱吃苹果 说：
    2013 年 4 月 8 日上午 8:55

    您好，我用的ngui2.3 精灵预设或者字体预设 找不到导入的。必须利用ngui制作的才可以发现。是怎么回事啊。

    回复
  2. oPeNZzz 说：
    2013 年 4 月 6 日上午 8:29

    请教雨松老师，在三维场景中将Camera挂到UIroot后，在行走间界面UI会随着行走抖动，不知道要怎样解决？

    回复
  3. Barbarian 说：
    2013 年 2 月 28 日下午 12:01

    真心佩服楼主的细致耐心!请教一下，如果想在NGUI上放置粒子效果，要如何处理，我试着直接放上去，会被UI盖住，调Z值也木用。。。

    回复
  4. liubin0908 说：
    2012 年 12 月 10 日上午 9:29

    你好，请教一个问题，ScrollView的中的UIGrid中的显示突然没了…怎么解决的？

    回复
  5. 雨松MOMO 说：
    2012 年 12 月 4 日上午 9:17

    感谢你的支持与厚爱 嘎嘎嘎嘎嘎！！！

    回复
  7. M_ider 说：
    2012 年 12 月 4 日上午 7:03

    你好老师，为什么我将字体的贴图做到自定义的图集里面，生成字体后在编辑器里是好用的，但是怎么导出之后就显示错乱了啊？我用的NGUI，字体的是直接用的NGUI内置的，但由于图层显示问题我把贴图合并到我自己的图集里了。。

    回复
  8. wtm 说：
    2012 年 10 月 12 日上午 7:53

    请教一个ngui的问题，ngui中有个scroll bar，很奇怪 不管我怎么调整各个sprite的大小（前景和背景图）和scroll bar的各个参数，运行起来之后滚动条的前景图都会很大，这个有什么好办法吗？

    回复
  11. zdh 说：
    2012 年 8 月 17 日上午 9:03

    有个问题，如何制作字体啊

    回复
  12. 酷_莫名简单 说：
    2012 年 8 月 13 日下午 3:08

    看不懂….轻轻飘过….吼吼，顶起！！！

    回复
  13. Jake 说：
    2012 年 8 月 13 日上午 6:49

    这个SoftClip有个bug，就是子物体带碰撞体的话 超出显示范围也可以相应，不知道有什么解决方法？

    回复
  14. ming 说：
    2012 年 8 月 2 日上午 7:47

    终于解决了！我使用了最笨的方法，逐个逐个控件写脚本拉伸，还没有最佳方案之前我只能这样做，谢谢老师！

    回复
  15. ming 说：
    2012 年 7 月 31 日下午 1:06

    MOMO老师，请问NGUI怎样适应各个Android手机的分辨率，我设置了Maual Height，只能固定高度，但不能拉伸，有什么办法可以解决呢？

    回复
  16. 怂花蛋 说：
    2012 年 7 月 30 日上午 7:23

    松哥！请问那个字体可以用bitmap做吗？要导出些啥东西呢

    回复
  17. 小乔、 说：
    2012 年 7 月 30 日上午 6:25

    学习、

    回复
  18. 索拉 说：
    2012 年 7 月 30 日上午 4:33

    哇咔咔！學習！

    回复
  19. Whier 说：
    2012 年 7 月 30 日上午 12:06

    补充一点，pc平台上如果有4096的纹理，集成显卡或者i3自带显卡由于不支持该大纹理，会导致显示模糊，如果有超过2048的纹理，可以拆解成多张atlas使用。

    回复
  20. 曾祥清fred 说：
    2012 年 7 月 29 日下午 11:27

    那个找不到预设的…不用拖出来，鼠标点击一下就可以了…

    回复
较新评论 →

留下一个回复

你的email不会被公开。