I'm trying to detect overlap between elements on my canvas. The attempt is to reuse some of the code for collision detection at [URL]
This is the smallest MXML sample I could come up with that gives me a type error.
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"
[code]....
As part of requirements for a new feature of "locking" a page, it is desired to have all elements on a locked page be non-selectable. This is not to be confused with disabled. All elements should appear as if the page were active, but not be selectable.The current thought is to create a clear canvas and place it over the existing elements. With this thought, I have two questions:if you can think of a better way to make all items non-selectable than applying a clear canvas element over the existing elements could you describe it?if not, what is the best way to retrofit existing implementations to accept the overlayed canvas item? BTW, all .mxml pages inherit from a custom .as file.
View 3 RepliesI generate panels dynamically and put them in other states in that way so in one state you have a list of panels on the left and one big panel on the right for example in one state and when you click on the list on the left (with small panels) that panels takes the places of the big panel and the big one goes back in the place. So I have 50 panels on the left and i want to scroll them down but I don't want to big panel to go down with them I want it fixed. this is where I got and I don't know how to do that here is my code:
enter code here
protected function canvas1_creationCompleteHandler(event:FlexEvent):void
{
blurEffect= new BlurEffect(myBlur,myUnBlur);
listEventsResult.token=eventService.listEvent();
[Code]....
I am trying to detect when the mouse leaves a canvas. I know about the MOUSE_LEAVE, but this seems to only be valid for the stage, not Canvas objects. P.S. I have tried the mous-out, but, for some reason, that event keeps getting triggered everytime I move the mouse. I should probably point out that I have used the Mouse.hide() and replaced the cursor with a custom cursor.
View 3 RepliesI have two movieclips and I want to test if they have collided. However, I want them to still be able to touch eachother (i.e. no pixels between them) without them registering that they have collided. I'm using the following code but it doesn't quite do the trick for what I am wanting to do:
Code:
thisMovieClip.hitTestObject(thatMovieClip);
I am trying to develeop a Graph Structure with drag and drop features in Flex. I have to connect various components/children on the canvas. Once i drag n drop the components on the canvas, i am using SystemManager event handlers to draw connectors between the components. But, as i click on one component and drag the mouse, the line is drawn on the canvas as long as my mouse stays only on the canvas. If the mouse moves over a component/child(that has been dragged and dropped onto the canvas), the line is drawn to the origin of the canvas from the first clicked component. How shud i recognize the component when i move my mouse over the component? I want the line to be drawn connecting the components once my mouseup event is called.
View 3 RepliesI'm attempting to find overlap between elements on a flex canvas, an adaptation of Url...The attempt here is to place some text and figure overlap with previously placed text. [code]do not seem to capture the elements placed on the canvas dynamically. [code]
View 1 RepliesI have Flash 8. I created a Flash movie a number of years ago, probably in an early version of Flash. I use it on my website. I want to redesign my site and make the movie smaller from the standpoint of making the canvas/stage size smaller. I don't mean just compressing the flash movie to a smaller swf. Is there some quick way to do this without having to recreate the movie and put in smaller elements?
View 3 RepliesI 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 would like to detect the dimensions of a Canvas at runtime. If I look in the debugger, in Eclipse, I find two "width" properties, with exactly the same name! One is set to zero while the other is setted to the right size. What does it mean ? How can i retrieve the right dimensions?
View 3 RepliesHow I can detect a click on the border of a canvas, not its contents?.I am aware that I can validate ranges event.mouseX (Y),but my canvas has rounded corners and in some cases appears to be a circle,is there any way of knowing if the border of the canvas is under the pointer?I have:
Canvas.setStyle ("borderColor", 0xFF0000);
Canvas.setStyle ("borderStyle", "solid");
Canvas.setStyle ("BorderThickness", 10);
knows the AS o the code to detect "how many elements are in a folder"?I made a great photo gallery with a two buttons next and prev, and a preloaded photo. It works fine but i want to optimisize this script...
I fixe the number of photos present in my folder manualy for exemple 15. When pushing next button my var increase +1 , and when my var=15 then i put it in var=1 to start again from the begining.I would like my script detect automaticly how many photos are in my folder, in my case: 15...
I have a draggable item, a MovieClip that calls startDrag() on itself when it is clicked, and another MovieClip on the stage.I need the MovieClip to receive ROLL_OVER and ROLL_OUT events while the draggable MovieClip is being dragged over it, but the lower clip doesn't receive these messages while a clip is being dragged over it.Essentially, ROLL_OVER is only sent to the topmost MovieClip under the mouse. Normally, you'd fix that with some combination of mouseEnabled or mouseChildren on the overlapping MovieClips, but if you do that to a draggable MovieClip, it breaks dragging. I need to detect when the mouse is over the lower MovieClip, regardless of what MovieClips are above it.
View 4 RepliesI've written the following method (in actionscript 3, it's a flash application) which returns what transformation type is required for the current mouse position in relation to a given element position.
An element can be moved, scaled and rotated. This method returns if any of these transformations are applicable with the given coordinates[code]...
I have the following spark Scroller
<s:VGroup width="100%" height="100%" gap="0">
<s:Scroller width="100%" height="100%">
<s:DataGroup width="100%" height="100%"
[Code]....
which is set to 100% width. The DataGroup is also set to 100% width. What I want to achieve is for the scroller's vertical scrollbar to OVERLAP the DataGrid. In other words I want the DataGroup to maintain the width of the outer VGroup even when the vertical scrollbar is displayed. I don't need the vertical scrollbar to move my content to the left, i want it to be displayed in top of that.
Flex 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?
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]...
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 Repliesa .fla is 500 x 300. Inside, content moves OUT of the 500 x 300 stage so that it appears like it hides or moves off of the screen. .fla complied... loaded into Flex via SWFLoader:
<mx:Conainer width="500" height="300">
<mx:SWFLoader width="100%" height="100%" />
</mx:Conainer>
Loaded .swf file shows outside of the 500 x 300 Container in Flex. How can i get it so that only what is INSIDE of the Container is visible?
Is there a way to programmatically scroll the canvas to its topmost position?
View 2 RepliesI am creating a canvas in actionscript like :
private var cvs_preview:Canvas = null;
[Code]....
So on the focus change i want to run the "end_preview_on_focus_change()" but this is not working. As per my understanding, i think the canvas not getting any focus in the first place. I was trying to use focusManager.setFocus to do that after the canvas's creation complete. but even that is giving me an error.
[Code]...
In flex, I am using
canvasEdit.setStyle("borderColor", 0x0134FF);
canvasEdit.setStyle("borderThickness", 3);
note: canvasEdit is of type Canvas.
But I am not able to put border on the sides of canvas.
I'm trying to create a custom tab navigator that has to look like. Also, when there's a rollover, the borders of the arrow have to be in blue (like the label in the current tab). For that purpose, I've created a custom component: a hbox containing a label and a canvas with 3 images inside (for the arrow tip that has to change depending on the currentState). Then, I thought of overlapping the components in order to get the blue highlight color (ex: arrow button 3 is over arrow button 4. The image of the arrow tip in button 3 will be transparent outside the arrow, so that we can see the black color of the following button).
I'm now trying to position the components inside the canvas ... but I cannot. After the creationComplete event, I assign the label text and I was calculating the coordonates of the component but it doesn't take into account the label width... -_-'