Combined version of the Flex 4.6 and AIR 3.5 SDK for the lazy ones.

Hello You all,

I’m sure about this time you’ve already heard that  Adobe’s  AIR 3.5 SDK and Flash Player 11.5 are out of beta and ready to download for production work, if You have been staying up to date You know that in order to use the new features of AIR and the Flash Player runtimes you have to merge it with the Flex SDK and then add/remplace the playerglobal.swc file and unless you have a tool like FDT IDE that makes this process less cumbersome by doing the merge for you with a single click, but when you’re not using FDT you need to go and use the terminal of some other tool for merging.

So in order to save You the effort I’m uploading a combined version of the Flex 4.6 and AIR 3.5 SDK so all you have to do is download the zip file uncompress add it to your IDE of choice SDK’s path and start playing with AIR 3.5 and Flash Player 11.5.

 

Download the Combined version of the Flex 4.6 and AIR 3.5 SDK

 

Cheers,
Dave

 

 

Quickguide: Using AIR 2.6 in FDT 4

So finally I got some free time to write this post about using the new Adobe AIR 2.6 in your FDT 4 environment, so let’s get to it:

As you know Adobe recently released the Adobe 2.6 runtime and SDK with significant improvements including iOS support bringing feature parity for Android and iOS platforms, more info on Adobe AIR team’s blog.

Some of the new features are:

AIR for iOS

  • Updated AIR for iOS support with improved performance. Developers can take advantage of new features in iOS 4 like multitasking, Retina display for higher screen resolutions, and front and back camera support. Developers can now build application that capture audio with the microphone and take advantage of the same graphics hardware method used in AIR for Android using OpenGL ES2 for fast graphics.
  • Packager for iPhone (PFI) is now replaced with and the functionality integrated with AIR Developer Tool (ADT) a comand line tool for compiling application in the AIR SDK. ADT can now be used to package AIR files, native desktop installers, AIR applications for Android and iOS.

AIR for Android

  • Submit apps to be included in the Amazon Appstore for Android when the store launches.  Companies now have an additional distribution option with one of the largest online shopping destinations on the web.
  • USB debugging was added as an additional debugging option to WiFi.

So what do You need to start testing this new capabilities in AIR SDK 2.6, if You’re part of Adobe’s Flex SDK and Flash Builder private pre-release program You can start testing this right away. If You like to start working with the Adobe AIR 2.6 SDK inside of FDT4 the following guide should be a good start.

1.-Download the SDKs.

Download The Adobe AIR SDK 2.6 and Flex 4.1 latest stable release.

2.- Merge the SDKs

To start using the AIR 2.6 specific features You need to merge the AIR SDK with your flex sdk to do that I created a new copy of my flex SDK renamed it to “flex_sdk_4.1.0.16076_AIR_2.6” and then copy the entire contents of the AIR SDK in there it will ask You to replace files and folders  just click ok and move on to next step.

3.- Adding the SDK to FDT


Fire up Your copy of FDT then go to “Preferences->FDT->Installed SDKs “ click the Add button located in the top right of the panel this will open a new panel asking for the “Path:”  select the folder path to Your newly created SDK, mine is located in “C:\SDKs\flex_sdk_4.1.0.16076_AIR_2.6” give it a name I called mine: “Flex 4.1 AIR 2.6 SDK” hit Ok and  now You’re ready to build a project using AIR 2.6 features, on to next step.

4.- Create a project.

Create a new Flash project by going to “File->New->New Flash Project” give Your project a name, set the project type to Desktop and in the options section of the window change the Flex version to  Flex 4 AIR click the “next” button it will take You to the SDK configuration panel, select the one You created in the last step in my case it was “Flex 4.1 AIR 2.6 SDK” then click finish.

5.- Change the compiler settings.


Right click the project You just created select Properties–>FDT Compiler and change the target player from “-target-player={playerVersion}” to “-target-player={11}” this will let You compile and debug Your project without any errors. Remember to set the version of  your application to “2.6” in Your descriptor file.

 

I will make a full example on how to deploy and debug both to Android and iOS using an ANT file in another post, until then, happy coding.

 

 

 

 

 

 

Targeting Flash Player 11(Incubator Build) in FDT 4.2.

I know this might be old news by now but this post will help as a reminder on how to get the new Flash Player 11 (Incubator Build) working in Your FDT 4.2 installation. Ok let’s get started.

