对齐模式：水平对齐与垂直对齐(JS)
发表于2017-02-15
关于对齐模式方面，主要是常规的水平对齐与垂直对齐。LayaAir引擎可以方便快捷的配置，下面我们先了解一下API的参数说明，再通过示例代码介绍是怎么实现水平对齐和垂直对齐的。
参数说明如下图所示：
我们用水平居中和垂直居中的Demo 进行演示：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | (function(){var Stage = Laya.Stage;var WebGL = Laya.WebGL;(function(){//初始化舞台，不支持WebGL时会自动切换至CanvasLaya.init(200, 300, WebGL);//垂直居中对齐，另一种写法：Laya.stage.alignV = Stage.ALIGN_MIDDLELaya.stage.alignV = "middle";//水平居中对齐，另一种写法：Laya.stage.alignH = Stage.ALIGN_CENTER;Laya.stage.alignH = "center";Laya.stage.bgColor = "#FF0000";})();})(); |
运行效果如下图所示：
其他的对齐模式可以去修改AlignH和AlignV之中的值，在实际编码的过程中体验不同的对齐模式。