Adobe Flash Builder: Difference between revisions

The educational technology and digital learning wiki
Jump to navigation Jump to search
Line 2: Line 2:
{{Under construction}}
{{Under construction}}
<pageby nominor="false" comments="false"/>
<pageby nominor="false" comments="false"/>
This page is part of the [[Flex tutorials]].
== Introduction ==


'''Adobe Flex Builder''' is an [[Integrated Development Environment]] (IDE) for developing [[Adobe Flex|flex/actionscript/flash]] applications.
'''Adobe Flex Builder''' is an [[Integrated Development Environment]] (IDE) for developing [[Adobe Flex|flex/actionscript/flash]] applications.


See also:  [[MXML]] (for a short intro to MXML, the layout language),  [[Actionscript 3]] (entry point for pure AS tutorials) and  [[Flash ActionScript 3 overview]] (the Flash AS equivalent).
See also:  [[MXML]] (for a short intro to MXML, the layout language),  [[Actionscript 3]] (entry point for pure AS tutorials) and  [[Flash ActionScript 3 overview]] (the Flash AS equivalent).
The various freely available online documentation for Flex Builder is very good (much better than for


== Using Flex Builder ==
== Using Flex Builder ==
Line 25: Line 31:
[[image:flex-builder3-designview.png|frame|none|Adobe Flex Builder 3 - Design view]]
[[image:flex-builder3-designview.png|frame|none|Adobe Flex Builder 3 - Design view]]


; Step 3 - Run
; Step 3 - Run / Compile
: Click on the green arrow or use the "run" menu
: Click on the green arrow or use the "run" menu


Line 37: Line 43:
; General
; General
* See the [[Flash and AS3 links - documentation]] for some links
* See the [[Flash and AS3 links - documentation]] for some links
* Explore Adobe's [[http://www.adobe.com/devnet/flex/ Flex DevNet]]
* Explore Adobe's [http://www.adobe.com/devnet/flex/ Flex DevNet]
* Adobe [http://www.adobe.com/support/documentation/en/flex/ Flex resources]  
* Adobe [http://www.adobe.com/support/documentation/en/flex/ Flex resources]  



Revision as of 19:36, 5 November 2008

Draft

This article or section is currently under construction

In principle, someone is working on it and there should be a better version in a not so distant future.
If you want to modify this page, please discuss it with the person working on it (see the "history")

<pageby nominor="false" comments="false"/>

This page is part of the Flex tutorials.

Introduction

Adobe Flex Builder is an Integrated Development Environment (IDE) for developing flex/actionscript/flash applications.

See also: MXML (for a short intro to MXML, the layout language), Actionscript 3 (entry point for pure AS tutorials) and Flash ActionScript 3 overview (the Flash AS equivalent).

The various freely available online documentation for Flex Builder is very good (much better than for

Using Flex Builder

Step 1 - Create a new Project.

Like most IDEs you can't just edit a little file, but you need to define a new project: File->New; Flex project.

  • We called our project "testing"
Step 2 alternative A - Add some *.mxml code.

Just copy and paste some code. E.g. get some code from the Flex datagrid component tutorial.

You should see something like this:

Adobe Flex Builder 3 - Some mxml code
Step 2 alternative B - Drag a component to the stage

Click on the Design tag and drag the component to the stage You should see something like this:

Adobe Flex Builder 3 - Design view
Step 3 - Run / Compile
Click on the green arrow or use the "run" menu

Links

Documentation

Flex Builder
General

Software

Flex Builder
Alternatives
  • Flashdevelop. Free and open source tool that provides syntax support and an interface with the Flex compilers.