FlexMan http://flexman.info Everything is Flex Wed, 27 Aug 2008 15:37:36 +0000 http://wordpress.org/?v=2.5.1 en A Flex Box Components — Gradient Box http://flexman.info/2008/08/27/a-flex-box-components-gradient-box/ http://flexman.info/2008/08/27/a-flex-box-components-gradient-box/#comments Wed, 27 Aug 2008 15:31:16 +0000 admin http://flexman.info/2008/08/27/a-flex-box-command-gradient-box/ Since Flex doesn’t support the gradient background, then how to create a gradient Components? The following sample has shown it through overriding the updateDisplaylist.

Let’s see the Demo and view the source code here

]]> http://flexman.info/2008/08/27/a-flex-box-components-gradient-box/feed/ A Very Cool Flash Template http://flexman.info/2008/08/27/a-very-cool-flash-template/ http://flexman.info/2008/08/27/a-very-cool-flash-template/#comments Wed, 27 Aug 2008 15:08:49 +0000 admin http://flexman.info/2008/08/27/a-very-cool-flash-template/ Now we will see a very cool falsh template publiced by lemlinh.com and very practical. If you have interesting could visit the following website.

Post URL: http://www.lemlinh.com/flash-source-perspex

Demo address: http://www.lemlinh.com/demoflash/templates/Perspex/index.html

]]> http://flexman.info/2008/08/27/a-very-cool-flash-template/feed/ The List of Adobe AIR Error Code http://flexman.info/2008/08/27/the-list-of-adobe-air-error-code/ http://flexman.info/2008/08/27/the-list-of-adobe-air-error-code/#comments Wed, 27 Aug 2008 15:01:37 +0000 admin http://flexman.info/2008/08/27/the-list-of-adobe-air-error-code/ Sometime when run the AIR program, it will show some cryptic error codes. Maybe you are not familiar with them and don’t the detail meaning for each. Now the following list of Adobe AIR Error Code will help you. It has detail description of different error types from 1000 to 3316.


Following is URL:

http://livedocs.adobe.com/flex/3/langref/runtimeErrors.html

]]> http://flexman.info/2008/08/27/the-list-of-adobe-air-error-code/feed/ Serval Particle Effects in Flash http://flexman.info/2008/08/25/serval-particle-effects-in-flash/ http://flexman.info/2008/08/25/serval-particle-effects-in-flash/#comments Mon, 25 Aug 2008 14:03:23 +0000 admin http://flexman.info/2008/08/25/serval-particle-effects-in-flash/ Particle Effects could be used to realize the beautiful flame effects, of course could also achieve the effect of fireworks. If you like to watch the fireworks then the following articles may attract your eyes. If you have learned it, you could make all kinds of fireworks by flash. You will enjoy the fireworks anytime.

1.Pulse Particles is a general purpose AS3 particle system

8-17-2008-11-53-46-am

More：

http://www.rogue-development.com/pulseParticles.html

2.Flash Particle Effects

8-17-2008-11-57-22-am-thumb

More：

http://schoolofflash.com/category/flash-tutorial/page/6/

3.Flash Particle Effects - Adding Gravity

8-17-2008-12-04-03-pm

More：

http://schoolofflash.com/2008/03/13/flash-particle-effects-adding-gravity/

]]> http://flexman.info/2008/08/25/serval-particle-effects-in-flash/feed/ The 6 reasons begin to use ActionScript 3.0–How do you think so http://flexman.info/2008/08/24/the-6-reasons-begin-to-use-actionscript/ http://flexman.info/2008/08/24/the-6-reasons-begin-to-use-actionscript/#comments Sun, 24 Aug 2008 15:11:00 +0000 admin http://flexman.info/2008/08/24/the-6-reasons-begin-to-use-actionscript/ For a development language, it is hard to say which is good or not. But still many people interested to discussing this topic. For example it is mentioned in Flex vs. Ajax — both have their pros and cons. The Mr. Lee Brimelow has written the article Six reasons to use ActionScript 3.0 and tried to explain the advantage of the ActionScript. In fact just the first point could be accepted in my view, others I think maybe so difficult. How do you think so?

