EN中文
开发者社区 > 其他

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

发表于2017-02-14
评论0 2.2k浏览

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

参数说明如下图所示：

image.png

blob.png

我们用水平居中和垂直居中的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";
    })();
})();

运行效果如下图所示：

blob.png

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

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

标签：

游戏开发WebGL