查看: 2004|回复: 4
打印 上一主题 下一主题

【转载】NGUI屏幕自适应

[复制链接]
Zack    

459

主题

1

听众

5478

积分

高级设计师

Rank: 6Rank: 6

纳金币
5531
精华
0

最佳新人 活跃会员 热心会员 灌水之王 突出贡献

跳转到指定楼层
楼主
发表于 2012-11-26 18:41:44 |只看该作者 |倒序浏览
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;

            }

是不是很简单?

大功告成,希望对大家有帮助!
分享到: QQ好友和群QQ好友和群 腾讯微博腾讯微博 腾讯朋友腾讯朋友 微信微信
转播转播0 分享淘帖0 收藏收藏0 支持支持0 反对反对0
回复

使用道具 举报

2317

主题

54

听众

2万

积分

资深设计师

Rank: 7Rank: 7Rank: 7

纳金币
20645
精华
62

最佳新人 活跃会员 热心会员 灌水之王 突出贡献

沙发
发表于 2012-11-30 04:16:21 |只看该作者
楼主的帖子不错呀
回复

使用道具 举报

may    

8830

主题

81

听众

7万

积分

首席设计师

Rank: 8Rank: 8

纳金币
52352
精华
343

最佳新人 热心会员 灌水之王 活跃会员 突出贡献 荣誉管理 论坛元老

板凳
发表于 2012-11-30 22:13:01 |只看该作者
支持楼主的帖子
回复

使用道具 举报

955

主题

164

听众

7万

积分

版主

Rank: 7Rank: 7Rank: 7

纳金币
59338
精华
28

活跃会员 荣誉管理 突出贡献 优秀版主 论坛元老

地板
发表于 2012-12-1 02:16:38 |只看该作者
这个教程要顶一下,很多人都会问到的GUI问题。
回复

使用道具 举报

2317

主题

54

听众

2万

积分

资深设计师

Rank: 7Rank: 7Rank: 7

纳金币
20645
精华
62

最佳新人 活跃会员 热心会员 灌水之王 突出贡献

5#
发表于 2012-12-28 20:29:56 |只看该作者
学习了,虽然还是有难度,谢谢楼主的用心  
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

手机版|纳金网 ( 闽ICP备2021016425号-2/3

GMT+8, 2025-7-22 16:59 , Processed in 0.071548 second(s), 29 queries .

Powered by Discuz!-创意设计 X2.5

© 2008-2019 Narkii Inc.

回顶部