获取屏幕宽和高在代码中设定比例,再给UI赋值
关键点:
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,即只和高度进行适配。更多unity插件,就在纳金论坛上去查看。
Photoshop|
Dreamweaver|
SVG|
WebGL|
Visual Studio|
PowerDesigner|
Eclipse|
Git|
Apache Ant|
Atom|
Composer|
CodeSmith|
Flex|
Gradle|
Maven|
Sublime Text3|
SVN|
Tableau|
Vim|
Chrome开发者工具|
OpenGL|
Unity|
Direct3D|
用户登录
还没有账号?立即注册
用户注册
投稿取消
| 文章分类: |
|
还能输入300字
上传中....
長大歲17563871