Unity3d UGUI 界面适配 实例解析 三种适配方式
2015-02-12 22:05
316 查看
之前做游戏都是用公司自己的引擎,对于界面的适配分Android和IOS两种系统处理。
对于IOS设备,由于数量有限,只要做到 960x640 1024x769 1136x640 (当时还没有iphone6呢) 三种适配即可,所以我们对这三种屏幕做了三种不同的界面配置文件。
对于安卓设备,屏幕分辨率实在太多种,所以统一设置为1136x640的缩放比例了。
现在使用Unity制作游戏,虽然仍然可以使用原来的这一套方案,但是却显得没有这个必要了。
Unity4.6新版UGUI,提供了三种基本的界面适配方案。
我们先添加一个Image,这样就会有一个Canvas被自动创建。来看Canvas的属性设置。
![](https://img-blog.csdn.net/20150212220243227?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaHV1dHU=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
Canvas Scaler就是用来做适配的
Reference Resolution表示我们设计界面的时候使用的屏幕大小
Screen match Mode有三种选择,即三种界面适配方案。
Shrink 保持缩放比例,裁切
Expand 缩放不裁切
Match Width Screen Size
如果是Match Width 那么就是适配宽度,把宽度设置为屏幕宽度,然后保持比例
如果Match height,那么适配高度,首先把高度设置为屏幕高度,然后保持比例
对于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 界面适配 实例解析 三种适配方式
- Unity3D UGUI学习笔记之界面适配的三种方式
- JavaScript常用截取字符串的三种方式用法区别实例解析
- 实例化bean的三种方式
- Spring的三种实例化Bean的方式
- 传智播客Spring2.5视频教程_Spring的三种实例化Bean的方式 2
- Spring的三种实例化Bean的方式
- jbpm解析流程定义的三种方式
- spring学习笔记整理--03(Spring的三种实例化Bean的方式)
- UTF-8, Unicode, GB2312三种编码方式解析, 深入研究汉字编码
- Delphi经典实例6------三种方式获取本机IP
- 解析远程访问的三种***方式和攻与防
- jbpm解析流程定义的三种方式
- Axis开发Web Service实例 三种方式
- C# XML解析方式实例解析
- spring2.5.6学习笔记五:Spring的三种实例化Bean的方式
- 三种tomcat管理界面常用设置方式
- jbpm解析流程定义的三种方式
- Axis开发Web Service实例(三种方式)
- 实例化Spring Ioc容器的三种方式