您的位置:首页 > 产品设计 > UI/UE

UGUI的自适应

2018-01-10 17:26 183 查看


这里说的是Canvas Scaler三种模式


一、Constant Pixel Size:

像素大小始终不变,即一个100*100的图片在任何的分辨率下都占用100*100的像素。简单比较好理解。Scale
Factor是表示缩放倍数。比如是2时,即将上面图片整体是缩放两倍是不变形的。


二、Scale
With Screen Size 

这种模式应用场景多一点。首先逐个说明下:

1)、Reference Resolution是开发时的分辨率。以后缩放就参考它。

2)、Screen Match Mode 又包含三种模式

* Match Width Or Height。下面包含一个Macht属性,当处于最左边时,屏幕高度对于UI大小完全没有任何影  响,只有宽度会对UI大小产生影响。假设宽度为Reference
Resolution宽度的x倍,则UI整体缩放为Reference   Resolution状态下的x倍。也就是说只有宽度等于Reference Resolution宽度时,才能做到pixel perfect,否则像  素就会有拉伸 当处于最右边时,与上述情况正好相反,决定整体缩放值的是高度,而宽度则没有任何影响 处于中  间某处时,对上述两者的影响进行权重加成 

* Expand 缩放不剪切:当屏幕分辨率与设定不同时,选择变化较小的一个方向(横向还是纵向),进行缩放显示

  ,它会保证设计时分辨率能显示出来的缩放后依然能显示出来。

* Shrink 缩放剪切:当屏幕分辨率与设定不同时,选择变化较大的一个方向(横向还是纵向)进行缩放显示
  ,对于超出的部分剪切不显示。


三、Constant
Physical Size 

保持物理上不变的方式,这个应用场景较少,具体是这样的,比如你电脑分辨率是 1000*2000而你的手机分辨率也是1000*2000。虽然电脑屏幕比手机屏幕大的多,但是他们最后显示出来图片的物
理大小是一样的。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  ui 自适应