纳金网

标题: 【转载】NGUI屏幕自适应 [打印本页]

作者: Zack    时间: 2012-11-26 18:41
标题: 【转载】NGUI屏幕自适应
NGUI屏幕自适应  :rancho



很多做移动终端开发的童鞋都可能遇到一个问题,就是如何自适应

其实NGUI已经能帮我们实现,下面就告诉大家怎么整这个自适应。

1,create a new ui

2,uiroot下添加uipanel(script)

3,camera的size设置为美术给你的图的size(比如美术给你的是960*640,size=960),

4,panel添加uistretch(script),其中的style设置为both,并将relative size的x和y都设为960(同上的道理,明白?)

5,再在panel下add一个sprite(最好是960*640)的背景图,其中transform的s一定注意要是1,不能再放大了。

以上就ok了

注明下:

uistretch的缩放NGUI提供了5种,



public enum Style

    {

        None,

        Horizontal,

        Vertical,

        Both,

        BasedOnHeight,

        BasedOnWidth,

    }

我自己加了一种BasedOnWidth,其实代码很简单,如下:



else if(style == Style.BasedOnWidth)

            {

                localScale.x = relativeSize.x * screenWidth;

                localScale.y = relativeSize.y * screenWidth;

                localScale.z = localScale.x;

            }

是不是很简单?

大功告成,希望对大家有帮助!

作者: 王者再临    时间: 2012-11-30 04:16
楼主的帖子不错呀
作者: may    时间: 2012-11-30 22:13
支持楼主的帖子
作者: 艾西格亚    时间: 2012-12-1 02:16
这个教程要顶一下,很多人都会问到的GUI问题。

作者: 王者再临    时间: 2012-12-28 20:29
学习了,虽然还是有难度,谢谢楼主的用心  




欢迎光临 纳金网 (http://go.narkii.com/club/) Powered by Discuz! X2.5