Flash AS3: Resize SWF but keep elements the same size

Question

I am trying to create a fullscreen chat program using Flash AS3, and so far, everything is going well, except for when the window is resized, the whole thing is proportionally resized.

I would like it to ONLY resize the chat text area, when the resize is done vertically, keeping the controls the same height consistently, also I would like the buttons for sending the chat to maintain their size, with the input box increasing in width when the size is increased horizontally.

Obviously the SWF resizing will be done by JavaScript/jQuery .onResize() and thus I will be able to set a mimimum width and height for the swf, maintaining usability.

Is there any way to do this?

look at stage scale. Set it to noScale and it will stop resizing but you'll need to size the one mc you wamt manually based on the movie width which you may need to pull in via flashvars — Yevgeny Simkin
But if the user resizes the window, the size of the swf could change, so would it not be best to use ExternalInterface? — Andrew Willis
You don't need to call something in your swf by ExternalInterface, the swf still gets all the resize events, so setting something by ExternalInterface calls would be redundant. — joncys

Cay Cay · Accepted Answer · 2012-01-30T13:32:30

Stage's resize event triggers every time the swf changes size, so you don't need to use ExternalInterface (it's less reliable and adds complexity). Also, you should set stage.scaleMode to "noScale" and stage.align to "TL" so the elements won't scale (you will do that manually) and they will be aligned to the top left corner (to maintain consistency with the display list).

Then, on each resize event you can check the new dimensions (stage.stageWidth and stage.stageHeight) and resize/relocate your elements individually (e.g. chatBox.height = stage.stageHeight)

Flash AS3: Resize SWF but keep elements the same size

1 Answers