gembin

OSGi, Eclipse Equinox, ECF, Virgo, Gemini, Apache Felix, Karaf, Aires, Camel, Eclipse RCP

HBase, Hadoop, ZooKeeper, Cassandra

Flex4, AS3, Swiz framework, GraniteDS, BlazeDS etc.

There is nothing that software can't fix. Unfortunately, there is also nothing that software can't completely fuck up. That gap is called talent.

About Me

 

Flex Builder and AsWing Quick Start

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)”;
download flex builder

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

Installing…
Installing

Flex Builder is installed Complete.
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.
Flex Builder is starting

The main window of Flex Builder.
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”.
Downlaod AsWingA3

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

Choose a folder as workspace of Flex Builder.
Choose a folder as workspace

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

2.2 Import AsWing project.

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

Select import form “File System”
Select import form “File System”

Select the location you unpacked,
Select the location you unpacked

Select into folder, it’s “AsWingA3″.
Select into folder

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

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

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

2.3 Clean to Build

Select “Project” -> “Clean…”
Select “Project” -> “Clean…”

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

Building project will take you about one minute.
Building project

After build project, a new library file(AsWingA3.swc) is created.
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”.

Create a new ActionScript Project

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

Create a Source Code Forlder with name “src”,
Create a Source Code Forlder with name “src”,
fill src

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

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

select “AsWingA3” as a library.
select “AsWingA3” as a library.

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

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;
  }
 }
}


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

3.2 Run the application

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

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


4 Install Flex Builder as a plugin of Eclipse.

posted on 2008-08-13 15:28 gembin 阅读(705) 评论(0)  编辑  收藏 所属分类: ActionScript3


只有注册用户登录后才能发表评论。


网站导航:
 

导航

统计

常用链接

留言簿(6)

随笔分类(440)

随笔档案(378)

文章档案(6)

新闻档案(1)

相册

收藏夹(9)

Adobe

Android

AS3

Blog-Links

Build

Design Pattern

Eclipse

Favorite Links

Flickr

Game Dev

HBase

Identity Management

IT resources

JEE

Language

OpenID

OSGi

SOA

Version Control

最新随笔

搜索

积分与排名

最新评论

阅读排行榜

评论排行榜

free counters