Category Archives: FXG

UI Graphic tips in Flex

Posted on July 29, 2012 by Judah

This example shows how to create text inner shadow, text and display object border, beveled text with border, lines with inner shadow and frames with inner shadow. This example includes a BorderStrokeFilter and TextShadowFilter classes and skinnable container FrameSkin skin. … Continue reading →

Posted in Flex, FXG, Graphics, Tips | 1 Comment

Add a border or outline to Text or Bitmap at runtime

Posted on April 13, 2012 by Judah

Update: I’ve created a new border filter based on the Spark DropShadowFilter. It works better and it’s native. You can read more here. I’ve been trying to figure out how to add an outline to dynamic text and found out … Continue reading →

Posted in AIR, Flash, Flex, FXG | 2 Comments

Understanding FXG with a vector based button example

Posted on July 6, 2011 by Judah

This post will show the FXG code generated from Illustrator of creating a button with vector based artwork from start to finish. For this post we’ll be creating a circular button with a transparent gradient on top. You will see … Continue reading →

Posted in AIR, Flash, Flash Catalyst, Flex, FXG | Leave a comment

FXG for an arrow (chevron) and triangle

Posted on September 10, 2010 by Judah

FXG for a right arrow (or chevron rotated to the right): <s:Graphic width="100" height="100" > <s:Group width="100" height="100" > <s:Path data="M 0 0 L 50 50 L 0 100 L 50 50 L 0 0 z"> <s:fill> <s:SolidColor color="#FF0000" /> … Continue reading →

Posted in AIR, Flash, Flash Catalyst, Flex, FXG | 1 Comment