【从零开始学NGUI 】 (十一)UIRoot

【从零开始学NGUI 】 (十一)UIRoot

UIRoot在NGUI中作为所有游戏体的根节点,


Scaling Type 基于高度缩放类型


Pixel Perfect 


Minimum Height : 当 设备分辨率的高 小于此值时 , 根据Minimum Height 的值进行缩放
Maxmum Height : 当 设备分辨路的高  大于此值时 , 根据Maxmum Height 的值进行缩放
例如有一张1034*768的背景图, 设置Minimum Height  和 Maxmum Height 的值分别为 700 和 800

那么当设备的分辨率的高度小于700 的时候会根据700对UIRoot进行缩放,缩放的比例(设备分辨率的高 / 700)
下面是800X600分辨率的显示效果:
【从零开始学NGUI 】 (十一)UIRoot_第1张图片
同样,如果当设备的分辨率高于800 的时候会根据800对UIRoot进行缩放,缩放的比例(设备分辨率的高 / 800)

下面是1440X800分辨率的显示效果
【从零开始学NGUI 】 (十一)UIRoot_第2张图片
其实 Minimum Height 和 Maxmum Height 就是划定了UIRoot的缩放范围  ,这样设置的好处就是可以设置一个比较大的背景,确保背景不会因为缩放太大而出现黑边,或者缩放太小而显示的内容过少


Fixed Perfect

Fixed Perfect 需要设置Manual Height 的值,当设备分辨率的高度和次设置的Manual Height值不相等时,则根据其比例(即Manual Height / Screen Height)对整棵UI树的进行“等比”缩放(宽度的缩放比也是此比例值)
同样有一张1024X768的背景图,当设置 Manual Height 为 768 时
在宽高比为4:3的所有分辨率下 由于宽高两个方向的缩放比例相同 所以背景都可以完美填充屏幕(例如800*600)
下面是800*600分辨率的显示效果
【从零开始学NGUI 】 (十一)UIRoot_第3张图片

当宽高比大于当前背景图的宽高比的时候,左右两侧就会出现黑边(640*400 或者 1600 * 900)
下面是640*400 和 1600 * 900分辨率的显示效果
【从零开始学NGUI 】 (十一)UIRoot_第4张图片

当宽高比小于当前背景图的宽高比的时候,由于拉伸左右两侧就会有一部分显示不出来

下图是宽高比为5:4的效果
【从零开始学NGUI 】 (十一)UIRoot_第5张图片


Fixed Perfect On Mobile

此类型可以设置 Maxmum Height  MInimum Height 好 Manual Height 三个值
在PC上或者Mac上 和 "Pixel Perfect"设置相同,在移动设备上和FixedSize设置相同  

你可能感兴趣的:(【从零开始学NGUI 】 (十一)UIRoot)