Riaxe Systems | Blog

April

23rd

AS3 Transform Tool for scaling, rotating components containing text controls in Flex

Author : Raman Date : April 23, 2009
31 Comments

Hello Everybody,  Got a chance to play with the Matrix class in as3 for creating a custom transform tool for scaling and rotating components containing text controls like the TextArea in Flex. I used the free Senocular’s Transform tool available but it scales the target component using the Matrix scaling resulting in scaling the text inside the text control.  So I used the Matrix class for rotating the tool and changed the width and height of the target by using transform matrix of the target.


First Example ( Live demo )

transformtool1


Second Example ( Live demo )

transtool2


Transform Tool V2 ( Live demo )

riaxe-transform-tool-as31


Added a simple example of rotating a button control using transform matrix with source.

Get the source

Hope this is useful :)

 

Share

31 comments Leave a comment  

  • ilanb

    Great works!! any chance to view the source ?

    Thanks

    Reply
  • Srilata

    Need the same solution. Can you give some hint of the logic or can we have access to the source? Let me know. Its an urgent requirement for me.

    thanks

    Reply
  • Malini

    good work. Congrats….When can we expect to see the code? Can’t wait…

    Well done!!!

    Reply
  • ivan

    great works boy !!!!

    is possible to see the source ?

    Reply
  • Susrut Mishra

    Cannot produce the source for now…its part of a project. Yes I can surely post a tutorial covering some of the concepts used building the tool in the coming days. Hope u understand :)

    Reply
  • Satyajit Behera

    Superb work !!!

    Reply
  • Marx

    Hello, I’m Brazilian, studying computer science. I am developing an academic project on this subject, I wonder if you can release the source code of your project, would help a lot. Thank you!

    Reply
  • Susrut Mishra

    Updated a new version, hope you all find it interesting.

    Reply
  • Frank Miller

    This is exactly what I was looking for. You are a real genius. I will pay you for the source for the second example. Please mail me personally.

    Reply
  • Nicolos Carson

    Hello, Do you do freelancing work. I need the same tranform tool in one of my upcoming projects. Let me know if you interested.

    Reply
  • Steve

    Well done! Does this solution work when Skew is enabled? Any advice for approach on for achieving this since you cannot release the source? Any resources that you leveraged would be helpful too! Thx!

    Reply
  • Susrut Mishra

    Haven’t worked on stuffs like skew/flip etc. Will try to add this in the near future. Don’t get much time nowadays. I would certainly love to create a kinda tutorial/example related to the Matrix transformation for the community. Thanks anyways.

    Reply
  • Pingback: Created a custom transform tool in as3.0 : 49341

  • Arindam Mojumder

    Can I get the source code of the transform tool. Actually I also using the senocular tool, but I want to create and know the actual funda of creating such type of things.

    Reply
  • suku

    Its great ………Need the same solution. can we have access to the source? Let me know. Its an urgent requirement for me.

    Reply
  • Damien Datn

    Ahhhh!! This is lovely. I had been looking for it. It’s better than Senocular’s transform tool.

    Reply
  • Pingback: Tweets that mention AS3 Transform Tool for scaling, rotating components containing text controls in Flex -- Topsy.com

  • md rasel

    i need source code. plz give me source code

    Reply
  • wanghl

    太棒了,可以给我一份源代码吗

    Reply
  • Manoj

    Hi,
    This is awesome work….weldone man…..
    Can u please give me the source code as i need it urgently for a project…..Thanks in advance

    Reply
  • illsen

    SUPERB – Thanx

    Reply
  • Gulam Mustafa

    You did a great job, i am also looking for source.

    Please at least answer if you are gonna publish it or not so that people who are hoping your release can move forward.

    Reply
  • Pelmo

    This is written in MVC with matrix. But it is not free. http://boceto.fr/produit-9-librairie-transformation-geometrique-flash-flex.html

    Reply
  • michael

    Reply
  • Dhiraj

    Hi Susrut,

    the first demo link is not working, i just wanted to see how it works with dotted lines.

    Can u please check & updated the same.

    How can we get the source code?,

    very much Appreciated!! too good :)

    Thanks
    Dhiraj

    Reply
    1. Susrut Mishra

      Hi Dhiraj, Thanks for your interest. I will surely check the demo link. I am currently working on a new version of transform tool that would work both in Flex 3 and Flex 4 with text font scaling and much more. Will keep you informed.

      Reply
      1. Susrut Mishra

        Check the demo links – its working now!!

        Reply
  • Ademus

    Reply
  • Susrut Mishra

    Hey Guys!!! – Check the new transform tool with text scaling
    http://www.riaxe.com/flex/as3-flex-4-support-transform-tool-with-text-scaling-and-dynamic-menu/

    Reply
  • Pingback: Top 10 Transform Tools built in AS3 for Flex and Flash

  • visakh

    its nice work…..but how to view the source code?

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *


*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>