Skip to content


Flex 3 Application Control Bar

Simple demo of the ApplicationControlBar with check and radio marks on active submenu items.



    
        
            
                
                    
                    
                
                
                
                    
                    
                    
                
            
        
    

.. and corrected:

<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" backgroundColor="0xffffff">
<mx:ApplicationControlBar dock="true" paddingTop="0" paddingBottom="0">
<mx:MenuBar id="myMenuBar" labelField="@label">
<mx:XMLList>
<menuitem label="Menu A" >
<menuitem label="SubMenu A1" type="check"/>
<menuitem label="SubMenu A2" type="check"/>
</menuitem>
<menuitem label="Menu B"/>
<menuitem label="Menu C" >
<menuitem label="SubMenu C1" type="radio" groupName="smgroup"/>
<menuitem label="SubMenu C2" type="radio" groupName="smgroup"/>
<menuitem label="SubMenu C3" type="radio" groupName="smgroup"/>
</menuitem>
</mx:XMLList>
</mx:MenuBar>
</mx:ApplicationControlBar>
</mx:Application>

Posted in Flex Web Development.


Flex 3 AnimateProperty – Sequencing Animation

Simple demonstration to perform a sequence of animation triggered by clicking the image below:



	
		

    
        
        
		
        
		
        
    

        

Here is the code out of the editor:

<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script>
<![CDATA[
import mx.effects.easing.Bounce;
]]>
</mx:Script>

<mx:Sequence id="animateSmiley" >
<mx:AnimateProperty property="scaleX" fromValue="1" toValue="1.5" duration="1000" />
<mx:AnimateProperty property="scaleX" fromValue="1.5" toValue="1" duration="1000" />
<mx:AnimateProperty property="alpha" fromValue="1" toValue=".5" duration="1000" />
<mx:AnimateProperty property="alpha" fromValue=".5" toValue="1" duration="1000" />
<mx:AnimateProperty property="x" fromValue="{smiley.x}" toValue="400" duration="1000" easingFunction="Bounce.easeOut" />
<mx:AnimateProperty property="x" fromValue="400" toValue="300" duration="1000" easingFunction="Bounce.easeOut" />
</mx:Sequence>

<mx:Image id="smiley" source="@Embed(source=’assets/smiley.png’)" mouseDownEffect="{animateSmiley}"/>
</mx:Application>

Posted in Flex Web Development.


Flex 3 DateField Component – Disable Date Range

A little code to disable all dates earlier than yesterday



	
	
	

	

Here is the code outside of the editor:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="getDate()">
<mx:Script>
<!–[CDATA[
private function getDate():void
{
var today:Date = new Date();
var yesterday:Date = new Date(today.fullYear, today.month, today.date-1);
dateField.disabledRanges = [{rangeEnd:yesterday}];
}
]]–>
</mx:Script>

<mx:DateField id="dateField" yearNavigationEnabled="true" />
</mx:Application>

Posted in Flex Web Development.


Flex 3 MouseDown / MouseUp Image Blur Effect

Simply press the image to view the blur effect.



    
    
    

Another view of the code (corrected):

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Blur id="blurImage" duration="1000" blurXFrom="0.0" blurXTo="100.0" blurYFrom="0.0" blurYTo="10.0" />
<mx:Blur id="unblurImage" duration="1000" blurXFrom="100.0" blurXTo="0.0" blurYFrom="10.0" blurYTo="0.0" " />
<mx:Image id="flex" source="@Embed(source=’assets/smiley.png’)" mouseDownEffect="{blurImage}" mouseUpEffect="{unblurImage}" />
</mx:Application>

Posted in Flex Web Development.


Simple RSS Reading with Flex

This will take in my RSS feed and display the date, title and link to the page. A simple function that allows the row of data to send the user to the respective page.



	
		
	

	
		
			
			
			
		
	

You know, someday I will take the time to figure out the issues with the special character rendering with my editor, but until then here is a screen cap:

Posted in Flex Web Development.