This example is taken straight from Flex 4 Cookbook. It demonstrates how you can search inside of data grid.

Works fine, that not the problem.

The problem is , once you select any cell in data grid an return the the textfield.. you are unable to type anything! Tried different flex 4 sdks tried testing in IE, FF, Chrome .. no luck.

I had it happening in a different project, where I am working with much more complex data grid with custom item renderers and editors, so I chose Flex 4 cookbook example to test if it’s happening in a very simple scenario as well. Also that book was written by Flex experts, so I wanted to confirm it’s not me using the Flex  in the wrong way..

 EDIT: It seems it’s not happening on all computers? On my colleague’s machine this works fine it seems.Does anybody have the same problem as me ?

EDIT2: Solution found!This weird behaviour was down to the flash plugin/active X..

it wasn’t working correctly in version 10,1,50,426 .. but when I upgraded to 10,1,53,64  all works as expected! Must have been some glitch in the plugin.

anyway, I’ll leave this post here, in case somebody will have similar problem.

Solution is simple of course, you just assign a editor=”mx.controls.TextArea” in the datagrid ’s column definition.

That might work , if you are creating a columns in mxml.

I however create columns dynamically..It turns out you can’t assign TextArea to a columns editor directly:

dataGridCol.itemEditor =  "mx.controls.TextArea"
will not work as the itemEditor must implement IFactory , which TextArea (or other similar components)  do not!

So what can you do in this case ? Well, you could build a custom class component that does implement IFactory and give’s you a newInstance method that returns the component you need..

or..

there’s much simpler solution.You put your component definition in the  fx:declarations block like this :

<fx:Declarations>
<fx:Component id="inlineEditor">
<mx:TextArea />
</fx:Component>
</fx:Declarations>

and then in your code define itemEditor refering to the id attribute of fx:Component :

datagridCol.itemEditor = inlineEditor;

Simple, isn’t it.

It uses drawPath command so requires flash plugin ver 10.

here’s the constructor :

For example when code contained some “clever” trinary operator arguments, or a javascript code segments wrapped in CDATA …

Anyway, I came across a simple way to make FDT to ignore such code.

If you place the problematic code inside a /*FDT_IGNORE*/ …. /*FDT_IGNORE*/ comments, FDT will not parse such code and therefore will not mark it as code containing syntactic error. Goodbye red marks !

However .. on the other side, if such code contains a functions or variables that other classes refer to, FDT will not be able to find those references in the “ignored” sections.

So use it with caution !

Here are some of the things I noticed when playing with the package:

 Pros:

