ngui屏幕自适应
2015-06-12 16:08
417 查看
原文地址http://game.ceeger.com/forum/read.php?tid=5314
很多做移动终端开发的童鞋都可能遇到一个问题,就是如何自适应
其实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;
}
是不是很简单?
大功告成,希望对大家有帮助!
很多做移动终端开发的童鞋都可能遇到一个问题,就是如何自适应
其实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;
}
是不是很简单?
大功告成,希望对大家有帮助!
相关文章推荐
- LeetCode63:Unique Paths II
- easyUI 鼠标悬停显示内容
- 20大UI设计原则
- GRE Issue写作范文Topic123
- db file sequential read 详解
- Uva - 540 - Team Queue
- Uva - 540 - Team Queue
- Burp Suite使用介绍(一)
- 2014年10月12日GRE考试issue作文题及参考范文
- Android多线程编程详解,关于Handler ,Looper , Message , MessageQueue
- IOS代码实现常用控件UIButton、UISlider、UISwitch、UISegmentedControl
- 新GRE issue写作范文实例
- SQLServer 2005 和自增长主键identity说再见——NEWSEQUENTIALID()
- iOS UICollectionView的使用(用代码创建UI)
- 少之又少的新GRE issue写作范文
- iOS中UITextField用法
- iOS开发UI篇 -- 0401团购案例-使用xib自定义控件
- Permutation Sequence
- [ocUI日记]UIwindow和UIview
- iOS 在一个UITableview中添加多个UIViewCell