adobe-edge - Adobe Edge Animate ステージとプリローダーを水平および垂直の中央に配置

Question

Adobe Edge アニメーションを作成しました。ここで、アニメーションとプリローダーを中央に配置したいので、ブラウザでは常に水平方向と垂直方向の中央に表示されます。

私を助けてください。

次のスレッドを見つけました: http://forums.adobe.com/thread/979124?promoid=KBHBD

しかし、私には何もうまくいきません。

Answer 1

次のコードを使用して、ウィンドウに収まるようにステージを中央に配置してサイズを変更します。サイズを変更せずに中央に配置する場合は、サイズ変更部分を単純に削除できます。このコードを Stage コンポーネントの window.resize イベント ([ウィンドウ] > [コード] > [ステージ] > [イベント] > [サイズ変更]) に貼り付けることができます。

var stageHeight = $("#Stage").height();
var stageWidth = $("#Stage").width();
// console.log("stageHeight " + stageHeight);
// console.log("stageWidth " + stageWidth);
var ratio = stageWidth / stageHeight;
var bodyHeight = $(window).height();
var bodyWidth = $(window).width();
// console.log("bodyHeight " + bodyHeight);
// console.log("bodyWidth " + bodyWidth);
var bodyRatio = bodyWidth / bodyHeight;
var newStageHeight = bodyHeight;
var newStageWidth = bodyWidth;
var leftPos = 0;
var topPos = 0;
// fit width
if (bodyRatio < ratio) {
    newStageWidth = bodyWidth;
    newStageHeight = newStageWidth / ratio;
    topPos = 0.5 * (bodyHeight - newStageHeight);
}
// fit height
else if (ratio < bodyRatio) {
    newStageHeight = bodyHeight;
    newStageWidth = newStageHeight * ratio;
    leftPos = 0.5 * (bodyWidth - newStageWidth);
}
// console.log("newStageHeight " + newStageHeight);
// console.log("newStageWidth " + newStageWidth);
$("#Stage").height(newStageHeight);
$("#Stage").width(newStageWidth);
$("#Stage").css("left", leftPos + 'px');
$("#Stage").css("top", topPos + 'px');