+ easy to implement (you don’t have to worry about parsing json, knowing REST api’s , authentication, asynchronous javascript loading / responses.. all of it is done behind the scenes for you.

+ easy to use :  The actual API itself is quite simple event based, not too many commands and parameters..

+ small in size : The file you need to embed (that acts as a framework proxy) has only about 9K!

Cons:

- reliability : This might be due to the fact this is still only a technology demo, or a connectivity issues, but I experienced quite a few connection problems (especially to a twitter api)

- features : Some things are not implemented (at least I didn’t see them). Like for example to get user’s last status update. You can change it / set it , but not get it ? Maybe this will be implemented later.. Or to get a news feed from Facebook.

 - strong typing of returned value objects : This bugged me quite a bit. You get a Response object for example that contains a several value objects such as User, Identity etc.. These objects doesn’t exist in the AS3 (client side of framework) though, although they probably exist as a typed value objects in PHP or some back-end language..(I saw them strongly typed in Flex debugger) So you have to code against a documentation, or create your own client side version of these objects (if you have time)..

 - authentication in separate html windows : there isn’t a way (or at least I didn’t see one) how to pass a user authentication data to a social network so you can log him/her automatically. The way it happens is that the new html window opens the user types in his/her login and then you get a callback and the new windows / tabs try to close automatically. This is a bit awkward, it would be much better if we could login user automatically and have a login interface in flash/flex once and then remember users login data (perhaps in SharedObject) and don’t ask for it every time he/she needs to connect..

Overal, despite couple of small problems, it’s seems like a great step forward to a unified share networks API that was till not virtualy non existant for a flash developers!

However; there are some things I wish remained in AS3 that were possible to do in AS2.

Things like “eval” and “attachMovie” comes to mind…

Why attachMovie ? Isn’t it perfectly possible to do addChild(new WhatewerClass()) ?

Yes and no. The problem is if you don’t develop in Flash IDE, but in more sophisticated code editors like FDT, FlashDevelop or Flex.

Let’s say you have a graphical asset sitting in your library, it needs no interactivity so you don’t create any class for it. It simply extends MovieClip and has a linkage name “Asset1″ assign to it.

Now the moment , in your code you decide to attach it to your display container via addChild(new Asset1())none of the code editors I mentioned above will know about Asset1 as that Asset1 is a class created by flash IDE only when the fla is being compiled and therefore is only available during runtime. So they will mark it as erroneous class reference. Of course , swf will compile just fine, but that’s not the point You don’t want to have your project covered in errors of some of which are not really error and need to remember which ones are not real.. !

There are several solutions to this of course.

One I used, is to compile swc from the fla, so the every linked library assets are available to FDT/flash develop/flex for reference. The trouble with this solution is you have to keep the swc file updated which isn’t always straightforward.. For example flex sometimes doesn’t pick up that swc have been changed, you have to delete swc and then re-publish it to force it to recognise change. Similar situation happens with FDT sometimes. As well as you can into a situation where you get into a sort of a recursive error cycle , where swf doesn’t compile correctly because compiling that swf requires some assets from swc that aren’t there yet because project’s swc doesn’t have that assets yet because it can’t be compiled before the project doesn’t have those errors..  

The solution I devised instead is much simpler and mimic the old as2 “attachMovie” functionality.

Taking advantage of built in “getDefinitionByName” command from flash.utils package we can turn the asset into a class by giving it it’s linkage ID . As that class is compiled into swf it will be available during runtime - so that will work fine.

During authoring time it won’t flag up as error as well as it’s typed correctly to MovieClip (so sprite will work as well).

So I wrote a wrapper utility class that has 2 functions :

attachMovie - expect a linkage name and returns a MovieClip instance
attachBitmapData - expect a linkage name and returns BitmapData

this is a code for attaching the library assets used in the demo bellow :

  private function attachAsset1():void
  {
   var asset1:Sprite = MCUtils.attachMovie("Asset1");
   asset1.x = 10;
   asset1.y = 8;
   this.addChild(asset1);
  }
 
  private function attachGirl():void
  {
   var girlBmp:BitmapData = MCUtils.attachBitmapData("Girl");
   var girlBitmap:Bitmap = new Bitmap(girlBmp);
   girlBitmap.x = 10;
   girlBitmap.y = 85;
   this.addChild(girlBitmap);
  }

Demo :

Attach Movie Zip

I fully agree with the author about the majority of the points he makes in this article. Adobe, and many other users of the flash platform, seems to think, there’s a clear distinction between flash user : developers and timeline artists. Developers use flex / flash develop, artists and animators use Flash IDE and perhaps Flash catalyst. Unfortunately that’s not the case, especially if you work in advertising or e-marketing agencies (such as myself) and create rich media, experience campaign microsites. You have to do a lot of coding while integrating timeline based animations and graphics. There is really no way such sites can be build in Flex. Or purely in Flex. Take my latest project - Gap1969. It’s a good example of highly visual , stylised experience microsite for which Flex would be completely inappropriate tool. There’s quite a few instances of using timeline z-depth positioning of the assets, the transition timeline (3D renders) is a png sequence that needs precise control with labels etc.. Now just to clarify, I don’t use the Flash IDE for coding of course, that AS editor is a joke unfortunately. I use FDT 3 set up to compile in Flash CS4 IDE. Also for the record, I use the updated version of Flash IDE - 10.0.2.

During the course of development of this project I observed the following :

1. Flash was crashing at least 1-2x per hour.

2. Flash compiled a project with some weird visual (sometimes also code) errors, like some sort of red square in the middle of the screen, my object positioned in 3d space were suddenly shifted by couple hundred pixels of screen. Without changing any code, just restarting the Flash, recompiling.. suddenly everything was working fine.

3. Flash compiled a file with 0 bytes. After flash restart , and recompile it was OK.

4. After clicking on the item in the library and getting it open in flash IDE took about 6-10 seconds. Very slow. (I use 8 core Intel Xeon HP computer!)

Yes, the main Fla file was quite big - 72 MB - producing about 13MB swf and it seems like flash was running out of the memory quite often, but I do have 4 GB RAM,  I did decrease levels of undo to 10, increased the system swap file to 8 GB. How much more memory flash needs ??

So basically I had to save my project every 1-2 minutes to protect myself from loosing work due to the frequent crashes, restart flash IDE probably 10 - 15 times in hour… Many times I couldn’t copy over frames from another flash file as I got out of memory error message, although there should be enough memory available.

I spend quite a lot of time hunting for bugs that weren’t there, only to find out , after restarting flash everything was OK again.

It was quite a frustrating experience , to put it mildly..

All of that would be acceptable if this was a free open source tool in beta version, but this tool cost a LOT of money, especially if you live in the UK.

I really wish Adobe would stop assuming real developers doesn’t use Flash IDE, and stop concentrating all the effort on developing new tools, but rather made sure

their (still main/flagship) tool works smoothly, reliably and fast!

This demo is based on excellent ar tutorial by Lee Brimelow, you should definitely check it out if you want to play with AR.

One thing I discovered, the marker pickup up by FLARE toolkit can be quite tricky at times and it really helps if you do apply a threshold filter to an input bitmap data.

I added basic flying controls to helicopter and a helipad plane to ground it on the surface..

Demo was build with Adobe Flash Builder demo, but the most important class extends UIComponent, so should be easily transferable to Flex 3.

You can view the demo here and right click to view the source.

If you don’t have a web cam watch screencast here.

After spending couple of hours trying and failing I came upon a working solution :

Use UIComponent as a wrapper for a BaseView which is implemented via composition. UIComponent is compatible with Sparks containers and can be added via addElement(); Thankfully UIComponents allows adding BaseView via addChild.. If you need to access a camera, scene, light etc, just use public variables on your UIComponent class to expose them and link them to your baseview camera lights etc.

This simple example utilises camera and materials light color change, but you can expose and change anything you like of course..

It is implemented directly inside of mxml but of course you could still have a group with id (let’s say “scene”) and add the whole component BasicView3D programmatically.

e.g. :

scene.addElement(new BasicView3D);

Check out the sample and right click to view source script and download the entire project.

The main difference is that you can use different functions separately now. For example you can use Explode.generate function to get the multicolor map and then Explode.generateParticlesBMPsFromMap to get the array of bitmaps and their positions..

This allows to separate the color map creating part of the script - which is the most CPU heavy from generation of particle BitmapData. This means you can effectively “cache” and reuse color map for multiple DisplayObjects..

Now,  if you’re reusing particle map, this allows for creating some interesting effects such as morphing via particle flow.. 

I created an example of morphing menu prototype that utilises this functionality.

(more…)