Flex Gauge Component Example with source

Sasha Dzeletovic, Thursday, August 21, 2008 @ 6:41 pm

This example covers how to build a simple 360 degrees gauge Flex component. It has public properties that allow you to easily adjust the appearance of the component for colors, size, font size, guideline thickness and such. It also fires a custom "angleChanged" event that helps you integrate it with the rest of your app.

There's a little trigonometry involved, but it's straight forward. This component can be used as a base for further extending into your "complex" gauge component.

It's contained in a single "MXML Component" file so it's easy to deal with.

One thing to keep in mind when using it is to make sure that width an height of the component are the same, otherwise the layout blows up.

You can see the example here.

You can see/download the source here or by right-clicking on the example and selecting "View Source".

Related posts:

1. Papervision3D 2.0 (Great White) in Flex 3 (Part II & III combined) with source code
2. Google Analytics Tracking Component for Flash Platform
3. Separating Source and Test Code With FlexUnit and Antennae
4. Custom Flex 3 Lightweight Preloader with source code
5. Making a good choice when using Flex components

Comments (2)

Software Development

Comments: 2 so far

• Leave a comment
• Comment feed for this post
• TrackBack URL

1. 

   The libs folder doesn’t have anything so not able to test it

   Comment by Philip, Wednesday, September 24, 2008 @ 6:24 am

2. 

   Exactly what I was looking for.

   Thanks for making it available.

   Comment by Kamran, Friday, May 1, 2009 @ 9:55 pm

Leave a comment