1. Your skills will be in high demand

2. Everything you build will be faster

3. There’s an abundance of new APIs

4. The display list rocks

5. The object-oriented structure is better

6. It’s more enjoyable to work with ActionScript 3.0

The whole articl is here:

http://www.adobe.com/devnet/actionscript/articles/six_reasons_as3.html

]]> http://flexman.info/2008/08/24/the-6-reasons-begin-to-use-actionscript/feed/ The Flex4(Gumbo)’s SDK has released for a time http://flexman.info/2008/08/23/the-flex4-gumbo-sdk-has-released-for-a-time/ http://flexman.info/2008/08/23/the-flex4-gumbo-sdk-has-released-for-a-time/#comments Sat, 23 Aug 2008 12:06:13 +0000 admin http://flexman.info/2008/08/23/the-flex4-gumbo-sdk-has-released-for-a-time/ The Flex4(Gumbo)’s SDK has released for a time. If someone like to reference these JavaDoc style document. I would like to recomment the following website address:

http://livedocs.adobe.com/flex/gumbo/langref/

]]> http://flexman.info/2008/08/23/the-flex4-gumbo-sdk-has-released-for-a-time/feed/ how to turn debug on in Flex from server-side as well as from client-side for troubleshooting http://flexman.info/2008/08/13/how-to-turn-debug-on-in-flex-from-server-side-as-well-as-from-client-side-for-troubleshooting/ http://flexman.info/2008/08/13/how-to-turn-debug-on-in-flex-from-server-side-as-well-as-from-client-side-for-troubleshooting/#comments Wed, 13 Aug 2008 06:22:23 +0000 admin http://flexman.info/?p=16 When you encounter issue wit your flex app, one useful tool for troubleshooting is to turn on debug in flex to get some output that will provide some clue of the cause of he problem. Here is how to turn it on from server-side as well as from client-side:

1. From server side:
In the services-config.xml, set the logging level to debug, and set filters to include the service you need:

  1. <target class="flex.messaging.log.ConsoleTarget" level="debug">
  2. <properties>
  3. <prefix>[Flex hotfix2] </prefix>
  4. <includeDate>true</includeDate>
  5. <includeTime>true</includeTime>
  6. <includeLevel>true</includeLevel>
  7. <includeCategory>true</includeCategory>
  8. </properties>
  9. <filters>
  10. <pattern>Endpoint.*</pattern>
  11. <pattern>Service.*</pattern>
  12. <pattern>Protocol.*</pattern>
  13. <pattern>Message.*</pattern>
  14. <pattern>DataService.*</pattern>
  15. <pattern>Configuration</pattern>
  16. </filters>
  17. </target>

See available pattern in doc:
here
2. To turn on trace in JGroup:
in jgroups-tcp.xml, add <TRACE/> tag just before the </config> line :

  1. <config>
  2. ....
  3. <TRACE/>
  4. </config>

3. To turn on from client-side:
Make sure flashlog.txt is enabled, i.e, have the following setting in mm.cfg
TraceOutputFileEnable=1
ErrorReportingEnable=1
See more details in the doc here

