【NGUI】屏幕自适应(不用UIStretch,用UIRoot)

原地址:http://blog.csdn.net/lzhq1982/article/details/18814023

这篇文章是转载的,之前用UIStretch做屏幕自适应,但一直有两个硬伤让我难受,一是屏幕被随意拉伸后,里面的UI就不是我想要的比例了,明明一个圆形变成椭圆了,一个高挑的美女变成一个肥姐了,好吧,这如果还能忍,那第二条真是让我尝尽了各种方法,那就是panel的裁剪用不了了,想做Scroll View做不了了,然后百度才知道要Panel做裁剪必须要求其scale和其父一直到根节点的scale都是(1,1,1),这还咋拉伸啊,然后看到很多朋友的各种代码尝试,结果一一失败了,反正是不好使,所以用UIStretch做屏幕自适应真是蛋疼啊,下了个新的NGUI版本3.0.8,UIStretch已经不能用了,看来连官方都不太支持了,好在还有其他办法,看了一位朋友的博客,写的非常清楚了,我这里做一下转发,真是帮我解决了所有问题:

看过一些文章,大多数都用UIStretch。说实话我并不喜欢用这个脚本。

我一直对那些在屏幕适应上出现问题的人推荐使用UIRoot的ManualHeight。

先提供三个截图。看看效果是否是你想要的。旁边空白出来的地方,你需要和策划、美术商量用一些背景挡住。

1、正常开发分辨率下:

2、看起来较细的分辨率:

3、看起来较宽的分辨率:

使用注意:

1、和策划制定好开发时分辨率。这很重要,要保证所有UI都在同样的分辨率下制作。

2、把我这个脚本挂在UIRoot上。UIRoot的Scaling Style修改为FixedSize。

3、aspectRatioHeight、aspectRatioWidth分别为开发时的高和宽。

4、每个UIRoot都需要调整ManualHeight到和策划制定的高度。

5、Unity3D的Game窗口,调整到相应的分辨率。

