« Calling Out Apple, iPhone and Steve Jobs | Main | Beginning AIR – Accessing the File System Part 2 »
Free Gauge Component
| By Rich Tretola | March 25, 2008 | |
| 28,810 views |
My friend Tom Gonzalez who is the owner of BrightPoint Consulting has decided to contribute one of his custom gauge components to the community under the MIT license. Check it out here and please say thanks to Tom for his contribution.
Topics: Announcements, Flex 2, Flex 3 (Moxie), Flex Tools, Tutorials | 24 Comments »
March 27th, 2008 at 12:40 am
very nice component, I liked it so much
I tried to make a module loader progress display out of it, but I cant get arrow to move towards the 100%, even though numbers do increase
here is demo : http://amostudio.com:8080/fs-demo/Main.html
can you tell me why is it happening? maybe its because component is using a spring type of effect and loader is too fast for it?
Reply to this comment
March 27th, 2008 at 10:52 am
Hi Levani,
Glad to see you liked the component.
Your assumption is correct, that is exactly what is happening, you are updating the values faster than the spring effect can finish, thus the odd bouncing that is occurring. It would be possible with not a lot of work that I could expose a boolean like “useSpringEffect” via the gauge that would allow you to turn that on/off and thus get a smoother effect.
If this is a feature you would like to see you please feel free to make a request (and continue this thread) back at my blog so other readers can benefit from the dicussion as well.
http://form-function.blogspot.com/
- Tom
Reply to this comment
May 2nd, 2008 at 2:46 pm
Great gauge!
Is there a way to pass the value to the gauge from a cfc? I would like to query my MSSQL DB…have tried several things to no avail…TIA…
Reply to this comment
May 19th, 2008 at 8:53 am
how can i download source code
Reply to this comment
May 19th, 2008 at 9:34 am
Just visit:
http://www.brightpointinc.com/FlexDemos/GaugeSample/GaugeSample.html
and right click to view/download the source code
Reply to this comment
July 3rd, 2008 at 10:18 pm
@Roy – you could use data binding and have the cfc remote object result event update the variable the gauge is bound to
BTW… fantastic component, I love it!
Im using a new version of degrafa and am getting some weird errors:
Severity and Description Path Resource Location Creation Time Id
1046: Type was not found or was not a compile-time constant: GeometryCompositionGroup. tournFlex/src/com/brightPoint/controls/gauge GaugeSkin.mxml line 155 1215137858572 3899
Reply to this comment
July 3rd, 2008 at 10:20 pm
Oh and also I think that boolean value to turn off the spring effect would be the icing on the cake!
The effect is great but if the data is updating faster than the spring effect can finish it looks a bit funky
Reply to this comment
September 4th, 2008 at 9:12 am
It’s so cool~ thanx~
Reply to this comment
November 13th, 2008 at 3:26 am
thanks.
Reply to this comment
January 27th, 2009 at 7:44 am
I can’t to use this component.
Can you send me your example?
Thanks
Reply to this comment
February 6th, 2009 at 3:15 am
Nice component. But this use Degrafa library i.e. 600 KB. Now, this is a big file size for our component. How can we reduce the file size. Please suggest.
Reply to this comment
June 22nd, 2009 at 12:44 pm
thanx
Reply to this comment
August 27th, 2009 at 10:42 pm
[...] is a simple example how to configure the Gauge componente on [...]
September 22nd, 2009 at 1:53 pm
Is there way to make the gauge automatically resize with its container?
Right now I need to set a value for the diameter and the it is fixed.
Reply to this comment
October 20th, 2009 at 4:45 am
thanks
Reply to this comment
July 7th, 2010 at 1:01 pm
repeaters.ArcLineRepeater doesn’t exist on degrafa 4.0 (the only one compatible with flex 4) libs anymore.
Any ideas?
Thanks
Ric
Reply to this comment
Mehmet Reply:
July 18th, 2010 at 7:52 am
Here is the solution: Download degrafa 3.0 sources. Extract the files, Repeater.as and ArcLineRepeter.as. Add these file into your application src folder. Remove packages names from these files. Now you can use arclinerepater by using tag.
Note: PropertyModifier’s offset propery is changed to “modifierOperator” and offset is shanged to “modifier”. If you modify these attributes you can use gauge component with flex 4. good luck
Reply to this comment
Bill Reply:
October 13th, 2010 at 4:43 pm
Thanks Mehmet – looks like most of the errors went away when trying to use this component with Flash Builder 4 but I still get an error on the GaugeSkin.mxml saying could not resolve the repeaters:ArcLineRepeater to a component implementation. Code hinting shows it as local:ArcLineRepeater but I still get the same error if I change it. Any ideas?
Reply to this comment
Bill Reply:
October 13th, 2010 at 5:48 pm
figured out the issue and got the gauge working in Flash Builder 4.
1) per Mehmet, downloaded the degrafa source and saved Repeater.as and ArcLineRepeater.as to my src and deleted the package names from both files… just left the line as package{
2) downloaded and included the DegrafaFlex4.swc to my project
3)per Mehmet, changed offsetOperator to modifierOperator (4 instances) as well as where there was a .offset to .modifier (4 more instances)
4) in both the GaugeSkin.mxml and DialSkin.mxml changed the path to the repeaters namespace to xmlns:repeaters=”*”
Removed the background color from the main Gauge.mxml and was able to run the demo using Flash Builder 4 using the Flex 4.1 SDK.
Bill Reply:
October 13th, 2010 at 5:50 pm
Forgot to mention that you’ll have to change the override public function set data(value:String):void { line to override public function set data(value:Object):void { since the set data function now is expecting an Object vs. a string.
January 11th, 2011 at 8:54 pm
I found there are at least 3 version BrightPoint gauge componet. the one is the page mentioned, which is implemented by DegrafaFlex4.swc, another is implemented by pure flex without tween effect, and the last is implemented by pure flex with pointer rotate tween effect.
I think the last is the best. but now I can not get the code.
So I add rotate effect by myself. if you are interested in it.
you can view http://www.smithfox.com/?e=48
Reply to this comment
January 14th, 2011 at 5:31 pm
We at Feith Systems (www.feith.com) thought this gauge was awesome. So awesome in fact that we started with this open source code and improved on it to use on our Dashboard iQ product! Now we are returning the favor and giving our version back to the community.
You can now download our new-and-improved version of the Adobe Flex Gauge on our website at http://www.feith.com/services/free-tools-and-components.html.
Download it (and our free Web Services Tester) and see for yourself. Use it, and please share it on your own pages and blogs!
Reply to this comment
Rich Tretola Reply:
January 16th, 2011 at 11:00 am
Very nice!
Reply to this comment
Michae @ Feith Reply:
January 17th, 2011 at 10:14 am
Thanks for the kind response, Rich. You can see how the gauge fits in with other components by playing around in our interactive, live Dashboard Sandbox. Not a demo, but the actual tool! http://www.feith.com/services/dashboard-sandbox-live.html.
And our cutting-edge Web Services Tester is pretty sweet too: http://www.feith.com/services/free-tools-and-components.html.
Feel free to share the downloads to our freeware components with your community, or on Twitter and Facebook. We want to give back to the world!
Reply to this comment