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]...
I was wondering how you can use the matrix to increase the component of the canvas!
View 1 RepliesI'm developing a web app using Flex. This app allows to draw forms in a Canvas (like MSPaint in Windows).Now, I want a new feature on it: an infinite canvas. The user should be able to drag the main Canvas and this should be infinite in X and Y axis. Consecuently, this Canvas should be resized in real time.
Obviously, I don't want to create a Canvas of 1k x 1k pixels with zoom in an specific area to give the feeling of an infinite drawing area.
EDIT:I just read that Flash/Flex Flash/Air supports canvases up to 4056x4056 px, not infinite.
I have the following code in my flex project.
[Code]...
I want to dynamically add different items to thumbContent canvas and use scroller canvas to scroll. I see than the height of thumbContent bigger than 7977 it truncate from scrolling. So - I see the scroller canvas with empty space on top. Then I scroll to bottom - I see the content of thumbContent and at bottom scrolling I see empty space too.
I'm trying to skin a canvas with an image (which is essentially a custom border for the canvas). I've been trying the backgroundImage style as well as the borderSkin style. I can't get the image to scale to the full size of the canvas though. I was wondering what the best way to go about this is.[code]...
View 2 RepliesI'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.
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]...
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?
View 1 RepliesI 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]....
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?
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]....
How can I convert the hslider data format from decimal into an H:M:S?
View 1 RepliesIs 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.
View 1 RepliesI'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?
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?
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....
View 1 RepliesDoes 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?
View 1 Repliesi 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.
View 2 RepliesI 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].....
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]
View 1 RepliesUsing flex / air 2.6 working on an Android device, I am using a canvas with a TransformGestureEvent for zoom in on a map. The listening of the efect is working ok, but I canīt seem to find the information on wether the user intended zoom in or zoom out (fingers getting closer or getting apart).I expected the intention of the gesture to be identifiable with the offsetX and offsetY properties of the event, as you will do on a swipe gesture event. But I always get 0 for both properties, no matter how I do the gesture in the device.How can I know if the fingers getting closer or getting apart in a gesture zoom event?
View 1 RepliesI 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.
View 1 RepliesFlex charts, like AreaChart, have wonderful built-in support for displaying data "tool tips" when a user hovers over a point supplied in the data of a graph. You can hover over any of the bar graph examples on this page for a demonstration. I have a graph situation where I optionally draw in some dots as reference points on CartesianDataCanvases supplied to my AreaChart through it's <mx:annotationElements> and <mx:backgroundElements> tags.
I would like to have the same hover data-tip functionality that the AreaChart has, but applied to these dots. I realize that I am just drawing on canvas, and that no actual dataProvider supports these dots, but if there was a way to supply the CartesianDataCanvas with an array of data values or something to that effect,
I'm developing an engine to generate components.I been wanting to get my xml script that read and create a component to be load into 'content' canvas. I not sure how do I get the addChild work correctly as in 'content'.addChild instead of the one shown below:[code]
View 1 RepliesThe basis for the chat window is a canvas. I've got that showing, but how do I make it scroll up? I want to clip the window so only the last 15 lines are shown.[code]...
View 1 Replies<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Canvas width="100%" height="100%">
<mx:Canvas backgroundColor="#A8A8A8" height="100%" right="0" top="0" width="100">
</mx:Canvas>
[Code]...
My code above works absolutely fine, until i resize my browser window to a size below 800px width. When the browser window is make of lesser width than 800px, the canvas with background color #A8A8A8 is on the right of the window, but the problem is, when I move the scroll bar, the canvas should remain on the right of the window. Which does not happen, and that is what my problem is.
How can I solve this issue. What should I do to keep my canvas be on the right=0 all the time.
I want to lie two canvas at one Tab Navigator. when I use <mx:local it created multiple tab.
View 1 RepliesI'm trying to write some code to an animated images of squares on a Flex Canvas There's something wrong with my code below because it becomes progressively slowerI assume I'm supposed to clear the old squares or something.What am I doing wrong below?:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="init();">
<mx:Script>
[code].....
Basically I want to go to frame2 when the cursor leaves the canvas. The code below contains no errors when tested but it still does not work.
[Code]...
We know that the function gotoAndStop(frame2); works in multiple situations which means the first 3 line is fine. I don't know if the problem is the MOUSE_LEAVE event or this.stage which i suppose is the identifier for the canvas. I sure that there must be an alternative code for the identifier this.stage or the whole code. Any solution on how to fire the given function in the event when the cursor leaves the canvas?
Is there a way in Flex by which a disabled canvas looks exactly the same as an enabled canvas? I haven't been able to make sense of disabledOverLayAlpha and disabledColor properties for a Canvas component.
View 1 Replies