eric e. dolecki

• Home
• About
• Blog
• Calendar
• Contact
• Gallery
• Resources

- Recent Articles - AS3, AIR, calling document class methods from a sp... Aperture 3 versus Lightroom 2 Photography Questions; it's all a matter of coin Accolades to NHL.com Help: 2 AIR apps to use localConnection? Our Keurig has replaced (and upgraded) A quick glimpse of Glimpster The Keurig: dependance is terrible EXC_BAD_ACCESS. WTF! PSA: Charging & Food. Unrelated to one another.   - Article Archives - June 2007 July 2007 August 2007 September 2007 October 2007 November 2007 December 2007 January 2008 February 2008 March 2008 April 2008 May 2008 June 2008 July 2008 August 2008 September 2008 October 2008 November 2008 December 2008 January 2009 February 2009 March 2009 April 2009 May 2009 June 2009 July 2009 August 2009 September 2009 October 2009 November 2009 December 2009 January 2010 February 2010 April 2010

AS3 range slider with multiple thumbs?

Wednesday, July 8, 2009    11 Comments

Update 2:

Here is a quick example of the working component as it stands right now. Implements setting thumb positions and all that jazz.

Update:

I started coding up an AS3 quasi-component and it's working pretty well. It's kind of hard-coded for my immediate needs, but I may just release it so you can implement custom events for it and roll it as a proper component.

It doesn't look like the sample below, the thumbs carry along their current value based on the max value set for the whole slider, use color-coded sections to better help visualize, etc.

If I get some spare time, I'll probably roll it into a proper component since it's not too hard but rather time-consuming. As most things I suppose.

If you are at all interested in using a range (partition) slider outside of Flex (that doesn't require Flex at all), then you may want to pay a little extra attention to this blog in the near future.

I've seen sliders, I've seen Flex sliders with two thumbs, but I have yet to see a slider that has more than two thumbs. I've been searching all over the place and I just haven't found one yet. I was hoping to locate one to save me the time and energy of coding one up myself from scratch. It's not terribly difficult, just really time consuming.

If you've seen one of these around, please let me know. I am hoping to save development time for my actual application and not having to cut out some of that time to create a multi-range slider.

Yes, I know the use case for a slider that can support 2+ thumbs is rare. Any help would be appreciated.

Here is an image of a component I already started:

How I imagine it. The slider has a base min and max. Defaults to 1 thumb maybe. You can add thumbs and when you do you specify a value for it's initial placement.

To make it easy, any time any of the thumbs are moved, values for all are set for the change event, in the order of the thumbs, say an array of values. You can't drag a thumb over another thumb.

Labels: AS3, Component, Slider