青瓷引擎如何利用布局组件来实现适配宽高比
作者：hzc 来源：绿软联盟 发布时间：2016-2-29 15:58:46
文章正文
青瓷引擎如何利用布局组件来实现适配宽高比？绿盟小编下文要向大家介绍的是青瓷引擎布局脚本组件AspectRatioFitter，详情如下：
qc.AspectRatioFitter脚本，用来保证其关联游戏对象的高度和宽度保持固定的比例。它可改变高度来适配宽度或改变宽度来适配高度等。
- Ratio
宽高比参数，宽度除以高度的值
aspectRatioFitter.ratio = 296 / 528; - WIDTH_CONTROLS_HEIGHT
保证宽度不变，根据宽度和比例，自动调节高度。
aspectRatioFitter.mode = qc.AspectRatioFitter.WIDTH_CONTROLS_HEIGHT; - HEIGHT_CONTROLS_WIDTH
保证高度不变，根据高度和比例，自动调节宽度。
aspectRatioFitter.mode = qc.AspectRatioFitter.HEIGHT_CONTROLS_WIDTH; - FIT_IN_PARENT
游戏对象的宽、高、位置和锚点将被自动调节，使得游戏对象矩形区域正好适合放入父亲对象的矩形区域，保证宽高比例，保持在父亲中心，一般游戏对象矩形区域会被父亲对象矩形区域包含。
aspectRatioFitter.mode = qc.AspectRatioFitter.FIT_IN_PARENT; - ENVELOPE_PARENT
游戏对象的宽、高、位置和锚点将被自动调节，使得游戏对象矩形区域填充满整个父亲对象的矩形区域，保证宽高比例，保持在父亲中心，一般游戏对象矩形区域会超出父亲对象矩形区域。
aspectRatioFitter.mode = qc.AspectRatioFitter.ENVELOPE_PARENT; - NONE
该模式下不做任何操作
aspectRatioFitter.mode = qc.AspectRatioFitter.NONE; - 示例
var aspectRatioFitter = node.addScript('qc.AspectRatioFitter');
aspectRatioFitter.ratio = 296 / 528;
aspectRatioFitter.mode = qc.AspectRatioFitter.FIT_IN_PARENT;
文章来自绿盟(xDowns.com)转载请注明来路。
上一篇文章：青瓷引擎qc.Graphics几何绘图组件接口功能一览 []
相关文章
· [图文] 青瓷引擎如何进行表格布局 青瓷引擎表格布局相关教程· 青瓷引擎qc.Graphics几何绘图组件接口功能一览
· 青瓷引擎UI组件怎么用之Dom节点
· [图文] 青瓷引擎UI组件怎么用之瓦片地图
· [图文] 青瓷引擎UI组件怎么用之下拉框
· 青瓷引擎UI组件怎么用之输入框
· 青瓷引擎UI组件怎么用之滚动条与滚动视图
· 青瓷引擎UI组件怎么用之拉条篇
· [图文] 青瓷引擎UI组件怎么用之进度条
· 青瓷引擎UI组件怎么用之开关和开关组