美文网首页
display 感觉可以用来做UI布局

display 感觉可以用来做UI布局

作者: skoll | 来源:发表于2023-05-31 20:43 被阅读0次

    对页面的元素进行一些定位的操作

    1 .把A放置在B的左右,上下居中位置

    Phaser.Display.Align.In.Center(A,B)
    

    2 .把A放在b的下面居中

    Phaser.Display.Align.In.BottomCenter(A,B)
    

    3 .把A对准一个点

    Phaser.Display.Align.In.Center(A, this.add.zone(500, 300))
    

    4 .把A放在B的底部左边

    Phaser.Display.Align.In.BottomRight(block, pic)
    

    也就是8个方向都是可以的

    1 .TopLeft,TopCenter,TopRight,RightCenter,BottomRight,BottomCenter,BottomLeft,leftCenter,TopLeft

    alpha 透明度叠加也是可以有8个角度的

    1 .setAlpha(0.2) 整体上面进行0.2 透明度变化
    2 .setAlpha(A,B,C,D)

    1 .A是左上角的透明度
    2 .B是右上角的透明度
    3 .C是左下角的透明度
    4 .D是右下角的透明度
    sea.setAlpha(0, 0, 1, 1);
    // 表示一张图片,左上,左下透明度是0,完全可以看到后面的照片,右上,右下,都是不透过的
    

    过度动画.这个tween简直是什么都能运动

    this.tweens.add({
                targets: sea,
                alphaTopLeft: { value: 1, duration: 5000, ease: 'Power1' },
                alphaBottomRight: { value: 1, duration: 10000, ease: 'Power1' },
                alphaBottomLeft: { value: 1, duration: 5000, ease: 'Power1', delay: 5000 },
                yoyo: true,
                loop: -1
    
            });
    

    相关文章

      网友评论

          本文标题:display 感觉可以用来做UI布局

          本文链接:https://www.haomeiwen.com/subject/lmmyedtx.html