unity UGUI Canvas Scaler适配模式

原创 2016年08月29日 18:16:08

这里说的是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。虽然电脑屏幕比手机屏幕大的多,但是他们最后显示出来图片的物
理大小是一样的。
如果还有不明白地方加我的q群 115136489。

相关文章推荐

UGUI之CanvasScaler的正确用法

转载:http://icemark.cn/blog/?p=279 很多人都知道,Unity在移动设备上的自适应依靠的是组件本身的Anchors和Canvas上的CanvasScaler ...

UGUI中的Canvas、Camera和Canvas Scaler

原文:http://www.jianshu.com/p/96fd1fbe8409 投影空间和屏幕空间 先不说UI,如果是一个普通渲染流程,一个Cube普通地被渲染。 ...

关于Canvas Scaler的作用

今天的逼格来自于Canvas的一个组件Canvas Scaler(Script) 话说像勃主这么高(矮)大(穷)上(丑)的一个人,怎么又要来写这种低级基础的东西~~,这个原因吗,勃主就是这么注重...

[UGUI]深入理解Canvas Scaler

Canvas Scaler:这是一个理解起来相当繁琐复杂的一个组件,但又是一个至关重要的组件,不彻底了解它,可以说对UGUI的布局和所谓的“自适应”就没有一个完整的认识。Canvas Scale指的是...

Unity UGUI 原理篇(二):Canvas Scaler 縮放核心

Canvas Scaler Canvas Scaler是Unity UI系統中,控制UI元素的總體大小和像素密度的Compoent,Canvas Scaler的縮放比例影響著Canvas下的元素,包...

Unity3d + UGUI 的多分辨率适配

1、Canvas的属性配置

一、Unity4.6UI-------Canvas

其实我自己也没理解。。。随便写写。 ================================================================================...

Unity UGUI 原理篇 (一):Canvas 渲染模式

Canvas Canvas Component 是UI布局和渲染的抽象空間,所有的UI都必須在此元素之下(子物件),簡單來說 Canvas 就是渲染 UI 的組件   Render Mode ...

unity5x+UGUI屏幕自适应(多分配率适配)

1、Canvas的属性配置 2、Canvas Scaler的属性配置 3、根据不同的屏幕的比例动态修改缩放基准 [csharp] view ...

UGUI中的Canvas、Camera和Canvas Scaler

投影空间和屏幕空间 先不说UI,如果是一个普通渲染流程,一个Cube普通地被渲染。 800X600的屏幕中,右边的Cube和中间的Image大小相仿。(可能由于网页显示问题导致...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:unity UGUI Canvas Scaler适配模式
举报原因:
原因补充:

(最多只允许输入30个字)