ActionScript
TypeScript
JavaScript

对齐模式:水平对齐与垂直对齐

发布时间:2017-02-14

关于对齐模式方面,主要是常规的水平对齐与垂直对齐。LayaAir引擎可以方便快捷的配置,下面我们先了解一下API的参数说明,再通过示例代码进行介绍。

参数说明如下图所示:

image.png

blob.png

我们用水平居中和垂直居中的Demo 进行演示:

(function()
{
	var Stage = Laya.Stage;
	var WebGL  = Laya.WebGL;
 
    (function()
    {
            //初始化舞台,不支持WebGL时会自动切换至Canvas
            Laya.init(200, 300, WebGL);
       
            //垂直居中对齐,另一种写法:Laya.stage.alignV = Stage.ALIGN_MIDDLE
            Laya.stage.alignV = "middle";
             
            //水平居中对齐,另一种写法:Laya.stage.alignH = Stage.ALIGN_CENTER;
            Laya.stage.alignH = "center";
 
            Laya.stage.bgColor = "#FF0000";
    })();
})();

运行效果如下图所示:

blob.png

其他的对齐模式可以去修改AlignH和AlignV之中的值,在实际编码的过程中体验不同的对齐模式。