HOW IS THIS DONE - Dynamic Layout

[RndmIND]

I've been looking for months about how to do this. I've looked all over these forums, through all of the books I could find, but I've never found out how to do this.

I need to make a full flash website that has multiple elements that anchor to specific corners while having the main content in the middle stay centered.

Best Example::
http://www.drawingart.org/#/home

- The content in the middle is always centered, no matter how big the screen
- The menu bar locks to the bottom of the screen and stretches to fill the screen
- The Icons on the side of the pages are locked to the Top Left, Middle Left, and Bottom Left, as well as the Top Right, Middle Right, and Bottom right

I've figured out how to make ONE object anchor by telling the Stage to = TL, CC, TR, ect. but I have multiple things that need to anchor to different areas...

I need to know how to do this, and no one on here seems to know how, nor do I know a way to figure this out.

Anyone know?

- Shea

[FizixMan]

This should get you started after your months of research and reading.

How to make a fullscreen flash:
http://www.kirupa.com/developer/mx2004/fullscreen.htm


How to detect screen size changes so you can resize/reposition the elements in your layout:
http://livedocs.adobe.com/flash/mx20...=00001695.html

[zao]

Looks to me he is using mc_tween, then he is just using basic scripting telling the MC that if the screen is adjusted, to move to the center again.

#include "mc_tween2.as"
var stageCenter:Object = new Object();
stageCenter.onResize = function() {
    contentMC.tween("_x", Stage.width/2, 3.5);
    contentMC.tween("_y", Stage.height/2, 3.5);
};
Stage.addListener(stageCenter);

That combined with full-browser flash support, makes it work.

[RndmIND]

zao, i think that is what ive been missing, though im not sure, ill try it and get post my findings. thanks guys.

[MLaZz]

here.. i was trying this out myself few weeks ago.. here is my .fla of my test movie.

it has header, footer, left and right side that follow the border of browser.

MLaZz

[aamirbhatti]

Nice and great work. Please, can you provide tutorial for this

Originally Posted by MLaZz

here.. i was trying this out myself few weeks ago.. here is my .fla of my test movie.

it has header, footer, left and right side that follow the border of browser.

MLaZz

[aamirbhatti]

Nice and great work Malz please provide tutorial for this

[aamirbhatti]

Nice and great work MLaZz. i was also looking for this work since two months. Please can you provide tutorial for this. or step wise methods how to do this

[prg9]

Originally Posted by aamirbhatti

Nice and great work MLaZz. i was also looking for this work since two months. Please can you provide tutorial for this. or step wise methods how to do this

You might try looking over these threads:
Simple Stage Manager - Source + Tutorial
Full Screen in FLASH - Tutorials Listed
Full Browser Images - Source + Info (long thread, read through it)

If you need more just Google. Hope those help you.

[mattsaintg]

Heres and example of what you were looking for.

This file contains 5 movieclips, each of which are positioned according to the stage width and height. A listener is set to watch for stage resizes and calls the function to reposition the movieclips. The center movie clip uses the tween class (MC tween or Laco) to center, giving a nice easing effect.

If you want this to work fullscreen, just be sure to set the width and height of the .swf to 100%.

Hope this helps.

// Matt

[aamirbhatti]

Dear when i run this file error comes. Error opening include file lmc_tween.as: File not found.
#include "lmc_tween.as"

Originally Posted by mattsaintg

Heres and example of what you were looking for.

This file contains 5 movieclips, each of which are positioned according to the stage width and height. A listener is set to watch for stage resizes and calls the function to reposition the movieclips. The center movie clip uses the tween class (MC tween or Laco) to center, giving a nice easing effect.

If you want this to work fullscreen, just be sure to set the width and height of the .swf to 100%.

Hope this helps.

// Matt

[aamirbhatti]

Thanks prg9. realy thanks

Originally Posted by prg9

You might try looking over these threads:
Simple Stage Manager - Source + Tutorial
Full Screen in FLASH - Tutorials Listed
Full Browser Images - Source + Info (long thread, read through it)

If you need more just Google. Hope those help you.

[AvanteWD]

Originally Posted by MLaZz

here.. i was trying this out myself few weeks ago.. here is my .fla of my test movie.

it has header, footer, left and right side that follow the border of browser.

MLaZz

Thanks MLaZz. That file was exactly what I needed! You rock!

[KDS]

Originally Posted by MLaZz

here.. i was trying this out myself few weeks ago.. here is my .fla of my test movie.

it has header, footer, left and right side that follow the border of browser.

MLaZz

In http://www.drawingart.org/#/home when you change the size of your browser screen by
maximize and minimize. you can notice the content are moved smoother (smooth).

how to make this?

thx friend

[KDS]

any one!