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.