[UnityUI]UGUI自适应
来源:互联网 发布:软件项目范围管理 编辑:程序博客网 时间:2024/05/22 05:29
参考链接:
http://www.jianshu.com/p/96fd1fbe8409
http://blog.sina.com.cn/s/blog_4148e8630102vji9.html
http://www.xuanyusong.com/archives/3278
关键点:
0.自适应的测试:通过设置多种的屏幕大小进行测试,测试时最好要打开Maximize on Play,在屏幕放大的情况下容易观察自适应情况
1.所谓的自适应,就是:
a.保持相对位置不变。例如UI设计在屏幕的左上角,那么在各种的分辨率下都应该在左上角
b.保持宽高比例不变。由于分辨率有很多种,所以保持宽高等比例缩放是做不到的,要么是宽拉伸缩放的程度大些,要么是高拉伸缩放的程度大些
2.在UGUI中,可以通过设置UI的描点来设置UI的相对位置;可以通过设置Canvas下的Canvas Scaler来设置UI的缩放比例(Canvas下的Canvas是用来处理UI遮挡关系的)
3.Canvas Scaler组件:
a.当UIScaleMode为Constant Pixel Size时,UI在任何分辨率下都不会进行缩放拉伸,只有通过改变Scale Factor才会进行缩拉,因此不推荐使用该模式(而这种模式的优点就是你可以通过写自适应算法来改变Scale Factor的值,代替unity的自适应算法)
b.当UIScaleMode为Scale With Screen Size时,相当于使用unity的自适应算法,此时unity会根据屏幕分辨率自动调节Scale Factor的值。在做自适应时,一般要先选择一种比较主流的分辨率(即比较多的机型都采用这种分辨率)进行UI的设计,例如采用1024x576,在这里就是设置Reference Resolution的值了。
然后就是Screen Match Mode这个东西了:
当值为Match Width Or Height时:当值为0即处于Width那端时,表示屏幕高度对于UI大小完全没有任何影响,只有宽度会对UI大小产生影响。例如设置屏幕为800*600,然后改变为800*300,屏幕高度变小了,但UI并没有进行缩拉;同理当值为1即处于Height那端时,表示屏幕宽度对于UI大小完全没有任何影响,只有高度会对UI大小产生影响
当值为Expand时:举个例子,设计了一个button宽高为200*100,即宽高比为2:1,放在4:3的屏幕内;然后把这个button放在16:9的屏幕内,显然地,此时button是不能进行等比例的缩放的,即无法保持2:1的宽高比了,Expand的意思就是尽可能地使UI拉伸来适应屏幕
当值为Shrink时:同理,就是尽可能地使UI缩放来适应屏幕
4.一般来说,比较不错的设置就是:
Canvas Scaler 选择 Scale With Screen Size
Screen Match Mode 选择 Match Width Or Height,比例设为1,即只和高度进行适配
- [UnityUI]UGUI自适应
- [UnityUI]UGUI新手引导
- [UnityUI]UGUI射线检测
- [UnityUI]UGUI背包
- [UnityUI]UGUI的事件系统
- [UnityUI]使用UGUI制作排行榜
- [UnityUI]UGUI中的遮挡(一)
- [UnityUI]UGUI中的遮挡(二)
- [UnityUI]UGUI按钮长按效果
- Unity uGUI设置自适应
- unity ugui自适应
- UGUI自适应分辨率
- UGUI自适应屏幕
- UGUI对话框自适应
- UGUI自适应笔记
- UGUI屏幕自适应
- Unity UGUI 自适应
- 【UGUI】UGUI 文字背景根据文字大小自适应
- Warehouse Management Label Printing Function Setting Up
- “万能makefile”写法详解,一步一步写一个实用的Makefile
- Lua基础 函数(一)
- 文章学习和解读
- Android蓝牙通信
- [UnityUI]UGUI自适应
- HDU 3829 - Cat VS Dog【二分图最大匹配最大独立集】
- Docker 学习(1)
- 对String的深入理解
- cocos2dx常见的46中+22中动作详解
- Python __str__(self)和__unicode__(self)
- 2016蓝桥杯算法提高——P1001(大数乘法)
- rabbitmq
- 面向对象特性-多态