首页 > 代码库 > Unity3d UGUI 界面适配 实例解析 三种适配方式

Unity3d UGUI 界面适配 实例解析 三种适配方式

之前做游戏都是用公司自己的引擎,对于界面的适配分Android和IOS两种系统处理。

对于IOS设备,由于数量有限,只要做到 960x640  1024x769 1136x640 (当时还没有iphone6呢) 三种适配即可,所以我们对这三种屏幕做了三种不同的界面配置文件。

对于安卓设备,屏幕分辨率实在太多种,所以统一设置为1136x640的缩放比例了。

 

现在使用Unity制作游戏,虽然仍然可以使用原来的这一套方案,但是却显得没有这个必要了。

 

Unity4.6新版UGUI,提供了三种基本的界面适配方案。

我们先添加一个Image,这样就会有一个Canvas被自动创建。来看Canvas的属性设置。

 

技术分享

 

Canvas Scaler就是用来做适配的

Reference Resolution表示我们设计界面的时候使用的屏幕大小

Screen match Mode有三种选择,即三种界面适配方案。

Shrink 保持缩放比例,裁切Expand 缩放不裁切Match Width Screen Size如果是Match Width 那么就是适配宽度,把宽度设置为屏幕宽度,然后保持比例如果Match height,那么适配高度,首先把高度设置为屏幕高度,然后保持比例

Unity3d UGUI 界面适配 实例解析 三种适配方式