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 ...
  • u012842807
  • u012842807
  • 2015年07月23日 11:25
  • 5975

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

Canvas Scaler Canvas Scaler是Unity UI系統中,控制UI元素的總體大小和像素密度的Compoent,Canvas Scaler的縮放比例影響著Canvas下的元素,包...
  • gz_huangzl
  • gz_huangzl
  • 2016年09月09日 10:14
  • 3161

unity的canvas scaler组件

转载:http://icemark.cn/blog/?p=279很多人都知道,Unity在移动设备上的自适应依靠的是组件本身的Anchors和Canvas上的CanvasScaler 但是很多人却不知...
  • Fenglele_Fans
  • Fenglele_Fans
  • 2017年11月13日 09:41
  • 78

关于Canvas Scaler的作用

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

Unity UGUI之Canvas Scale

Canvas Scaler 为了适应不同的分辨率,我们可能会允许适当的UI整体性缩放,外加一些尽可能少的布局微调。 这样就能达到一个比较理想的效果。Unity为我们提供了Canvas Scaler组...
  • qq563129582
  • qq563129582
  • 2016年12月18日 17:09
  • 4521

UGUI中的Canvas、Camera和Canvas Scaler

原文:http://www.jianshu.com/p/96fd1fbe8409 投影空间和屏幕空间 先不说UI,如果是一个普通渲染流程,一个Cube普通地被渲染。 ...
  • qq168213001
  • qq168213001
  • 2015年11月09日 21:06
  • 797

[UGUI]深入理解Canvas Scaler

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

Unity GUI自适应屏幕分辨率的方法

1:GUI自适应屏幕方法. 由于屏幕尺寸的问题,我们设计的UI在不同尺寸屏幕上不能很好的工作,因此我们的工程需要适应不同屏幕的要求,unity新版本中已经可以设置屏幕自适应而不需要我们自己去设置,在...
  • u010989951
  • u010989951
  • 2016年08月05日 08:51
  • 7539

Unity3D的UGUI——Canvas

CanvasUGUI是Unity新支持的2D界面控件,所有的UI控件都需要在包含Canvas组件的物体下边充当子物体,我们可以在GameObject->UI下创建物体时,会自动生成Canvas以及与其...
  • beihuanlihe130
  • beihuanlihe130
  • 2017年01月10日 17:12
  • 1752

Unity 手势缩放UI

今天,我们来实现手势缩放图片。 不需要太复杂的场景,只需要新建一个 Image, 然后给摄像机添加一个名为 TouchTest 的脚本,然后编辑它using UnityEngine; using ...
  • u014230923
  • u014230923
  • 2016年06月06日 16:14
  • 1360
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:unity UGUI Canvas Scaler适配模式
举报原因:
原因补充:

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