Alva Sun April 26th, 2007

This tutorial actually shows you how to install the Flex Builder and the AsWing. What you will learn in doing this procedure will carry over into your new projects using other new library components(such as as3corelib).It’s also explain how to install and use subclipse( SVN pulg-in for Eclipse ) to checkout fresh code.

Catalog Basic Part: 1 Download and install Flex Builder(the standalone version) 1.1 Download Flex Builder2.0 1.2 Stratup Flex Builder 2 Download and install AsWing 2.1 Downlaod AsWingA3 2.2 Import AsWing project 2.3 Clean to Build 3 Create,Compile,Run a Application that use AsWing components. 3.1 Create a new ActionScript Project 3.2 Run the application Advanced Part: 4 Install Flex Builder as a plugin of Eclipse. 4.1 Download and install JDK1.5 4.2 Download and install Eclpse3.2 4.3 Install Flex Builder pulgin 5 Checkout AsWing from SVN 5.1 Install SVN plugin for Eclipse 5.2 Checkout fresh source code

---

1 Download and install Flex Builder(the standalone version)

1.1 Download Flex Builder2.0

In Basic Part, we selecte download “Flex Builder 2 (English|Windows|168.78 MB)”;

Double click the file you hava downloaded which name like “FLXB_2.0_Win_WWE.exe
select “Flex Builder and Flex SDK”
Select a folder to install Flex Builder.I change to “G:\Flex\Flex Builder 2”.

Installing…

Flex Builder is installed Complete.

1.2 Stratup Flex Builder.

After Download and Install Flex Builder, we can select Start -> All Programs -> Adobe -> Adobe Flex Builder 2 to open Flex Builder.
The Flex Builder is starting, it’s version is 2.0.1.

The main window of Flex Builder.

---

2 Download and install AsWing

2.1 Downlaod AsWingA3

At the beginning,we download packaged version of AsWing at Here.
Selecte “AsWing A3 0.8”(it will change when you visit this page). Remember to choose AsWing A3 series which is base ActionScript 3.The downloaded file name is “aswing_a3_0_8.zip”.

Change default Workspace to “G:\acode”, Flex Builder will restart automatic.

Choose a folder as workspace of Flex Builder.

Create a “Flex Library Project” with name ”AsWingA3”.

2.2 Import AsWing project.

Unpack the “aswing_a3_0_8.zip” to somewhere. Right-Click on project “AsWingA3″ select “Import”

Select import form “File System”

Select the location you unpacked,

Select into folder, it’s “AsWingA3″.

Some Properities setup
Right click on the AsWingA3 project, select “Properities” at the bottom.

Change to “Flex Build Path”, check the “src” folder and ,fill “src” in “Main sorce folder”

Select “Flex Library Complier” , Uncheck the “Enable warnings”,

2.3 Clean to Build

Select “Project” -> “Clean…”

Check the projects yout want to clean and rebuild.Press “OK” button.

Building project will take you about one minute.

After build project, a new library file(AsWingA3.swc) is created.

---

3 Create,Compile,Run a Application that use AsWing components.

3.1 Create a new ActionScript Project with project name “AsWingExamples”.

Fill AsWingExamples in “Project name” ,click Finish button.

Create a Source Code Forlder with name “src”,

Open Properities pane, select “ActionScript Build Path”->”Source path”,fill “src” in “Main sorce folder”

Change to “Library path”,click “Add Project” button,

select “AsWingA3” as a library.

Create a ActionScript Class with name “Test”, copy the code into it:

Source code of Test.as

---

package
{
 import flash.display.Sprite;
 import flash.display.StageScaleMode;

import org.aswing.AsWingManager;
 import org.aswing.JFrame;
 import org.aswing.JLabel;
 import org.aswing.event.AWEvent;
 import org.aswing.geom.IntDimension;public class Test extends Sprite
 {
  public function Test(){
  super();
  stage.scaleMode = StageScaleMode.NO_SCALE;
  stage.stageFocusRect = false;
  AsWingManager.setRoot( this );createFrame();
  }private function createFrame() : JFrame{
  var frame : JFrame = new JFrame( this, "Test of AsWingA3" );
  frame.getContentPane().append(new JLabel( "Hello world!" ));
  frame.setSize(new IntDimension( 200, 120 ) );
  frame.show();
  return frame;
  }
 }
}


---

Select “ActionScript Applications”,click “Remove” button to delete “AsWingExamples.as(deleted)”,
then press “Add” button, select “Test.as”,
press “Set as Default” to set “Test.as” as the default Main Class.
You’ll find the icon of “Test.as” is changed to which mean Main Class.

3.2 Run the application

At the end, press the green “Run” button at ToolBar, select “Test”,

wait a second, a html page is popup with our first ActionScript application.

---

4 Install Flex Builder as a plugin of Eclipse.

4.1 Download and install JDK1.5

Download JDK 5.0 Update 11 here:

Choose “Accept License Agreement”

Download “Windows Offline Installation Muti-language”

Install JDK is simple,
jdk will install at “C:\Program Files\Java\jdk1.5.0_11\”,
jre wiil install at “C:\Program Files\Java\jre1.5.0_11\”,
you can change the install folder.

4.2 Download and install Eclpse3.2

Dlownload Eclipse 3.2 here:

unpack the file “eclipse-SDK-3.2-win32.zip” to a location you choose. I choose “G:\eclipse”

Double click “eclpse.exe” to open it.It will popup a “Workspace Launcher”. I change it to “G:\workspace”, and check “User this as the default and do not ask again”.

4.3 Install Flex Builder pulgin

Download “Flex Builder 2 Eclipse Plug-in” see 1.1.
Double click the file you hava downloaded which name like “FLXB_2.0_Win_WWE.exe”
select “Flex Builder Plug-in and Flex SDK”

Choose install forlder for the Flex Framework,

Choose Eclipse Folder to be Updated, fill the path of Eclips(My eclipse path is “G:\eclipse”).

Installing…

---

5 Checkout AsWing from SVN

5.1 Install SVN plugin(subclipse) for Eclipse

Open Help -> Software Updates -> Find and Install,

We need to select the radio button”Search for new Features to install” to indicate that this is a new install.

We press “New Remote Sit…” button,fill Name with “SVN” and URL with” http://subclipse.tigris.org/update_1.2.x”

There are two sub-item of site “SVN”. Uncheck the “Mylar Integration”,only check “Subclipse”.

Click the button to accept the license agreement.

Press Finish to start installing…

Select “Install All”

The screenshot of the in-process installation.

Eclipse needs to be restarted after installing Subclipse.

5.2 Checkout fresh source code

Right-click on the blank of “SVN Repository” , select “New” -> “Repository Location…”

Fill AsWingA3’s SVN url: http://svn.aswing.org/aswing/

Expand the list, select “trunk”, right-click on “AsWing”,choose “Checkout”.

Select the radio button “Check out as a project configured using the New Project Wizard”.

Popup a “New Project” window, select “Flex” -> “Flex Library Project”.

Type the project name : “AsWingA3”.

The process of checkout aswing code from SVN server.

Open the “Properities for AsWingA3” window,change to “Flex Library Build Path”, only check “src”. Type “src” in “Main Source Folder”.

Change to “Flex Library Complier”, uncheck “Enable warning”.

At the end, select “Project” -> “Clean”, to rebuild the fresh code.

You can contact me by mail: AlvaSun#gmail.com

• A3 , Tutorials
• Comments(13)