【Unity3D插件】NGUI屏幕自适应

秒速五厘米 2023-06-30 01:53 2阅读 0赞

## 屏幕自适应 ##

NGUI可以比较方便的实现屏幕自适应，但是它的官方教程里面针对这个问题没有详细的教程，所以可能在实现的时候会走比较多的弯路。以下是我在开发过程中找到的一个比较方便的实现方法。

## 主要组件 ##

1. UIAnchor

这个是用来确定控件在屏幕中的位置，另外有一篇教程专门讲它的功能，所有不会再赘述

2. UIStretch(可能有人不知道这个在哪里，其实这个是脚本组件----玛侬注)

这个是用来做缩放的组件。老版本的NGUI是集成在UIAnchor上的。新版本的UIStretch提供了4种缩放方式：

Horizontal：只缩放水平方向

Vertical：只缩放垂直方向

Bose：缩放两个方向

BasedOnHeight：基于高度等比缩放

然后基于这些我自己实现了一个

BasedOnWidth：基于宽度等比缩放

代码如下：

else if(style == Style.BasedOnWidth)  
    {
    	localScale.x = relativeSize.x * screenWidth;  
    	localScale.y = relativeSize.y * screenWidth;
    	localScale.z = localScale.x; 
    }

这段代码添加在Update方法里面。为了能将UIStretch挂在UIPanel上面不出问题，所有将Z轴也缩放了。

## 自适应流程 ##

1. 创建一个新的UI，将Anchor里面的UIAnchor调整的合适的位置，注意最好将Anchor设置为Bottom。

2. 将Camera的Size调节到默认屏幕大小。比如UI是以960\*640分辨率制作的，那么将Camera的Size调整到960。

3. 在Panel上面添加一个UIStretch，模式选择BasedOnWidth。完成之后你可以看到你的Panel的Scale被修改到了当前屏幕的X方向分辨率大小。

4. 将UI控件添加到Panel上，调整位置，在Panel下的所有控件都会以X方向为标准做等比缩放来适应屏幕大小。

5. 添加一张作为背景的图，将UISprite的anchor设置为Bottom，添加之后你可以看到这个sprite可以在不同的分辨率下自适应了。

6. 以上一步添加的背景图作为参照物来摆放页面上的控件，这样不仅仅是大小，位置也同样会按照相同的模式进行等比缩放

7. 可以在第3步创建的Panel下面添加子Panel，子Panel不需要UIStretch（一般用来做Draggable Panel，否则没必要，会增加额外的Draw Call）

8. 如果某一些控件需要定位在屏幕上下左右中的某一角，可以单独给他添加一个UIAnchor，这个时候UIStretch只会缩放这个控件的大小，它的位置由他自己的UIAnchor控制了

如果还有什么问题，欢迎大家拍砖，喷碳酸盐水

转自http://blog.csdn.net/daiguangda/article/details/7888942

发表评论取消回复

表情：

评论列表（有 0 条评论，2人围观）

还没有评论，来说两句吧...

相关阅读

相关【Unity3D插件】NGUI屏幕自适应

屏幕自适应 NGUI可以比较方便的实现屏幕自适应，但是它的官方教程里面针对这个问题没有详细的教程，所以可能在实现的时候会走比较多的弯路。以下是我在开发过程中找到的一个比较

秒速五厘米/ 2023年06月30日 01:53/ 0 赞/ 3 阅读

相关 unity3d 屏幕触摸检测事件

屏幕上的触摸检测一般会检测点击，滑动，长按等 TouchPhase Enumeration Describes phase of a finger touch.

短命女/ 2022年09月30日 15:42/ 0 赞/ 357 阅读

相关 Unity3D之NGUI的优化

转载自：http://blog.csdn.net/zzxiang1985/article/details/43339273 一共9招。 1 资源分离打包与加载　　游戏中

àì夳堔傛蜴生んèń/ 2022年08月08日 00:51/ 0 赞/ 268 阅读

相关 Unity3D NGUI屏幕摇杆

NGUI下增加一个Empty对象，重命名为Joystick。在它本身上加载UIAnchor脚本，设置好它的大小。Joystick的子集中增加俩个新的Empty，命名为Backg

梦里梦外;/ 2022年08月04日 11:46/ 0 赞/ 263 阅读

相关 Unity3D编辑器插件编写

原文地址：[http://blog.csdn.net/asd237241291/article/details/38235091][http_blog.csdn.net_asd

￡神魔★判官ぃ/ 2022年07月28日 01:57/ 0 赞/ 309 阅读

相关自适应屏幕设置

参考[@media自适应屏幕][media] 1024\500 （8.9寸） 1024\768 （比例4：3 | 10.4寸、12.1寸、14.1寸、15寸; ） 1

我就是我/ 2022年05月23日 10:49/ 0 赞/ 345 阅读

相关 Unity界面插件NGUI核心组件说明

UICamera-可以添加到任何相机,包含事件系统. UICamera是每个UI的重要组成部分.它负责发送Camera中所有NGUI的活动.如果场景中仅有一个Came

素颜马尾好姑娘i/ 2022年04月22日 03:54/ 0 赞/ 333 阅读

相关 NGUI屏幕自适应

屏幕自适应 NGUI可以比较方便的实现屏幕自适应，但是它的官方教程里面针对这个问题没有详细的教程，所以可能在实现的时候会走比较多的弯路。以下是我在开发过程中找到的一个比较

冷不防/ 2022年04月11日 10:45/ 0 赞/ 360 阅读

相关 Unity3d + NGUI 的多分辨率适配

一、当下移动设备的主流分辨率(数据来自“ [腾讯分析移动设备屏幕分辨率分析报告][Link 1] ”) 1.1 iOS设备的分辨率主要有： <table style="bo

不念不忘少年蓝@/ 2022年01月26日 03:13/ 0 赞/ 412 阅读

相关 unity屏幕自适应

下面以竖屏游戏为例，步骤如下： 1.新建工程 2.选择发布平台。File--BuildSettings...--PlatForm里面选择平台--Switch Platf

喜欢ヅ旅行/ 2021年09月16日 05:42/ 0 赞/ 593 阅读