Flex :: HSlider Dragging Using Slider Track?

Jan 15, 2010

I am trying to create a simple Music player has play/pause button and an HSlider that shows the position of the song as it is playing using a custom SliderThumbClass. I would like allow the user to drag/drop the sliderthumb or click on the sliderbar to change the position of the song currently playing.

With the code I have below, if I use the sliderThumb to change the position of the currently playing song, it works great. But I if I click directly on the slidertrack to jump ahead/back, the current position doesnt move and there is some flashing of the current position, but it jumps back to where it was and continues playing the song. This does work if I am in the paused state.

As expected, thumbDrag/Press/Release events are not triggered when the user clicks on the sliderTrack - What events should I be subscribing for to handle this case?

<mx:Canvas>
<mx:Script>
<![CDATA[

[code]....

Similar Posts:

Flex :: Make The Slider Track A Bit Thicker With CSS?

Apr 11, 2010

How can I make the slider track a bit thicker with CSS?

Flex :: VideoDisplay Class Does Not Show Preview Of Frames When Draging The Track Slider?

Jul 15, 2011

I'm using Flex 3 VideoDisplay class for playing streaming video. When I drag the track slider(change the playheadTime) there are no preview frames even if that part of the video is already loaded.

Is there anything I can do to enable this feature (from the configuration of media server or in the Flex client)?

ActionScript 3.0 :: Slider: Can't Remove Child And Dragging Occurs Outside MC?

Aug 16, 2009

I'm creating an AS3 slider where the idea is if the y axis of the slider reaches a certain area, the movie clip 'numbers' disappears and a trace statement is executed. However, that's not happening at all. Not to mention when I scroll the arrow movie clip outside of its' area, the movie clip continues to slide up and down even though it shouldn't. I've attached the .fla and the AS3 code is below.

import flash.display.Sprite;import flash.display.DisplayObject;import flash.events.MouseEvent;
var arrow_mc:MovieClip = new arrow();addChild(arrow_mc);arrow_mc.x = 110;arrow_mc.y = 316;

[code].....

ActionScript 2.0 :: Dragging A Slider Along The Y-axis Between Fixed Positions

Mar 10, 2005

In my flash application I want to slide a button on the y-axis of a kind of thermometer, but I want to establish fixed slider positions so you can only move the slider up and down from fixed position to fixed position.

I already use this bit of code with startDrag and stopDrag behaviours:

Code:
on (press) {
startDrag ("_root.schuif",true ,245 ,190 ,245 , 480)
var h

[Code]....

ActionScript 2.0 :: Dragging A Slider Along The Y-axis Between Fixed Positions?

Mar 10, 2005

In my flash application I want to slide a button on the y-axis of a kind of thermometer, but I want to establish fixed slider positions so you can only move the slider up and down from fixed position to fixed position.

[Code]...

Flex :: Using An Image As A HSlider?

Feb 16, 2010

I'm using a hslider to select a range of values. However, I only have 5 values.The problem I'm having is that the dragging of a thumb does not look too good and the values of the thumbs are displayed in labels, beside the slider...I was then thinking about how to improve the look of the dragging and the slider.I came up with this: having an image that would behave like a slider. For example, something like this: a background image (sorry for the "drawing")

| 1 | 2 | 3 | 4 | 5 |

With 2 thumbs (min and max values) that would stay in the middle of each box.

Flex :: Zoom A Canvas Through Hslider?

Jun 19, 2009

i am required to zoom a canvas through Hslider. The problem is after zooming the canvas i cannot scroll to the extreme left and top of the canvas i.e some part of left and top canvas are not visible. i cannot find the reason. The source code for the example is given below.

[Code]...

Flex :: Skinning - HSlider - Set Different Skins For Different Thumbs?

Jul 1, 2009

I am going to use a HSlider to set a range of values. I would like the left thumb to look like ( and the right thumb to lok like ) so they appear to encompass the range like (range) instead of |range|. I only know how to set the skin for SliderThumb which will set the skin for both. Does anyone know of a way to set a different skin for each thumb?

[Code]...

Flex :: Get An HSlider With Skins For Each Side Of Thumb?

Oct 12, 2009

I'd like to create an HSlider so that the skin of the track is different on either side of the thumb. So, for example, the track on the left side of the thumb is green, but red on the other.Is this possible or will it take a custom component?

Flex :: Skinning The Datatip Of A Hslider Component?

Sep 1, 2010

how to skin the datatip of a hslider component.

I have created a 3 skins with degrafa. One for the track, one for thumb and one for the datatip. I had no problem attaching the skins for the track and thumb of the hslider component. But how can i skin the datatip?

Flex :: 4 - HSlider And TileLayout - Reduce To A Certain Size

Sep 13, 2010

I have a simple application that consists of a HSlider and a list that contains a item renderer with a border container managed by a tile layout. For some reason when moving the slider to reduce the size of the item renderer it only reduce to a certain size and wont reduce any further. I use the same principle in flex 3 (with mx components it works fine).

[Code]....

Flex :: HSlider As Player Seek Time

Nov 15, 2010

How can I convert the hslider data format from decimal into an H:M:S?

Flex :: Detect The Change In HSlider When Value Is Updated?

Jul 6, 2011

Is there a way to detect the value change in HSlider (in Flex 4.0) without touching the slider.Basically, what I wanted is to detect if the slider value was changed programmatically.

Flex :: Using HSlider: Coercion Of Event To SliderEvent

Sep 5, 2011

I'm porting a pure Flash/AS3 application to Flex 4.5 this code:

<fx:Script>
<![CDATA[
import mx.events.SliderEvent;

[Code].....

gives me the error

Implicit coercion of a value with static type flash.events:Event to a possibly unrelated type mx.events:SliderEvent.

How do I fix that? The Adobe HSlider doc is unusually sparse.

Is mx.events.SliderEvent still okay to use in a Flex 4.5 application?

Flex :: Using HSlider: Coercion Of Event To SliderEvent?

Apr 8, 2011

I'm porting a pure Flash/AS3 application to Flex 4.5 this code:

<fx:Script>
<![CDATA[
import mx.events.SliderEvent;

[Code].....

gives me the error

Implicit coercion of a value with static type flash.events:Event to a possibly unrelated type mx.events:SliderEvent.

How do I fix that? The Adobe HSlider doc is unusually sparse.

Is mx.events.SliderEvent still okay to use in a Flex 4.5 application?

Flex :: Labels On Both Sides Of A HSlider Or VSlider Control?

Jun 23, 2009

Is there some way to have labels on both sides of a VSlider control? I need this to show meters on one side and feet on the other side....

Flex :: Remove HSlider Horizontal Control Line?

Mar 31, 2010

Does anyone know how can the horizontal control line be removed or made invisible. What am trying to say is, I just want to show the drag-thumb and not the horizontal line.Is there a way to do so, with out using skins?

Flex :: Text Box Value Should Increase While Hslider Start Drag

Jun 3, 2010

i have one value in text box(eg:1200) once i drag the HSlider from left to right text box value to increase 1200+150 for each intrevel.if right to left has to decres 150 as same.

Flex :: Force 4 Spark Hslider Snap To Certain Values?

Oct 19, 2010

I remember using values array on good old mx:HSlider, is there any workaround for s:HSlider?!Basically I need slider to choose values between 300 and 2500 in following steps 300,500,1000,2000,2500.

<s:HSlider id="franchiser"
value="1500"
skinClass="components.HorizontalSlider" x="0" y="0"

[code].....

Flex 3.5 :: Flash HSlider Event Listener Not Triggered When Value Is Updated

Aug 16, 2010

I am writing a web application that will serve as a configuration for a random data generator that I have written in Java.The values that I set in this application will write to xml. The xml data is updated by a file called simulationParams.as and that file is added to each child in the "viewStack" so that when I change any of those values the simulationConfig file will be automatically updated.The problem is that when I press the randomizeBtn the proper events are fired and the listeners grab those events.My problem exists when I uncheck the randomize button.For some reason an event is triggered or the listener isnt listening so that when I uncheck randomizeBtn the values go back to their last position or value on the slider. Ex. if my initial value is 0 then press randomize the slider will go to 100. The config file updates and all is well.When I uncheck the randomizeBtn, the sliders value goes back 0 but the config file isnt update.The same thing happens when I press the useDefaultBtn for both selected/unselected, nothing gets updated.[code]

Actionscript 3 :: Flex Hslider Tooltip Similar To Youtube Seek Position

Nov 23, 2010

I don't see any similar tutorial enable you to get the time position when the mouse cursor is on that hslider position, how do I make it possible like Youtube's feature? With this trick, my application would be perfect! Using Flex 4, I hope the code is not too difficult.

Flex :: Keep Track Of Objects For Garbage Collection?

Apr 28, 2010

May I know what is the proper way to keep track of display objects created and hence allow me to remove it efficiently later, for garbage collection. For example:

for(i=0; i<100; i++){
var dobj = new myClass(); //a sprite
addChild(dobj);

[code]......

Flex :: Track Down Memory Leaks In The Application?

Feb 14, 2011

I've been trying to track down memory leaks in our application, and keep finding myself back looking at Spark components as the culprit.

Many classes in Spark use RichEditableText for displaying their text properties (ComboBox,TextInput).RichEditableText has a local textContainerManager property, and frequently calls compose() on this.Here's the relevant abridged extract from TextContainerManager

// Line 282 - 292:
static private var stringFactoryDictionary:Dictionary = new Dictionary(true);
static private function inputManagerStringFactory(config:IConfiguration):StringTextLineFactory
{

[code]...

Line 1242 is the crucial line here, as it gives the static dictionary a reference to our component.(Note - I've checked this with the debugger to confirm which branch of the ternary gets executed.) This would prevent the instance from ever being garbage collected.

Eg: Static dictionary has a value with a reference to the instance -- instance cannot be GC'd.In turn, this would prevent any other instances which have a reference to the instance of TextContainerManager from being GC'd also.While this theory certainly matches what I'm seeing in our app, I can't beleive that there really is a memory leak in such a low-level spark component.

Dragging Components In Flex?

Apr 3, 2010

so I am trying to drag around some images in a canvas. I am adding eventlisteners to the components and calling startDrag() and stopDrag() to pick them up and stuff:

component.addEventListener(MouseEvent.MOUSE_DOWN, component.startDrag)

The problem is that it is selecting the image at its (0,0) location and not where I initially click on it. So there's a sudden "jump" when I click on the image. It is not smooth.

I noticed that startDrag() has two default parameters, one of them is lockCenter and it is default to false. Maybe do I set it equal to true somehow? (I don't know how to pass arguments to my second parameter in addeventlistener)

Another question: if I want to add more conditions to it, like make a new function that uses component.startDrag(), how do I pass the component to this function while adding event listener to it at the same time? for example: I want to do:

component.addEventListener(MouseEvent.MOUSE_DOWN, some_other_function);

where some_other_function uses component.startDrag();

Flex :: Uploading Data And Track Bytes Sent To Server

Nov 6, 2010

I want to upload data (not a local file) with Flex (4.1), and show what the progress is of the bytes sent. Now I use a URLLoader, but I know that URLLoader was designed to download data, I can connect a listener to ProgressEvent.PROGRESS but that has no effect. I also know there is a FileReference object which supports uploading. The problem here is, I do not want to browse for a file and upload it. I have a byte array which I want to send to the server, but the data property of FileReference is read-only. How can I send the byte array (which is actually a PNG encoded image) to the server and be able to track the progress of the bytes sent to server?

Flex :: Tool That Can Track Unused Code Automatically

May 27, 2011

I currently have 6 different flex applications (widgets) that run on a main page.They all depend on one common library project.I am currently cleaning up the codebase quite dramatically and it is hard to keep overview this way especially since I inherited the codebase.Does anyone know a tool that can automatically inform me of any dead code?

Flex :: Dragging A Image Within A Loader?

Mar 23, 2010

I am having trouble in dragging a image within a loader. I am able to do zooming and rotating image but not moving image with mouse. Purpose is when I zoom a image info is out of boundaries and so is hidden. To see that info users should be able to drag the image any way they want.

Flex :: Mouseevent - Track Mouse Position Repeatedly In Application?

Mar 2, 2010

I have a container Canvas named "cnvList" which contains another component horizontal list "hlist". When i hover the mouse over "cnvList", it should display the current mouse position relative to the container cnvList. I have used cnvList.contentMouseX for this. But it should repeatedly track the mouse position repeatedly even when the mouse is not movedk. Can anyone suggest me with code how it can be done?

Flex :: Keep Track Of All The Changes Of Coordinate System Origin When Writing Components?

Dec 23, 2010

I am faced with a dilemma. I am writing components with nested components. What sort of coordinate system scheme should I implement? I want to be able to pass points to the components without having to worry about where the origin is in absolute terms. At the same time, I want to have some sort of encapsulation when it comes to origins and stuff. Is there any sort of guideline to follow when it comes to nested components and such?

Copyrights 2005-15 www.BigResource.com, All rights reserved