Wie, um flash-Film skaliert proportunatly zu div-Breite?

Hatte ich mehrere Ideen, die ging von aufrufen einer actionscript-Funktion in javascript mit ExternalInterface, Weitergabe von FlashVars an das swf nur, damit die swf-wissen, was ist die Größe des div, um eine weitere einfache Idee.

hier geht.

Haben 1 MovieClip als hintergrund und 1 MoveClip mit dem Kopf.

Ich denke, Ihre beste Wette wäre, die "Dies ist die flash-Film-on top" - option von Ihrem Beispiel.
Ihre beste Einstellung

stage.scaleMode = StageScaleMode.NO_SCALE;

oder

stage.scaleMode = StageScaleMode.SHOW_ALL;

Die Idee ist, mit Inhalt proportional skaliert.

Dann fügen Sie einen Ereignis-listener für das resize-Ereignis und Skala/Anzeige den hintergrund.

stage.addEventListener(Event.RESIZE, stageResizeHandler);

function stageResizeHandler(event:Event = null):void{
   //assuming your background is called "background"
   background.width = stage.stageWidth;
   background.height = stage.stageHeight;
   //if content needs recentering, assuming "content" is the name used
   content.x = (stage.stageWidth - content.width) * .5;
   content.y = (stage.stageHeight - content.height * .5;
}

Habe ich hier einen Vorschlag für die event-handler-argument, so können Sie rufen Sie die Funktion ohne
Versand ein Ereignis

z.B.

stageResizeHandler();

statt

stage.dispatchEvent(new Event(Event.RESIZE));

Müssen Sie möglicherweise rufen diese Funktion, wenn Sie initiallize, nicht sicher.

Auch müssen Sie die Größe des Inhalts proportional abhängig von der Größe der Bühne.
so, hier ist etwas code, den ich getestet:

stage.scaleMode = StageScaleMode.NO_SCALE;
stage.align = StageAlign.TOP_LEFT;


stage.addEventListener(Event.RESIZE, stageResizeHandler);

stageResizeHandler();

function stageResizeHandler(event:Event = null):void{
    //resize bg
    bg.width = stage.stageWidth;
    bg.height = stage.stageHeight;

    //scale proportionally
    if(content.width > stage.stageWidth || content.height > stage.stageHeight){
        var ratio:Number = getRatio(content);
        if(stage.stageWidth > stage.stageHeight){
            content.height = stage.stageHeight;
            content.width = content.height * ratio;
        }else 
        if(stage.stageWidth < stage.stageHeight){
            content.width = stage.stageWidth;
            content.height = content.width / ratio;
        }
    }else {
        content.scaleX = content.scaleY = 1;
    }

    //centre
    content.x = (stage.stageWidth - content.width) * .5;
    content.y = (stage.stageHeight - content.height) * .5;
}

function getRatio(target:MovieClip):Number{
    var ratio:Number; 
    target.width > target.height ? ratio = (target.width / target.height) : ratio = (target.height / target.width);
    return ratio;
}

Leider mir ist aufgefallen, dass einige flackern auf bestimmten Größen. Ich vermute, dass die Skalierung und die Tatsache, die das Verhältnis ändert sich oft, je nachdem, wie Sie die Größe ändern.

InformationsquelleAutor George Profenza