There is a good blog regarding mm.cfg here as well.
Then in your flex app, add the following tag:

  1. <mx:TraceTarget/>

]]> http://flexman.info/2008/08/13/how-to-turn-debug-on-in-flex-from-server-side-as-well-as-from-client-side-for-troubleshooting/feed/ How to install the necessary components and build a very basic map using google maps in flex http://flexman.info/2008/06/07/how-to-install-the-necessary-components-and-build-a-very-basic-map-using-google-maps-in-flex/ http://flexman.info/2008/06/07/how-to-install-the-necessary-components-and-build-a-very-basic-map-using-google-maps-in-flex/#comments Sat, 07 Jun 2008 01:16:00 +0000 admin http://flexman.info/?p=14 Google has just released a Flash edition of the Google Maps API. In this tutorial you will how to install the necessary components and build a very basic map. View an Example of this article before you get started. Google has just released a Flash edition of the Google Maps API. In this tutorial you will how to install the necessary components and build a very basic map. This tutorial will be done using Adobe Flex Builder, but you are also able to use the Flex SDK if you prefer. Google has information(http://code.google.com/apis/maps/documentation/flash/index.html) regarding that process on their site. Start off by downloading the Google Maps SDK and applying for a developers API key. Once you have both of these pieces, you can start setting up your work environment. Locate the “sdk.zip” file that you downloaded (normally on your Desktop) and unzip the contents. Inside the “sdk/lib” directory you will find a map_flex_1_1.swc file. Copy this file to a known location on your computer. Most often your documents directory. This file will be loaded into Flex later on in the process. Now that you have the SWC moved out of the sdk directory, start Flex Builder and create a new project (File > New Flex Project). Once the “GoogleMaps Sample” project is created, you need to include the maps swc you downloaded. To do this you right click on the project entry in the “Flex Navigator” and choose Properties. Choose “Flex Build Path” and then click “Add SWC..” in the Properties dialog box. In this new dialog, click “Browse” and navigate to where you copied the swc file. With the swc file selected, click “Open” and “Ok”. Then finally click “Ok” one more time to save the changes to the project. Now that the Google Maps code is available to Flex, you can start building the application.

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" 
  3.   width="100%" height="100%" initialize="init()">
  4.        
  5.     <mx:Script>
  6.         <![CDATA[
  7.                
  8.         ]]>
  9.     </mx:Script>
  10.        
  11.     <mx:UIComponent id="mapContainer" width="100%" height="100%"/>
  12.    
  13. </mx:Application>

The above code set an event on the Application tag, as well as a width and height attribute. The UIComponent will be where the map is loaded into. You must give this component a unique ID, otherwise Flex will be unable to reference it.

  1. import com.google.maps.Map;
  2. import com.google.maps.MapEvent;
  3. import com.google.maps.MapType;
  4. import com.google.maps.LatLng;

Now that the display portion of the code is completed, the next step is to load in the necessary classes for the map.

  1. private var gMap:Map;

Then define a private variable that will reference the map instance.

  1. private function init():void
  2. {
  3.     gMap = new Map();
  4.     gMap.key = "{YOUR_API_KEY_HERE}";
  5.     gMap.width = 600;
  6.     gMap.height = 400;
  7.     gMap.addEventListener(MapEvent.MAP_READY, mapReadyHandler);
  8.    
  9.     mapContainer.addChild(gMap);
  10. }

The next step is to define the init() function, which is called when the Flex app is loaded. The function creates a new map instance and sets the required properties. Once the properties are set, you need to add an event handler for when the map is fully loaded and finally attach the map instance to the container.

  1. private function mapReadyHandler(e:MapEvent):void
  2. {
  3.     gMap.setCenter(new LatLng(42.334184,-71.018372), 13, MapType.HYBRID_MAP_TYPE);
  4.     gMap.setSize(new Point(mapContainer.width, mapContainer.height));
  5. }

