Tuesday, January 31, 2012

Transform Tool - multi selection (Visio approach)

Hello! 
Good news, I've added one of the most desired feature - multi selection. Currently it works similar to MS Visio multi selection model.
See example below, click on images holding shift or ctrl keys to multi select them. You can also drag mouse over design area to get selection rectangle. Press view source context menu to get source code. 

SWC: Transform Tool 2 version 2.4.7.
Source code: Project home page.
ASDoc:  API ASDoc.
Required Flex SDK version: SDK 4.5

Sunday, January 22, 2012

Transform Tool - undo/redo

Hello! 
Today I'll show you how to implement simple history manager for undo/redo operations. It's very simple example and it doesn't handle changing target of transformation and other user specific operations. For this purpose you need to create something more complex probably using command pattern.
See example below. Press view source context menu to get source code. 

SWC: Transform Tool 2 version 2.4.0.
Source code: Project home page.
ASDoc:  API ASDoc.
Required Flex SDK version: SDK 4.5

Friday, January 20, 2012

Transform Tool - android mobile example


Hello! 
I've just tried tool on android mobile and saw that performance is pretty good on my HTC Desire. It uses custom skin with large controls for fingers.

You can download package with .apk file and source code from here: Mobile Example


SWC: Transform Tool 2 version 2.3.9a.
Source code: Project home page.
ASDoc:  API ASDoc.
Required Flex SDK version: SDK 4.5 

Thursday, January 12, 2012

Transform Tool - custom control

Hello! 
Today I'll show you how to add custom control (e.g. delete button) into transform tool. You simply need to extend UITransformTool or TransformTool class, add skin part for this control and define it in skin.
See example below. In this example I also added ability to deselect objects clicking on panel, supporting guide lines for move, resize (only for rotation multiplied by 90 degree) and rotate operation.
Press view source context menu to get source code. 

SWC: Transform Tool 2 version 2.3.9a.
Source code: Project home page.
ASDoc:  API ASDoc.
Required Flex SDK version: SDK 4.5

Thursday, January 5, 2012

Transform Tool - cursors

Hello! 
Today I'm going to show you how to work with cursors. Transform tool supports two type of cursors  standard Flex bitmap cursors and vector cursors


1. To use bitmap cursors you need to create custom skin of tool and use CursorManager  from raster package. Actually it's wrapper for standard Flex CursorManager. Then embed cursor images and add them to cursor manager in skin. Tool has default bitmap cursors embeded as static properties in raster Cursors class.


2. By default tool uses vector cursors. To create you own cursors you need to create fxg or mxml files with graphics and add them into CursorManager  from vector package. Tool has default vector cursors embeded as static properties in vector Cursors class.


Following example shows 3 different skins with vector end bitmap cursors, just select them from drop down list. Press view source context menu to get source code. 

SWC: Transform Tool 2 version 2.3.8.
Source code: Project home page.
ASDoc:  API ASDoc.
Required Flex SDK version: SDK 4.5