NOTE: There is a screen cast describing the installation and first use for version 0.0.2.

Create Project

  1. Open AXDT Perspective "Window" > "Open Perspective" > "Other..." > "AXDT"
    • If the AXDT Perspective is not shown in the list Read InstallAxdt again.
  2. Create a sample project "New" > "Projekt..." > "AXDT" > "AXDT Project" > name="test"
  3. Right now the layout should look like this:
    - test (with an axdt logo)
     > src
    

Compile AS File

  1. Now create a ActionScript 3 file in the src directory with "New" > "AS3 File" > source folder="/test/src/" package="org.axdt" name="Test"
  2. As you can see the folder will be automatically created and the file contains this:
    package org.axdt{
    	public class Test {
    		
    	}
    }
    
  3. For now override the content with following snipped and save.
    package org.axdt{
      import flash.display.*;
      import flash.events.*;
      public class Test extends Sprite {
        public function Test () { stage.addEventListener(MouseEvent.CLICK, clickListener); }
        private function clickListener (e:MouseEvent):void {
          if (e.target == stage) {
            drawCircle(e.stageX, e.stageY);
          } else {
            removeChild(DisplayObject(e.target));
          }
        }
        public function drawCircle (x:int, y:int):void {
          var randomColor:int = Math.floor(Math.random()*0xFFFFFF);
          var randomSize:int = 10 + Math.floor(Math.random()*150);
          var circle:Sprite = new Sprite();
          circle.graphics.beginFill(randomColor, 1);
          circle.graphics.lineStyle();
          circle.graphics.drawEllipse(0, 0,randomSize, randomSize);
          circle.x = x-randomSize/2;
          circle.y = y-randomSize/2;
          addChild(circle);
        }
      }
    }
    
  4. You can now select the launcher with "Run as.." > "Compile and Open a SWF File"
  5. The compilation progress either is shown in the Progress View or the bottom right corner of the window.
  6. You can open up a Console View to view the the compiler output like compilation errors.
  7. As soon as the swf file is compiled the deploy folder will appear and the swf view will open.
    • If you see a blank page refer to GuideViewer for now and set up you eclipse browser.
  8. You can test the "As3Test.swf" and click on the canvas to create circles.

Compile Mxml File

  1. mxml files are also accepted as build targets. Use the wizard to create a MXML File within the project "New" > "MXML File" > name="MxmlTest"
  2. Note: there is mxml content assist available for the standard eclipse xml editor (WST).
  3. For now fill the content with:
    <?xml version="1.0" encoding="utf-8"?>
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">
      <mx:Script><![CDATA[
             public function copy():void {
                  txtIn.text = hello_label.text;
             }
      ]]></mx:Script>
      <mx:Label id="hello_label">
          <mx:text>Hello World!</mx:text>
      </mx:Label>
      <mx:Button id="btn" label="Click me!" click="copy()" />
      <mx:TextInput id="txtIn" text="not clicked" />
    </mx:Application>
    
  4. You can call the same launcher as described above.
  5. The initial build is usually slow, however compiling a target a second time will be much fast thanks to incremental compilation.

Use Flex Designviewer

You can open any Mxml file with the designviewer that allows you to arrange flex components by drag and drop. Just select a Mxml file, invoke a context menu Open With > Flex Designviewer.