在网上搜了好多资料关于如何自适应各种繁杂平台的手机屏幕分辨率,找到了一个关键词UIRoot,于是乎去下载了NGUI插件,这是一个Unity3D上开发2D游戏最好的插件了。

教程环境:Unity4.5.1f3, NGUI v3.7.1。若界面有所差别,请自行领悟!

NGUI百度百科定义:NGUI是严格遵循KISS原则并用C#编写的Unity(适用于专业版和免费版)插件,提供强大的UI系统和事件通知框架。其代码简洁,多数类少于200行代码。

1. 下载NGUI Next-Gen UI v3.7.0。

2. 导入NGUI package到Unity。

这时候菜单上会出现NGUI的菜单栏:

3. 将默认的Main Camera删掉,通过菜单栏NGUI->Create新建一个2D UI对象。

此时创建了一个UI Root以及子对象Camera(这就是为什么要删除默认的摄像头),这个摄像头自带了NGUI的UICamera脚本,这个脚本的作用是来响应各种事件的。

4. 设置UI Root属性,点击UI Root,此时在右侧的Inspector面板可以看到其相关属性,这里很关键!选择Scaling Style为ConstrainedOnMobiles,这个是专门为手机分辨率设计的选项,此时下面有两个属性,勾选Content Width和Content Height,并设置你最期望的屏幕分辨率,一般会是你背景图片的分辨率,这样UI Root下的子元素就会根据手机的分辨率等比例缩放!注意下图的官方说明。

5. 你会发现这个新的Camera看不到你创建的物体,需要设置摄像头为可视摄像头。点击Camera,在右侧的Inspector面板会看到Camera的属性,设置以下两个属性:

Culling Mask:选Everything(这个非常重要,这样才能看到你的物体)。

Clear Flags: 选Skybox

6. 通过NGUI创建一个Texture对象当作背景图片,这一步非常重要!之前博主在这边卡了好长时间。只有在UI Root下并且是NGUI的对象才能应用到UI Root的Scaling Style功能!(当然,应该还有博主没摸清的地方。)

7. 好了,检查下Game视图,看看是不是生效了呢:)下面放几张有代表性的图。

注意:以后添加的所有对象都应该在UI Root下,这样才能跟着背景图片等比例缩放!

分辨率:1280*800(16:10),上下填充黑边。

分辨率:1920*1080(16:9),完美填充,无黑边!

分辨率:800*400(2:1),左右填充黑边。


手机竖屏设置,参考Unity3D 手机竖屏设置(For Android)。

转载请注明:ShirlmanBlog » 最明白的Unity3D手机平台分辨率自动匹配教程-适合新手

最明白的Unity3D手机平台分辨率自动匹配教程-适合新手相关推荐

  1. jsp页面适应手机屏幕_JavaScript实现移动端页面按手机屏幕分辨率自动缩放的最强代码...

    手机的屏幕有大有小,移动web最好做成响应式布局,也就是自适应屏幕,没有固定宽高,这样的话,在所有手机上都可以正常显示.关于移动端页面按手机屏幕分辨率自动缩放的js,先附上代码 var phoneWi ...

  2. 手机整屏显示数据php,JavaScript实现移动端页面按手机屏幕分辨率自动缩放示例...

    这篇文章主要介绍了移动端页面按手机屏幕分辨率自动缩放的js代码,通过阻止浏览器的默认行为各方面分析缩放的功能实现,具体操作步骤大家可查看下文的详细讲解,感兴趣的小伙伴们可以参考一下. 手机的屏幕有大有 ...

  3. 通过JS动态设置meta标签,根据手机屏幕分辨率自动缩放适配各手机(包括适配华为、oppo大屏幕手机、钉钉、微信)

    JS动态添加meta标签,根据手机屏幕分辨率自动缩放适配各手机(包括适配华为.oppo大屏幕手机.钉钉.微信进入) 5月28晚上周四下班接了一个急活,一个面向国外的国际官方网站,三方适配+兼容.说是月 ...

  4. php excel多级下拉菜单自动匹配,Excel下拉菜单怎么做 多级联动+自动匹配教程

    Excel一直是近年来办公室工作中的必要软件之一,这个软件功能非常强大,如果你只学会了皮毛那就有些可惜了,而Excel隐藏了许多许多的小技巧.今天UU为大家带来的是Excel下拉菜单怎么做,其中包括多 ...

  5. Unity 设置安卓和ios平台的闪屏页(适合新手)

    前言 本人之前在游戏发行团队做安卓聚合sdk方面的相关工作,因公司内部优化去了游戏研发团队,负责Android和Ios相关的游戏接入工作.通俗的讲只要跟安卓和IOS方面有关的任何事情都是我来搞,包括游 ...

  6. 移动端页面按手机屏幕分辨率自动缩放的js

    1 <script> 2     var phoneWidth = parseInt(window.screen.width); 3     var phoneHeight = parse ...

  7. Unity3D Android手机屏幕分辨率问题

    Android手机屏幕分辨率五花八门,导致开发时不好把握,还好各个引擎对这个屏幕分辨率问题都有较好的处理方式:unity3D 也为我们提供了一个不错的解决方案. 在Unity3D 进行 android ...

  8. 《蜡烛人》制作人高鸣:如何原汁原味的将主机游戏移植到手机平台

    高鸣:大家好,我是高鸣,我是交典创艺的创始人也是游戏的制作人,准确地来说,我是这个团队里面的主程+主策.<蜡烛人>是比较有代表性的一款游戏,<蜡烛人>这款游戏基本上所有的代码都 ...

  9. Android不同手机屏幕分辨率自适应

    有必要了解的 Android中常见的单位 dip, dp, px, sp之间的区别: dip: device independent pixels(设备独立像素). 不同设备有不同的显示效果,这个和设 ...

最新文章

  1. Jetty Cross Origin Filter解决jQuery Ajax跨域访问的方法
  2. 数据结构与算法(6-2)二叉树的存储结构(顺序存储、链式存储)
  3. NBT:人类微生物组千万基因的参考基因集
  4. css text top,text-align属性(css中文本对齐属性)
  5. oracle 的float(b)转
  6. lamp安装指南(转)
  7. linux mv命令改名,Linux mv命令:移动文件或改名
  8. String slices
  9. 科学研究的方法-笔记01-如何提出科学研究问题
  10. 实例99:使用AEGAN对MNIST数据集压缩特征及重建
  11. 任意大小icon图标制作方法
  12. 如何挑选文档管理软件?
  13. 史记翻译-汉初三杰-韩信-淮阴侯列传第三十二
  14. C++的strcmp
  15. “中国天眼”启动地外文明搜索,真的能找到吗?
  16. 【面试题】N阶台阶,每次走一步或两步,计算共有多少种走法,并将每种走法打印出来。
  17. [HNOI2004]打鼹鼠
  18. 是男人就下100层【第一层】——高仿微信界面(5)
  19. 轮播图制作(htmlcssjs)
  20. vue中$event理解和框架中在包含默认值外传参

热门文章

  1. 深入了解ApusicAS服务器配置系列之——SSL配置
  2. Texlive2021+VSCode+Latex win10配置文本编辑器
  3. HDOJ/HDU 1180 诡异的楼梯(经典BFS-详解)
  4. 闯荡江湖的必备指南(4)
  5. 程序员如何给变量起名字
  6. 小程序·云开发 - 仿瑞幸咖啡小程序(一) - 从入门到辞职
  7. 基于Windows下Anaconda创建python虚拟环境教程
  8. (转载)R语言ARIMA时间序利
  9. 云时代,如何正确运用云计算
  10. Docker容器详解