对齐模式:水平对齐与垂直对齐(JS)

发表于2017-02-15
评论0 3.4k浏览

关于对齐模式方面,主要是常规的水平对齐与垂直对齐。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时会自动切换至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";
    })();
})();

运行效果如下图所示:

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

如社区发表内容存在侵权行为,您可以点击这里查看侵权投诉指引

标签: