This link might help you.
http://books.google.com/books?id=_21WZxW3nPAC&pg=PA78&lpg=PA78&dq=custom+Flex+component+Di al&source=bl&ots=ItYMOREyX6&sig=RqgDMo7iow9adw11uv0Hwwz94iw&hl=en&ei=mJOGTMOzJMT4nAeGuKFP& sa=X&oi=book_result&ct=result&resnum=9&ved=0CDsQ6AEwCA#v=onepage&q=custom%20Flex%20compone nt%20Dial&f=false
Thanks for responding! This link points to a book link and I couldnt get much help from it
It is most certainly possible in Flex 4! The way I would do it would be to subclass SliderBase. Then, there are two methods to override:
override protected function pointToValue(x:Number, y:Number):Number - This method takes an (x, y) coordinate in the component coordinates and returns the value associated with it. You would want your mapping of (x,y) -> value to be in a circle.
override protected function updateSkinDisplayList():void - This method updates the thumb's location by calculating the (x, y) location that corresponds to the current value. It then calls setLayoutPosition() on the thumb to position it.
You can take a look at HSlider and VSlider as an example. Let me know if you have any more questions!
Thanks Kevin! I am using Flex 3.4 and I didnt find any class called SliderBase in it
I will try to find if there is any corresponding class in Flex 3. Please let me know if u come across one.
Thanks for posting it here!