(感谢成都-大强提供以下版本。注意:UICamera.onScreenResize是3.0+版本的,如果报错请删除即可

[csharp] view plaincopy

  1. using UnityEngine;
  2. [ExecuteInEditMode]
  3. [RequireComponent(typeof(UIRoot))]
  4. public class SZUIRootScale : MonoBehaviour
  5. {
  6. public int aspectRatioHeight;
  7. public int aspectRatioWidth;
  8. public bool runOnlyOnce = false;
  9. private UIRoot mRoot;
  10. private bool mStarted = false;
  11. void Awake()
  12. {
  13. UICamera.onScreenResize += ScreenSizeChanged;
  14. }
  15. void OnDestroy()
  16. {
  17. UICamera.onScreenResize -= ScreenSizeChanged;
  18. }
  19. void Start()
  20. {
  21. mRoot = NGUITools.FindInParents<UIRoot>(this.gameObject);
  22. mRoot.scalingStyle = UIRoot.Scaling.FixedSize;
  23. this.Update();
  24. mStarted = true;
  25. }
  26. void ScreenSizeChanged()
  27. {
  28. if (mStarted && runOnlyOnce) {
  29. this.Update();
  30. }
  31. }
  32. void Update()
  33. {
  34. float defaultAspectRatio = aspectRatioWidth * 1f / aspectRatioHeight;
  35. float currentAspectRatio = Screen.width * 1f / Screen.height;
  36. if (defaultAspectRatio > currentAspectRatio) {
  37. int horizontalManualHeight = Mathf.FloorToInt(aspectRatioWidth / currentAspectRatio);
  38. mRoot.manualHeight = horizontalManualHeight;
  39. } else {
  40. mRoot.manualHeight = aspectRatioHeight;
  41. }
  42. if (runOnlyOnce && Application.isPlaying) {
  43. this.enabled = false;
  44. }
  45. }
  46. }

【NGUI】屏幕自适应(不用UIStretch,用UIRoot)

时间: 2024-10-25 19:44:51

【NGUI】屏幕自适应(不用UIStretch,用UIRoot)的相关文章

NGUI屏幕自适应

NGUI确实是非常棒的一个做界面的插件,比起U3D自带的GUI要好很多,当然也有一些不好之处,毕竟什么都不可能那么完美. 最近在用Unity写游戏使用NGUI遇到了一个很多人都在遇到的问题,就是关于屏幕自适应,谷哥度娘里面写关于适应屏幕的帖子很多,但是大多都是一样抄来抄去,都是说是Panel里面加个UIStretch里面加个 if 分支,什么OnWidth什么的,还要把UIAnchor的side放置在Bottom等等步骤,过于麻烦,而且效果也一般. 不知道大家在用最新的Unity的时候在UISt

NGUI 屏幕自适应

雨松MOMO 2014年05月04日 于 雨松MOMO程序研究院 发表  现在用unity做项目 90%都是用NGUI,并且我个人觉得NGUI应该算是比较成熟的UI插件,虽然他也存在很多问题,但是至少这么多游戏都在用,它目前是能hold住的,嘿嘿. 这篇文章说说我现在是怎么自适应UI 和 3D 游戏的.. 1.获取屏幕的宽高 Screen.width  Screen.height 可以回去设备屏幕的宽高,但是它并不是NGUI的宽高.比如你想做一个全屏的UISprite . 这样的代码是错误的.

NGUI之自适应屏幕

 转载: 雨松MOMO 2014年05月04日 于 雨松MOMO程序研究院 发表 ,原文链接   现在用unity做项目 90%都是用NGUI,并且我个人觉得NGUI应该算是比较成熟的UI插件,虽然他也存在很多问题,但是至少这么多游戏都在用,它目前是能hold住的,嘿嘿. 这篇文章说说我现在是怎么自适应UI 和 3D 游戏的.. 1.获取屏幕的宽高 Screen.width  Screen.height 可以回去设备屏幕的宽高,但是它并不是NGUI的宽高.比如你想做一个全屏的UISprite .

NGUI学习笔记(三):屏幕自适应

我们开发移动端游戏的时候,一般都会选择Constrained/FixedSize的缩放模式来保证图片在不同的分辨率下相对于屏幕的尺寸保持一致,但是对于屏幕自适应来说,这还是不够的,不同的手机存在不同的高宽比,所以需要引入相对位置的概念. NGUI作为一款成熟的UI插件,为我们提供了成熟的屏幕自适应技术. Anchor组件 我们可以创建一个Anchor组件到舞台,Anchor即锚点,其作用是可以指定为摄像机的9个点(分别是:上左.上.上右.左.中.右.下左.下和下右)为其锚点,当摄像机的尺寸变化(

firemonkey 手机屏幕自适应程序问题

我是新手.在我才学了2个星期的时候,那个白痴老板说什么手机屏幕自适应程序,我当时不能理解呀,觉得用Delphi的布局设计不就行了吗.结果他说:我就是想让控件内容什么的放在小屏幕手机上也不出来.我就说,那用布局layout.结果那个傻x又是画控件关于屏幕的位置,又是记录控件的位置,整了一大套.整个把我给整晕了,新手伤不起啊,我不知道Delphi xe5有一个控件布局叫ScaledLayout,结果捣鼓了很长时间.我在Delphi交流群里说这个功能时,大家都说我想多了.唉 ,没办法自己又把控件布局什

4种必须知道的Android屏幕自适应解决方案

文章来源:http://blog.csdn.net/shimiso/article/details/19166167 demo下载:http://www.eoeandroid.com/forum.php?mod=attachment&aid=NjE0Njh8ZTIyZDA2M2N8MTMzODgyOTQxN3w1NzAwOTV8MTczOTcz一.细说layout_weight    目前最为推荐的Android多屏幕自适应解决方案.    该属性的作用是决定控件在其父布局中的显示权重,一般用于

移动终端屏幕自适应的一点经验

1)地球人都知道采用标签: <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-    scale=1.0,user-scalable=no;"> <meta name="apple-mobile-web-app-capable" content="yes"> &l

android屏幕自适应4方法案例整合

android:屏幕自适应 From:4种必须知道的Android屏幕自适应解决方案(求投票支持) demo下载:http://www.eoeandroid.com/forum.php?mod=attachment&aid=NjE0Njh8ZTIyZDA2M2N8MTMzODgyOTQxN3w1NzAwOTV8MTczOTcz Demo首页的预览图 一.细说layout_weight 目前最为推荐的Android多屏幕自适应解决方案. 该属性的作用是决定控件在其父布局中的显示权重,一般用于线性布

【Unity】关于屏幕自适应的思路

关于NGUI的屏幕自适应,大体思路可以这样做: 比如要实现在屏幕的左侧做一个长条背景: 可以看出这部分图片是和屏幕高度一致的.那么只要得到“制作时的屏幕高度”以及“当前运行屏幕高度”,求两个值的比值,然后当前UI的大小乘上这个比值即可得到UI适应后的大小.先完成这一步: 1.新建一个widget.因为此UI要一直靠在屏幕左边,所以它的pivot设置为左边.Size设置成当前(制作时)的屏幕大小,比如1280X800. 2.新建Sprite且为widget的子物体.摆好位置. 3.建立自适应脚本并