1.- Download the files.

2.- Update the playerglobal.swc


First thing You need to do is replace the playerglobal.swc included in the Flex SDK because it isn’t Flash Player 11 ready.

  • Back up the playerglobal.swc  included in  your Flex SDK location “/frameworks/libs/player/10.2 in the Flex SDK”.
  • Copy the flashplayer_inc_playerglobal_022711.swc to the location mentioned above and rename it to playerglobal.swc.

3.- Setting up FDT.

Setting up the FDT IDE (I’m using FDT 4.20.1272  installed on top Eclipse Indigo Version: 3.7.0) for working with the Flex SDK is easy just follow the steps below.

 

  • Add the Flex 4.5 SDK You just downloaded to the list of installed SDKs via: Preferences > FDT > Installed SDKs and press Add.
  • Rename  Your SDK to something significant ( Believe Me you can get lost when using several SDKs) I named mine Flex 4.5 Flash Player (Incubator).
  • The next step is creating a new project go to File > New > New Flash Project in the popup window select new AS3 Project and give your project a name.
  • Click next and select the Flex SDK You just added.
  • You will notice that You get a warning on top of that window saying:  “Some classpath libraries are missing …” that’s because the latest Flex SDK nightly builds does not include the flex.swc, on to next step to get rid of that warning.
  • Click next and You’ll be on the SK Library tab select the flex.swc (marked with an X) and click the Remove SWCs button that will remove any warnings about the missing .swc and since we are building an AS3 project we wont be using the flex.swc anyway.
  • The last step is clicking the finish button then go to the project You just created right click and select Properties ( Alt + Enter for shortcuts lovers like myself)  this will open your project’s Properties window  select FDT Compiler from the list and add the flag -swf-version=13 to your compiler arguments..
  • Hit the OK button and You’re set to go now You’re ready to push the Flash Player 11 to it’s limits abusing of it’s new “Molehill” 3D APIs.Happy Coding.

Flash Builder 4 & Flex 4 Framework have been released

Adobe Flash Builder 4 has been released and with it the Flex 4 framework some of the features listed below:
Powerful coding tools ENHANCED
Develop using a powerful Eclipse™ based IDE that includes editors for MXML, the ActionScript® language, and CSS, as well as syntax coloring, statement completion, code collapse, interactive step-through debugging, and automatic generation of common code.
Rich visual layout ENHANCED
Visually design and preview user interface layout, appearance, and behavior using a rich library of built-in components. Extend the built-in Flex framework components or create new ones as needed. Import functional application UI created using the Adobe Flash Catalyst™ interaction design tool.
Data-centric development NEW
Introspect Java™, PHP, Adobe ColdFusion®, REST, and SOAP services to display methods and properties in the new Data/Service Explorer. Bind methods to UI components using a simple drag-and-drop approach.
Interactive data visualization ENHANCED
Create data dashboards and interactive data analysis by simply dragging and dropping a chart type and linking it to a data source using the Flex Charting library. Use the powerful Advanced Datagrid to enable users to explore complex data.
Skinning and styling ENHANCED
Customize the appearance of an application using CSS and graphical property editors. Quickly set the most commonly used properties and preview the results in Design View. Browse available themes and apply them to your project using the new Theme Browser.
Integration with Adobe Creative Suite design toolsENHANCED
Import design assets created using Adobe Flash Professional, Illustrator®, Photoshop®, or Fireworks® software, or import a complete application user interface created using Flash Catalyst. A new workflow between Flash Professional and Flash Builder facilitates importing and updating custom Flex components.
Native support for Adobe AIR
Create applications for the Adobe AIR® runtime with Flash Builder 4, including all the tools required to build, debug, package, and sign AIR applications. Adobe AIR lets you quickly develop RIAs for the desktop using the same skills and codebase you use to build RIAs for the browser.
Code refactoring ENHANCED
Quickly navigate through code or restructure it by renaming all references to a class, method, or variable. Flash Builder 4 adds move refactoring.
Powerful testing tools ENHANCED (Premium edition only)
Accelerate application performance using memory and performance profilers that monitor and analyze memory consumption and CPU cycles. Support for automated functional testing tools such as HP QuickTest Professional is also available.
Network Monitor NEW (Premium edition only)
Generate a detailed audit trail of all data passed between the local Flex application and the back end, assisting with debugging and performance tuning.
Advanced data services ENHANCED
Use open source BlazeDS to add binary, high-performance, HTTP-based data transport, or add the Adobe LiveCycle® Data Services ES2 module for real-time data push and pub/sub messaging.
Command line build NEW (Premium edition only)
Use the new command line build capability to automate your build process.
Flex unit testing integration NEW (Premium edition only)
Automate functional testing using the Flex unit testing framework.
ASDoc support NEW
Display comments in MXML and ActionScript editors using ASDoc.

