Over 10 years of community discussion and knowledge are maintained here as a read-only archive.
<mx:UIComponent id="uic" x="10" y="10" width="400" height="400"/><mx:HSlider id="slider1" snapInterval="1" maximum="60" tickInterval="5" thumbDrag="clickedSlider1=true;" click="clickedSlider1=true;" labels="[0,10,20,30,40,50,60]" thumbRelease="scaleSprite(event)" change="scaleSprite(event)"/> <mx:HSlider id="slider2" snapInterval="2.5" maximum="70.5" tickInterval="6.5" thumbDrag="clickedSlider2=true;" click="clickedSlider2=true;" labels="[0,10,20,30,40,50,60]" thumbRelease="scaleSprite(event)" change="scaleSprite(event)"/>------private var sprite:Sprite = new Sprite();private var syncSlider1:Number=0;private var syncSlider2:Number=0;private var clickedSlider1:Boolean = false;private var clickedSlider2:Boolean = false;private var factor:Number = 1.5;private function createSprite():void{ sprite.x = 0; sprite.y = 0; sprite.graphics.lineStyle(1,0x000000,1); sprite.graphics.beginFill(0xff0000,1); sprite.graphics.drawRect(0,0,100,100); sprite.graphics.endFill(); uic.addChild(sprite);}private function scaleSprite(event:SliderEvent):void{ var currentSlider:Slider = Slider( event.currentTarget ); if(currentSlider.value==0){ resetSlider(); }else{ if(event.currentTarget.id=="slider1" && clickedSlider1==true){ clickedSlider1 = false; slider2.value = slider1.value+factor; }else if (event.currentTarget.id=="slider2" && clickedSlider2==true){ clickedSlider2 = false; slider1.value = slider2.value-factor; } if(currentSlider.value>syncSlider2){ sprite.width = sprite.width+currentSlider.value; }else{ sprite.width = sprite.width-currentSlider.value; } syncSlider2 = slider2.value; syncSlider1 = slider1.value; } spriteScaled.text = sprite.width.toString();}private function resetSlider():void{ sprite.width =100;//original size actually syncSlider1 = syncSlider2 = 0; slider2.value = slider1.value = 0;}