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.

Similar Posts:

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 :: 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]....

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 :: Get Updated Image In Flex Image Control After Changing Source Not Name Of File (image)?

Jan 25, 2012

I am changing image through flex every time i change it saved into server directory with same name(which i am referring to show). So when i refresh my page my browser didn't send new request to server since it's already in request.so didn't getting new image.Tip:- when i clear browser history it will come with new image

Web Services :: Populate The Tool Tip Array For A HSlider Via A Web Service?

Jul 7, 2009

I want to be able to populate the tool tip array for a HSlider via a web service.Below is my code and all I'm doing here is populating anotherArray in the init() function from the arrayValues array just to test that much.However when I launch the application anotherArray contains only "null" and not the rest of the data.

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:containers="com.dougmccune.containers.*" [code].........

Flash :: Prevent The User From Draging One Thumb Of A HSlider

Apr 12, 2010

I'm using Flash HSlider component. I used a slider with several thumbs. I'd like to prevent the user from draging just the middle thumb, but can drag other thumbs. I don't know how to do it.

Actionscript 3 :: Constrain Movement Of HSlider Thumb By Accelerometer?

Nov 17, 2011

I'm moving an HSlider thumb via the accelerometer. The following code works fine. The problem, though, is that as I keep tilting the device, xSpeed continues to increment. This means that when I now tilt it the other way, the thumb doesn't move for a while -- since, depending on how long I was holding tilted in that intial direction, xSpeed has been going up and up.So this works, but with the abovementioned flaw:

private function readAcc(e:AccelerometerEvent):void
{
xSpeed -= e.accelerationX * 4;[code].......

But what I want to do is to stop incrementing xSpeed once the hSlider.value == either the minimum or the maximum. Sounds simple, but when I put in if statements, they prevent the thumb from moving at all:

private function readA(e:AccelerometerEvent):void
{
if(h.minimum < h.value && h.maximum > h.value)[code]........

Flex :: Flex - Long Image Links Of Facebook Is Not Working In Mx.image.souce

Aug 11, 2010

I am creating one desktop application of facebook.

So here I am getting streams from facebook post. So when any facebook application's long image link I am getting that I can't display in Image container, this is not displaying image.

One also fact is that, When I am giving this link directly then it is working.....

When I have seen this in Charlse Debugging proxy then it is displaying 403,Forbidden error of image.

Flex :: Image Rotate 3D But Display Another Image On Back Of Image?

Oct 24, 2011

i want to rotate 3D an Image called img1 in Flex. I want to rotate it around y axis 180 degree. I can do this by using 3D effect already built in Flex but i want to do a bit more different. I want during rotating, there's another image called img2 appear on back of img1 (in default case, the image appear on the back is img1) and when rotating finish, the image will be img2.

Flex :: Place An Image By Dragging And Placing It In The Drag Proxy Image Position

Mar 23, 2010

I found examples in adobe site only to position the object where the mouse pointer is. But i have to place the image in the position of drag proxy image.

Flex :: Align Image To Bottom When It Doesn't Fill The Space Allocated For <mx:Image> ?

Mar 28, 2011

I have an image that doesn't fill the <mx:Image> tag because it's not the exact dimensions (it is too short) and I have maintainAspectRatio set to true:

<mx:Image id="theImage"
source="{data.photo_thumb}"
horizontalCenter="0"[code]....

The <mx:Image> tag has a fixed width and height (it's 100% of the tile size--this is in an ItemRenderer). How do I get the image to sit on the bottom of the <mx:Image> tag?

Flex :: Resizing FileReference Image Then Reuploading - Only Reuploads Original Image

Apr 22, 2010

I can;t figure out how to do this. Someone selects and image after calling FileReference.browse(). I take that image and make a thumbnail in flash. Then I upload that image like so:

[Code]...

All this does it upload the original image. How do I change the fileRef to upload the new thumb? I have traced out the size of the "myThumbImage" and it is correct. I have placed it visually on the stage after creating the thumb, and it seems like it works. But when I upload it to an aspx page (that basically just throws it into a folder), it uploads the original larger image.

Flex :: Get Selected Image(MouseClick Image)from Array Collection Using DataGroup?

Jul 26, 2011

Gallery in DataGroup, How can i Call selected image(MouseClick Image) this is my Sample code

<fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;

[code].....

Actionscript :: Consistent View Of One Image On An Image List In Flex For Both Portrait And Landscape Orientations?

Jun 23, 2011

I'm coding a image viewer application for tablets using Adobe Flex 4.5. Basically, I have a list with a custom item renderer that renders the images in the list. I have set up the image size to be the width/height of the tablet device in portrait (600x1024). This way, only one image can be seen at one time. The problem is that when the device orients to landscape, this design obviously screws up. My question is how can I get it to change the width/height of my images automatically when the orientation changes such that only one image is shown at a time?This is my list:

<s:List width="600" height="1024"
id="imageList" dataProvider="{data}" itemRenderer="{inlineRenderer}" click="imageList_clickHandler(event)"
verticalScrollPolicy="off" useVirtualLayout="true">

[code]....

This is the item renderer:

<s:Scroller width="600" height="1024">
<s:Group>
<s:Image source="{data.imageurl}" width="600" height="1024"
contentLoader="{FlexGlobals.topLevelApplication.imageCache}"/>
</s:Group> </s:Scroller>

Actionscript 3 :: Avoid Image To Get Stretched When Used As Background Image, In Flex

Dec 12, 2009

I am developing a website in flex. And in that, i am trying to set the background image of my application. like this: parentApplication.setStyle("backgroundImage", data.image_src);

From a different location.

My issue is that, the images that i have are small and hence they are being stretched when used as background images. I want to avoid that from happening. How can i do it?

Flex :: Center An Image Horizontally And Vertically In An Image Control?

Aug 14, 2010

How can I center a loaded photo [lets say 200x300] in an image control [lets say 400x600]? My image control has fixed dimensions while my contents have different dimensions and I want them to get centered automatically.

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