More info at :

Adobe’s official Flash Builder 4 Product Page

The Official Flex Team Blog post

Flex Builder gets renamed as Flash Builder

Flash Builder

So it finally happened  the IDE(Integrated development environment) known till now as Flex Builder it going to be    renamed as  Flash Builder , why ?  To me it’s easy It makes a lot more sense,  yes you can use the Flex Framework and yes you can use also build AIR apps and ActionScript 3.0 projects but at the end the result  its the same your project gets compiled as an .swf file , so maybe this rename of the IDE should have happened earlier,  it would have evited some confusion. This means that the Flex Framework it’s going to be renamed ? apparently no the flex framework stills and the Flex SDK stills the same but who better to explain it than Lee Brimelow and Duane “Chaos” Nickull check out their posts on the subject.

Hope this is the first step towards the process of integrating  the Flash tools and not just renaming them.  I haven’t used Flash IDE coding panel since who knows when, hope the Flash Builder and the Flash Professional IDES one day get along real well.

UPDATES:

Serge Jespers (Adobe Platform Evangelist ) explains in a little more detail why the renaming of Flex Builder to Flash Builder.

Keith Peters thoughts on Flash Builder

Ryan Stewart post Flex Builder “Gumbo” is Being Renamed Flash Builder

Lee Brimelow’s Flash Builder rebrand FAQ

Peter Elst Flex Builder gets rebranded to Flash Builder

Mihai Corlan (Adobe Platform Evangelist ) About the rebranding of Flex Builder into Flash Builder

Chuck Freedman The FlashFlex name game.

Next Version of Flex code named Gumbo Info Available

Flex

Gumbo is the code name of the next version of Adobe Flex and new information about it has been made available on the Gumbo Page of the Flex Open Source site.

Some of the highlights on the next version of Flex include the following:

Themes of the Release

Design in mind
A framework for continuous and easier collaboration between designer and developer.
Developer Productivity
Improve compiler perfomance and add productivity enhancements.
Framework evolution.
Take advantage of the new Flash Player capabilities and add features required by common use-cases.

Ely Greenfield gives us a demo on designer and developer workflow.

And Matt Chotin provides a recorded preso outlining the plans for the next version of the Flex SDK (Gumbo).

Some of the things that Matt says on his preso are quite promising a new namespace added (MXML 2009) to the MXML language to support more toolability and make it easier to describe experience-oriented features such as states and transitions.
A new format that promotes the features available in the Flash Player and is usable by tools to describe various graphic assets, including skins (FXG) this format is already in use by the Fireworks CS4 Beta.
Component and skinning architecture for easy tool participation.
Improved existing experience-oriented features such as states, effects, and layout.
A final release it’s aimed to the second half of 2009.
Bidirectional layouts (mirroring) and text support.
New Video component.

And he also mentions that a new initiative is forming to build a ground-up lightweight/scalable framework for developing at other devices such as mobile phones but it’s a long term aimed to be released at the first half of 2010.

Here’s the link to Mike’s preso

Here’s a link to Gumbo’s White Paper: An Introduction to the Gumbo Component Architecture

Keep an eye on Gumbo’s Downloads page on Adobe’s Open Source site for releases of Gumbos Milestones.

Adobe Flex 3 and AIR 1 are here

Adobe Flex 3 and AIR 1

That’s it the new version of Adobe Flex is here and with it the new AIR 1 runtime, for details visit Mike Potter’s post. Congrats to all the people involved in this release Adobe is really pushing its open source side by making the Flex compilers source available.
Be sure to check Flex SDK page on Adobe Open Source and the product pages of Flex 3 and AIR 1.

Adobe to open-source Flex

FlexLogo Adobe announces plans to open-source Flex under the Mozilla Public License (MPL). Developers will soon be able to freely download, extend, and contribute to the source code for the Flex SDK, including the Flex compiler, command-line debugger, and application framework.
You can find more info on Adobe Labs