Comments on: Resizable TitleWindow in Flex 4

By: vj

vj — Tue, 20 Dec 2011 12:21:32 +0000

Thanks, Kevin.. that worked like a charm…

By: Kevin Lin

Kevin Lin — Wed, 26 Oct 2011 16:54:03 +0000

@Avinash Feel free to use the code from this post in your project. We appreciate you providing a link back to this post because it might be useful for people browsing your code to have a place to get more information if they need to.

By: Kevin Lin

Kevin Lin — Wed, 26 Oct 2011 16:51:22 +0000

@Azwan TitleWindow works just like a panel, so if you add elements to it, it should work.

By: Kevin Lin

Kevin Lin — Wed, 26 Oct 2011 16:50:25 +0000

@Mike Haggerty I think you can use cursorManager.setCursor() to do this.

By: Avinash

Avinash — Wed, 10 Aug 2011 10:18:13 +0000

well done sir!!! this component was more useful…I will modify it for specific purposes in the future, so it would be great if you can put this inside a google code project or do I put it in the richflex project http://code.google.com/p/richflex/ ?

By: Craig Mc

Craig Mc — Fri, 05 Aug 2011 08:40:25 +0000

Hi,

Any idea if I could apply this sort of resizing to an item renderer?

Or at least some tips on how to go about it.

By: Justin

Justin — Wed, 23 Feb 2011 10:21:20 +0000

Justin :
Enforcing a fixed size should be done something like this…
Change these lines in resizeHandle_mouseMoveHandler:
skin.width = prevWidth + (event.stageX – clickOffset.x);
skin.height = prevHeight + (event.stageY – clickOffset.y);
Override the measure function:
override protected function measure():void

{
if(skin)
{
var skinMinWidth:Number = isNaN(skin.minWidth) ? 200 : skin.minWidth;
var skinMaxWidth:Number = isNaN(skin.maxWidth) ? 200 : skin.maxWidth;
measuredWidth = Math.max(skinMinWidth, skin.getExplicitOrMeasuredWidth());
measuredHeight = Math.max(skinMaxWidth, skin.getExplicitOrMeasuredHeight());
measuredMinWidth = skinMinWidth;
measuredMinHeight = skinMaxWidth;
}
}

Sorry, couple of typos

var skinMinWidth:Number = isNaN(skin.minWidth) ? 200 : skin.minWidth;
var skinMinHeight:Number = isNaN(skin.minHeight) ? 200 : skin.minHeight;

measuredWidth = Math.max(skinMinWidth, skin.getExplicitOrMeasuredWidth());
measuredHeight = Math.max(skinMinHeight, skin.getExplicitOrMeasuredHeight());

By: Justin

Justin — Wed, 23 Feb 2011 10:19:00 +0000

Enforcing a fixed size should be done something like this…

Change these lines in resizeHandle_mouseMoveHandler:
skin.width = prevWidth + (event.stageX – clickOffset.x);
skin.height = prevHeight + (event.stageY – clickOffset.y);

Override the measure function:
override protected function measure():void
{
if(skin)
{
var skinMinWidth:Number = isNaN(skin.minWidth) ? 200 : skin.minWidth;
var skinMaxWidth:Number = isNaN(skin.maxWidth) ? 200 : skin.maxWidth;

measuredWidth = Math.max(skinMinWidth, skin.getExplicitOrMeasuredWidth());
measuredHeight = Math.max(skinMaxWidth, skin.getExplicitOrMeasuredHeight());

measuredMinWidth = skinMinWidth;
measuredMinHeight = skinMaxWidth;
}
}

By: Azwan

Azwan — Fri, 17 Dec 2010 18:06:12 +0000

Hi,

I have a question regarding your component. How can i include interactive elements inside the titleWindow popup eg. graph, datagrid etc. ?

By: Mike Haggerty

Mike Haggerty — Mon, 29 Nov 2010 17:33:00 +0000

Great component. Thanks!

Has anybody implemented a mouseover handler which changes the cursor to a resize cursor when the mouse is over the resizeHandle?