GreenSock » Transforming

AutoFitArea – Stretch/Scale/Position DisplayObjects to Fit Within a Rectangular Area

admin — Tue, 16 Feb 2010 21:37:19 +0000

AutoFitArea allows you to define a rectangular area and then attach() DisplayObjects so that they automatically fit into the area, repositioning and scaling/stretching in any of the following modes: STRETCH, PROPORTIONAL_INSIDE, PROPORTIONAL_OUTSIDE, PROPORTIONAL_CROPPED, NONE, WIDTH_ONLY, or HEIGHT_ONLY. Horizontally align the attached DisplayObjects left, center, or right. Vertically align them top, center, or bottom. Even apply a minimum/maximum width/height for each attached object. AutoFitArea extends the Shape class, so you can alter (and yes, tween) the width/height/scaleX/scaleY/x/y properties of the AutoFitArea and then all of the attached objects will automatically be affected. Attach as many DisplayObjects as you want.

LiquidStage – Automatically Reposition/Stretch DisplayObjects in Full-Browser SWFs

jack — Sun, 09 Nov 2008 01:30:43 +0000

LiquidStage allows you to "pin" DisplayObjects to reference points on the stage (or inside other DisplayObjects) so that when the stage is resized, they are repositioned and maintain their relative distance from the PinPoint. For example, you could make a logo Sprite stay in the bottom right corner when the stage is resized.

You can also scale or stretch DisplayObjects using the LiquidArea class which allows you to define a rectangular area that expands and contracts as the stage resizes, and you attach DisplayObjects so that they fill the area, scaling in any of the following modes: STRETCH, PROPORTIONAL_INSIDE, PROPORTIONAL_OUTSIDE, WIDTH_ONLY, or HEIGHT_ONLY. For example, you could have a bar snap to the bottom of the screen and stretch horizontally to fill the width of the stage. Or add a background image that proportionally scales to fill the entire stage.

TransformManager (AS3) – Interactively Scale/Rotate/Move DisplayObjects

jack — Fri, 15 Aug 2008 16:18:15 +0000

TransformManager makes it easy to add interactive scaling/rotating/moving of DisplayObjects to your Flash or Flex application. It uses an intuitive interface that's similar to most modern drawing applications. When the user clicks on a managed DisplayObject, a selection box will be drawn around it along with 8 handles for scaling/rotating. When the mouse is placed just outside of any of the scaling handles, the cursor will change to indicate that they're in rotation mode. Just like most other applications, the user can hold down the SHIFT key to select multiple items, to constrain scaling proportions, or to limit the rotation to 45 degree increments.

TransformManager (AS2) – Scale/Rotate/Move any MovieClip

jack — Mon, 18 Jun 2007 17:04:20 +0000

This class works with the TransformItem class to give the user the ability to scale, rotate, and/or move any MovieClip on the stage using an intuitive interface (similar to most modern drawing applications). When the user clicks on the TransformItem's MovieClip, a selection box will be drawn around it along with four handles for scaling. When the user places their mouse just outside of any of the scaling handles, the cursor will change to indicate that they're in rotation mode. Hold down shift to constrain scaling proportions or to limit rotation to 45 degree increments. This TransformManager class will handle multiple TransformItem instances, switching the selection boxes (so that only one is selected at a time) as well as updating the properties with a single call. See the TransformItem class for more details about features.