Hi,

UPDATED :: The links got chopped, they work now.

Well, the ResizeManagerFX component is shinning now that the move algorithm has been added.

You cannot beat this component for out of the box functionality and hassle free ease of use!

The Example Explorer
The Product Page

The manager now provides an overlay that has anchor points IE Fireworks and supports dashed lines and patterns. The move button also has styles associated with as well.

The ResizeManagerFX SWC component resizes and moves any UIComponent using the custom styles of each individual client component.

This component can save you many hours of coding(which equals money) and debugging with it’s out of the box resize and move functionality.

The manager also depends on stylesheets more than most components do, for the simple reason of allowing client components to define their own styles and remain encapsulated from the resize manager and each other.

Check out the Component Explorer to see how dynamic this component really is!

The manager provides the following functionality;

• Client component resizing and moving.
• Disabling and enabling of move and resize functionality
• Client component bounds checking.
• Client component minimum and maximum width and height checks.
• Cutom cursor skin and offset styles.
• Resize and Move button styles and offsets.
• Resize and Move effects with easing and duration styles.
• Resize types of none, realtime and animated.
• Move types of non, realtime and animated.
• Customized look and feel for each client’s overlay and popup overlay.
• Client overlay offset in insets.
• Overlay thicknesses, skins and alpha.
• Anchored overlay type with dashed line pattern styles.
• Client and Manager resize and move events.
• Convienent interfaces so subclassing of overlays is possible.
• One line of code for addition and removal of client components.
• Mouse shield to protect Application while dragging or moving.
• Plus more…

When using the manager class, use the ResizeManagerFX.addClient(component) static class method to embed the overlay inside the client component and initialize resize and move functionality.

There are various styles that control to look and resize functionality of
each client component. Check the style’s of the ResizeOverlay to find out which
styles will effect the embedded overlay and which styles effect the popup overlay .

The manager will also take into account the minimum and maximum width and
height of each client component when resizing. The manager also places the popup overlay above all components and creates a mouse shield so there is no misplaced events while resizing or moving.

This component was designed based on the ever increasing need to be
able to resize and move a UIComponent anytime and anywhere.

Screenshots

The image below shows a Tree with an anchored resize overlay and custom resize button skins.

The image below shows the component being moved with moveType == MoveType.NONE which moves the client component after the mouse up.

The image below shows a TitleWindow being resized with the standard ResizeOverlay that uses lines instead of anchors. The thickness and offset of the lines can be adjusted with styles.

The image below shows the resize buttons inset and shows the actual move button. This image demonstrates that you can adjust the hit area of the move button with offset styles. You can also control the skin and alpha of the move button along with cursor styles.

The bottom line is, if you are looking for a resize manager with all the frills and just want to create an application, this is the resize manager for you.

Just think about the money you will save in development cost relative to what you will pay for the component.

Mike

This entry was posted on Tuesday, October 3rd, 2006 at 11:33 am and is filed under flex2, components, releases. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.