The last bit of code is the event handler that is called when the map is fully loaded. This bit of code centers the map coordinates and sets the size to the width and height of the application. You can now test the application in debug mode. If you run the application locally the map will be overlayed with “DEBUG”, as shown below. However, all other functionality will exist. In case you didn’t notice, Google shipped the documentation for these classes along with the SDK, so start digging and build cool map-based applications. Note: At the time of this writing Google Maps cannot be used in AIR applications due to a TOS (terms of service) violation. However, you can show your support on this feature request over on the Issue tracker. Here is the complete application

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" 
  3.   width="100%" height="100%" initialize="init()">
  4.        
  5.     <mx:Script>
  6.     <![CDATA[
  7.  
  8.     import com.google.maps.Map;
  9.     import com.google.maps.MapEvent;
  10.     import com.google.maps.MapType;
  11.     import com.google.maps.LatLng;
  12.        
  13.     private function init():void
  14.     {
  15.         gMap = new Map();
  16.         gMap.key = "{YOUR_API_KEY_HERE}";
  17.         gMap.width = 600;
  18.         gMap.height = 400;
  19.         gMap.addEventListener(MapEvent.MAP_READY, mapReadyHandler);
  20.  
  21.         mapContainer.addChild(gMap);
  22.     }
  23.    
  24.     private function mapReadyHandler(e:MapEvent):void
  25.     {
  26.         gMap.setCenter(new LatLng(42.334184,-71.018372), 13, MapType.HYBRID_MAP_TYPE);
  27.         gMap.setSize(new Point(mapContainer.width, mapContainer.height));
  28.     }
  29.        
  30.     ]]>
  31.     </mx:Script>
  32.        
  33.     <mx:UIComponent id="mapContainer" width="100%" height="100%"/>
  34.    
  35. </mx:Application>

]]> http://flexman.info/2008/06/07/how-to-install-the-necessary-components-and-build-a-very-basic-map-using-google-maps-in-flex/feed/ Using Compiler Argument -keep-generated-actionscript in Flex Builder Project to view/study These Automatically Generated Classes http://flexman.info/2008/05/27/using-compiler-argument-keep-generated-actionscript-in-flex-builder-project-to-viewstudy-these-automatically-generated-classes/ http://flexman.info/2008/05/27/using-compiler-argument-keep-generated-actionscript-in-flex-builder-project-to-viewstudy-these-automatically-generated-classes/#comments Tue, 27 May 2008 09:13:37 +0000 admin http://flexman.info/?p=12 As you know, all MXML files are converted to ActionScript Classes which are later compiled in SWF file. If you want to view / study these automatically generated classes, you can use Compiler Argument -keep-generated-actionscript in Flex Builder Project.

In Flex Builder navigate to Project > Properties > Flex Compiler > Additional compiler arguments and add following configuration: -keep-generated-actionscript
This will create a folder named generated in project source folder which will have all ActionScript classes which Flex Builder automatically generates from MXML ({MXML file name}-generated).

]]> http://flexman.info/2008/05/27/using-compiler-argument-keep-generated-actionscript-in-flex-builder-project-to-viewstudy-these-automatically-generated-classes/feed/ Microsoft Silverlight is a browser plugin but Adobe AIR is cross platform desktop runtime that allows developers to build desktop applications using web technologies http://flexman.info/2008/05/22/microsoft-silverlight-is-a-browser-plugin-but-adobe-air-is-cross-platform-desktop-runtime-that-allows-developers-to-build-desktop-applications-using-web-technologies/ http://flexman.info/2008/05/22/microsoft-silverlight-is-a-browser-plugin-but-adobe-air-is-cross-platform-desktop-runtime-that-allows-developers-to-build-desktop-applications-using-web-technologies/#comments Thu, 22 May 2008 15:49:11 +0000 admin http://flexman.info/?p=11 We have been seeing lot of blog posts that compares Adobe AIR and Silverlight. Maybe someone the same with me not like big developers like them,I can’t accept this comparison.

Microsoft Silverlight is a browser plugin and is sort of similar to Adobe’s Flash Player and Flex Framework taken together.

Adobe AIR is cross platform desktop runtime that allows developers to build desktop applications using web technologies, it has no real equivalent in the Microsoft world.

Really, there is no meaning in comparing these technologies.

]]> http://flexman.info/2008/05/22/microsoft-silverlight-is-a-browser-plugin-but-adobe-air-is-cross-platform-desktop-runtime-that-allows-developers-to-build-desktop-applications-using-web-technologies/feed/