Posts filed under 'AirTips'

onAIR Tour - Prague

If you're new here, you may want to subscribe to my RSS feed. If you like my site, consider linking back. I prefer text "Free Flash Tutorials" to http://blog.franto.com
Thanks for visiting my site! If you need anything just contacting through Contact page or Gtalk widget

I’m attending onAIR Tour in Prague today, and it seems it wil be great event. Ryan Stewart already finished keynote, and now Mike Chambers creates HelloWorld AIR app. He’s pretty good ;) hehe…. I will add photos and my ramblings from today event in the evening…

Stay tuned

, , ,
AddThis Feed Button

1 comment June 9th, 2008 Add to your FavLinks

FlexTips - Stop displaying Focus

Here is quick Flex Tip. If you don’t want to display focus rectangle on pressing TAB key, you should use focusEnabled = false;
It’s quick solution for 1 component, but if you want disable focus for all components in your application just use focusManager.deactivate();

That’s all, hope it helps to anyone…

New: Thanks to Marc Hughes for pointing this out:

Instead of focusManager.deactivate(); use focusManager.showFocusIndicator=false;

, , , ,
AddThis Feed Button

2 comments May 29th, 2008 Add to your FavLinks

Support Franto.com

It seems that my site got some problem with traffic and is so slow (at least for me), so I want to do anything with that. Change webhost provider, or change it to dedicated server and then provide Flex, AIR, Flash tutorials for anyone who want to learn new Adobe technology. Because this costs money, I’ve create Franto.com Supporters page, when I will list all supportes for my site (PR7). So if you wish support it and let me try to do anything to speed up this site and provide good free tutorials for anyone you can just support this site.

Thanks in advance.

, , , , , , , , ,
AddThis Feed Button

2 comments April 29th, 2008 Add to your FavLinks

“Filter results in DataGrid” Flex Tutorial

Table of contents for DataGrid

  1. Custom header in DataGrid
  2. Custom header in DataGrid - part 2
  3. “Filter results in DataGrid” Flex Tutorial

This is new post in my DataGrid Series Flex Tutorials. This tutorial shows you how to filter rows for searched keyword. It's quite easy, since dataProvider for DataGrid is ArrayCollection, and ArrayCollection has variable filterFunction. It simple expect function which will filter correct rows for you. So basically, you have Datagrid and dataProvider is defined like this

Actionscript:
  1. [Bindable] public var dpRows:ArrayCollection;

then you can create filter function in this simple way:

Actionscript:
  1. public function filterResults():void
  2.  {
  3.     dpRows.filterFunction = _sortRows;
  4.     dpRows.refresh();
  5. }

and finally function, which filters results. It returns true for row, which will be visible, and false for row which will be hiden.

Actionscript:
  1. private function _sortRows(item:Object):Boolean
  2. {
  3.             var col:String = cmbCol.selectedItem.data as String;
  4.             var key:String = keyword.text;
  5.            
  6.             key = key.toLowerCase();
  7.            
  8.             if (key != "")
  9.             {
  10.                 if (col != "any")
  11.                 {
  12.                     var value:String = item[col];
  13.                     value = value.toLowerCase();
  14.                    
  15.                     if (value.indexOf(key)>= 0)
  16.                     {
  17.                         return true;
  18.                     }
  19.                 } else {
  20.                     for (var o:String in item)
  21.                     {
  22.                         value = item[o];
  23.                         value = value.toLowerCase();
  24.                         if (value.indexOf(key)>= 0)
  25.                         {
  26.                             return true;
  27.                         }
  28.                     }
  29.                 }
  30.             } else {
  31.                 return true;
  32.             }
  33.            
  34.             return false;
  35. }

It's quite simple tutorial. Here you can see source code for example which follows.

ArrayCollection filterFunction example screenshot

In next tutorial for DataGrid I will show you how you can add Button into cell. We will use custom itemRenderer for DataGridColumn.

If you have any questions, or suggestions for tutorial, please let me know...

Enjoy.

, , , , , , ,
AddThis Feed Button

2 comments April 29th, 2008 Add to your FavLinks

FlexSpy - inspector in your Flex/AIR application

FlexSpy - Flex/AIR debugger
FlexSpy - Kind of what Firebug does for HTML/Ajax applications but for Flex 2.0/3.0 applications.

This is another quick help in Flex/AIR development. If you need component inspector in your application, FlexSpy is great library for you. All you need to do, is add lib into your project (Flex 2 or Flex 3 version) and call
FlexSpy.show(); That's all and you can inspect your classes right in Flash player. You can also change values and change will be reflected in your app. You can also Find Component for inspecting with dragging cursor over component. So download FlexSpy from Google Code and try it. It will help you in your Flex/AIR development.

Live example: http://www.mieuxcoder.com/data/2007/12/FlexSpy-1.2/dashboard.html

, , , , ,
AddThis Feed Button

Add comment April 18th, 2008 Add to your FavLinks

Quick Outline in FlexBuilder - Ctrl+O

This is just quick but big help, if you're developing Flex in FlexBuilder. (or Eclipse). Maybe most of you know Quick Outline feature (Ctrl + O shortcut, I'm using Windows, so really do not know other shortcuts for other OS), but I didn't use it before. But after 360Flex conference in Milan I'm using it frequently and it's really big help. For everyone who doesn't know what's Quick Outline, it's exactly like Outline View, but interactive. Just press Ctrl + O and start typing name of function you're looking for. For example you want to find function commitProperties()... just start typing comm and after few strokes, your function is filtered and press Enter. It's really fast way to find your functions :) If you know about another great shortcuts for speeding up your development let us know.

, , , ,
AddThis Feed Button

Add comment April 17th, 2008 Add to your FavLinks

applicationResourceDirectory or applicationStorageDirectory

This is small AIR tip: use File.applicationStorageDirectory instead of File.applicationResourceDirectory.

I've stuck on this error

SecurityError: fileWriteResource
at runtime::SecurityManager$/checkPrivilegeForCaller()
at flash.filesystem::File/moveToAsync()
at copy_fla::MainTimeline/copy_fla::frame1()
at runtime::ContentPlayer/loadInitialContent()
at runtime::ContentPlayer/playRawContent()
at runtime::ContentPlayer/playContent()
at runtime::AppRunner/run()
at global/runtime::ADLEntry()

After some googling I've found this forum post. That's quite interesting. This is answer from Kevin Hoyt:
"As part of the additional security features added to AIR Beta 2, applications are no longer permitted to write to the application resource directory. It is recommended that you use applicationStorageDirectory."

I'm just curious if applicationResourceDirectory is there just for backward compability of there is some other reason like you know, where is you application installed.

, , ,
AddThis Feed Button

3 comments November 6th, 2007 Add to your FavLinks

FlexTips: How to add Bitmap to UIComponent

I didn't know it, but here is solution. Best UIComponent for Bitmap is mx:Image :) (no surprise), You can just write:

<mx :Image creationComplete="(event.currentTarget as Image).source = new Bitmap( bitmapData)"/>

So for mx:Image except source="path" you can add reference to Bitmap as well.
Enjoy

, , , ,
AddThis Feed Button

Add comment July 29th, 2007 Add to your FavLinks

Previous Posts