phaser4-rex-plugins/templates/ui/overlapsizer/LayoutChildren.js

Plugins of phaser4

import ResizeGameObject from '../../../plugins/utils/size/ResizeGameObject.js';
import PreLayoutChild from '../basesizer/utils/PreLayoutChild.js';
import FitToSize from '../../../plugins/utils/size/FitTo.js';
import LayoutChild from '../basesizer/utils/LayoutChild.js';
import CheckSize from '../basesizer/utils/CheckSize.js';
import { GetDisplayWidth, GetDisplayHeight } from '../../../plugins/utils/size/GetDisplaySize.js';

var LayoutChildren = function () {
    var child, childConfig, padding;
    var startX = this.innerLeft,
        startY = this.innerTop;
    var innerWidth = this.innerWidth,
        innerHeight = this.innerHeight;
    var x, y, width, height, alignOffsetX, alignOffsetY; // Align zone
    var childWidth, childHeight, childSize;
    // Layout current page
    var children = this.sizerChildren;
    for (var key in children) {
        child = children[key];
        if (child.rexSizer.hidden) {
            continue;
        }

        childConfig = child.rexSizer;
        padding = childConfig.padding;

        PreLayoutChild.call(this, child);

        childWidth = this.getExpandedChildWidth(child);
        childHeight = this.getExpandedChildHeight(child);

        if (childConfig.aspectRatio > 0) {
            sourceSize.width = childConfig.aspectRatio;
            sourceSize.height = 1;
            targetSize.width = childWidth;
            targetSize.height = childHeight;

            childSize = FitToSize(sourceSize, targetSize, 'FIT', true);

            childWidth = childSize.width;
            childHeight = childSize.height;
        }

        // Set size
        if (child.isRexSizer) {
            child.runLayout(this, childWidth, childHeight);
            CheckSize(child, this);
        } else if (!childConfig.noResize) {
            ResizeGameObject(child, childWidth, childHeight);
        }

        // Set position
        x = startX + (padding.left * this.scaleX);
        width = innerWidth - ((padding.left + padding.right) * this.scaleX);
        y = startY + (padding.top * this.scaleY);
        height = innerHeight - ((padding.top + padding.bottom) * this.scaleY);

        if (childWidth === undefined) {
            childWidth = GetDisplayWidth(child);
        }
        if (childHeight === undefined) {
            childHeight = GetDisplayHeight(child);
        }
        alignOffsetX = (childConfig.alignOffsetX + (childConfig.alignOffsetOriginX * childWidth)) * this.scaleX;
        alignOffsetY = (childConfig.alignOffsetY + (childConfig.alignOffsetOriginY * childHeight)) * this.scaleY;

        LayoutChild.call(this,
            child, x, y, width, height, childConfig.align,
            alignOffsetX, alignOffsetY
        );
    }
}

var sourceSize = {};
var targetSize = {};

export default LayoutChildren;