Flex :: MouseOut Event Triggers Based On Old Component's Size After It Was Resized?
Mar 22, 2011
I have a component called X. I'm trying to make a menu come down from it when I put my mouse over it.
I have a mouseOver handler which changes the component's state to another state which shows an extra child component (the menu) on the lower part. This of course makes the X component grow.
I also have mouseOut event handler which makes the menu disappear by returning component X to its original state.
When I move the mouse over the component the menu appears as expected. But when I move the mouse down to the menu that is now visible, as soon as I touch it, it disappears. This way it's impossible to reach the menu.
I guess the mouseOut event is triggered as soon as I move out of the old boundaries. Is this so? And how can I avoid it? The new boundaries should now consider the extra child with the menu.
View 1 Replies
Similar Posts:
Jun 8, 2011
I am building a graphic component in MXML that has different states, each state having its own size. I have a "normal" state and a "highlighted state", the highlighted one having a higher height. On this components I implemented a function to be executed on each mouseOver and mouseOut to change from normal state to highlighted state and back. My problem is, in the highlighted mode, the mouseout event is triggered according to the size of the normal state.
[Code]...
View 1 Replies
Dec 10, 2011
My component has lots of inner components.When i resize the container component (panel), i want all inner components resize with same ratio. Which function should i use?
View 1 Replies
Feb 11, 2011
I have a Flex custom BorderContainer component which has text inside of it. If I were to add this in my main Application inside of a panel, the BorderContainer goes outside of the width bounds of the panel due to the text being a set size. I have all of its components in percentages so that it re-sizes when shrunk, but the one part that contains checkboxes and labels (lots of things with text) mess up since the font size doesn't change.
I am pretty positive that the results I am looking for can be done through embedding the font, though I have not been able to come up with a solution from online. I am trying to do this with a CSS style since I will be using it for many different components (I dont just want to change it in the flex code directly).
EDIT Solution:
I attempted to use the ratio as www0z0k had suggested but it caused some serious issues when it was re-sized quickly or to a small screen (the component would not re-size correctly because it was multiplying by the ratio. What finally seems to have worked for me and caused no issues was that I ran the code and found the width (1152) and height (842) of the container.
I then created a const variable of widthX = 1152 and heightY = 842 and in the onResize() function I coded the resize like this:
(where bottomGroup is the id of the borderContainer I am trying to resize)
bottomGroup.scaleX = width / widthX;;
bottomGroup.scaleY = height / heightY;
END EDIT
So far I have found some examples of embedding fonts in the <fx:Style> and attempted to remove any delaration of fontSize but that doesn't seem to work.
<fx:Style>
@namespace s "library://ns.adobe.com/flex/spark";
@font-face {
[Code]....
View 2 Replies
Mar 3, 2011
I want to create a panel (or any other component) inside a component that has a 5 pixel border on all sides, but scales fully when the window is resized. I know I can set width to "100%" to make it resize, but that gives me no borders. If I put it to "95%",I have borders, but they scale annoyingly. Also, that only works for borders on the right or lower bounds, and not to the left or upper sides.Is there a convenient way to do this without having to write tons of resize-code (in which case I will not bother and just accept bad rescale behaviour, as it is for a private pet project).
EDIT: I know that I can just overwrite the display handling and set the positions manually every frame. I wondered if there is a cheap way to do it in the mxml-structure, along these lines:
<mx:Panel>
width="100%" height="100%"
</mx:Panel>
Coming from C++ and Java, I am intrigued by the option of setting something to "95%" and let the library work out the details, instead of having to write many lines of code, just so my text-area always keeps a 5 pixel distance from the border, but scales with window width.If there is no easier way to do it than figuring out pixel sizes by hand and setting the coordinates.
View 1 Replies
Sep 23, 2009
I've doing a bit of "training" at working with Flex and Remote Data from XML files.This is my HTTPService
<mx:HTTPService id="loginData" url="com-handler/basic.xml" showBusyCursor="true">
</mx:HTTPService>
I have a button and when its clicked its call a function, that calls loginData.send and does a little IF condition, that IF condition relies on the data returned by loginData.The condition doesn't work because its called right next to the loginData.send, and .send method still didn't returned the values from the XML file. But if you click it a second time a second after the first click the IF condition works.So to deal with i wanted to do a eventListener so that when loginData.send returned the data from the XML it fires up the IF condition. But i don't know how to do it.
View 1 Replies
Jul 27, 2010
I'm using FLCS4 (AS3) and I've built a very basic site, simple pages on various frames. Three of the frames/pages contain video components that auto-play a flv clip.What I'm asking is it possible to know when the video clip is finished and at that point display a button.(So the user cant proceed forward until the video clip is finished playing){captive audience, so to speak}Anyways, is this possible, if so; how do I approach it?
View 4 Replies
Aug 28, 2009
I have a flash movie which covers 100% of the browser window, so the user can scale it as he wants by resizing the browser.
I need a way to find the coordinates to the upper left and lower right of this window in pixels, it sounds simple, but no luck.
View 2 Replies
Nov 7, 2011
it loads an external .swf file and is supposed to play it. I've added an event listener to run when the file is loaded. The function it calls moves the video to the bottom most layer so the buttons still show and then plays the file. The problem is the event listener never triggers.
[Code]...
View 4 Replies
Jul 28, 2009
How can I publish a flash movie so that it resizes automatically when the browser is resized? What is the html or flash code for that?
I am not useing Flash or Flex but FlashDevelop so I beleve I have to do it in code to make it work.
View 2 Replies
Aug 24, 2008
I'm having a Panel container with buttons and other controls in it. When the mouse moves over one of the container's children (e.g. a button), the Panel receives a MouseOut event where the target and currentTarget properties reference the Panel itself. That causes me problems. I only want the Panel MouseOut event when I leave the panel, not when I enter a child of the panel. Are there any way to turn that off?See example:
Code:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
[code].....
View 4 Replies
Jan 27, 2012
I am trying to understand event propagation in Flex framework and have a following doubt on it:
Scenario: I have a built-in component DropDownList on change of which I want to create a custom event refreshPreview and want to propagate it to a custom component PictureComponent.
In the custom component's mxml, I have added the Metadata directive as follows to register a refreshPreview event with the compiler
<fx:Metadata>
[Event(name="refreshPreview", type="flash.events.Event")]
</fx:Metadata>
Layout Details: In my main mxml application I have laid out DropDownList and the custom component such that both are siblings (i.e. have a common indirect parent)
e.g.
<s:Group id="contentGroup">
<s:Group id="formGroup">
<s:Form x="11"
[Code]....
I am seeing that the refreshPreview event is not getting propagated to the custom component.
I doubt this is because the built-in component is a sibling of the target (where the event got generated) and not a parent. how to make refreshPreview event propagate to custom component?
View 1 Replies
Apr 1, 2009
is there an event listener that triggers only once when the movie loads?If not how can I simulate this?
View 4 Replies
Mar 16, 2010
I'm trying to create a Flex application that can automatically shrink based on the size of the components that it contains, so that a user can shrink it to a minimal view to see more of the HTML page it's embedded in.
I know how to change the size of the whole application using ExternalInterface, but I'm having trouble automatically figuring out how much the size changed when something is hidden or shown.
For example:
Let's say I have the following flex layout:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">
<mx:VBox width="100%" paddingTop="0" paddingBottom="0"
[Code]....
How can I hide one of the text fields and cause the VBox to shrink? I'm currently setting it to visible = false, but that doesn't seem to affect the parent VBox.
Once the VBox shrinks, how can I detect that the Application no longer needs so much space, and then go about figuring out how much less space it needs?
I've tried using ResizeEvent, but I haven't been able to get them to work, but I could be doing something wrong.
View 1 Replies
Feb 12, 2011
I have a wheel that the user can spin by flicking it with a mouse (think wheel of fortune). It needs to trigger an event once the spinning has finished depending on what section of the wheel it has landed on. I can get it to trigger an event but it triggers every time the wheel passes the hitTest object, not just when it is done. I've attached a sample of it.
View 8 Replies
Dec 25, 2010
what's the size of the bootstrap code for cairngorm framework which is based on flex?
View 1 Replies
Apr 20, 2009
I have a button that is a movie clip that is set up with animations triggered with MOUSE_OVER and MOUSE_OUT event listeners. The glitch is that once the mouse is over the button ... each ensuing pixel that the mouse is moved, loops the animation again. That probably didn't make a whole lot of sense, so I posted the file on my test site [URL]. You have to drag your mouse slowly across the button to see this. The bottom part of the button works as I'd expect. When you roll over the text at the bottom of the button, everything functions as it should. The looping problem starts when you roll over the image portion of the button. For some reason it considers each consecutive pixel rolled over to be a new event and consequently triggers the "over" animation again.
The code I have is below. I've commented out the MOUSE_OUT function for now. There is also a screenshot at the above link of my Layers palette for the button clip in question. I put a "stop" label at each frame that has an action so you see the actions used.
oneBedButton_mc.buttonMode = true;
oneBedButton_mc.addEventListener(MouseEvent.MOUSE_OVER, overEffect);
//oneBedButton_mc.addEventListener(MouseEvent.MOUSE_OUT, outEffect);
function overEffect (e:MouseEvent) {
oneBedButton_mc.gotoAndPlay("over");}
function outEffect (e:MouseEvent) {
oneBedButton_mc.gotoAndPlay("out");}
View 10 Replies
Oct 30, 2011
I have created a custom component based on spark.components.HGroup and it works mostly as needed, but I have this minor problem: I can not move it.
Maybe someone will look at my simplified test case below and spot my error?
Here is the screenshot of my 3 custom components, representing chat bubbles:
Here my custom component Bubble.mxml drawing black text on green background:
<?xml version="1.0" encoding="utf-8"?>
<s:HGroup
xmlns:fx="http://ns.adobe.com/mxml/2009"
[Code]....
View 1 Replies
Nov 28, 2011
I have a problem with a custom component based on a Group. Actually, I want to create a section component (a container with a border and a title). I created a path so that the border doesn't hide the label (title):
[Code]...
View 1 Replies
May 11, 2009
I have a flash project that's implementing a simple two player game. I have added an enterFrame function to my main movie which listens for keyboard activity in order to move a cowboy gunslinger. Whenever the cowboy moves, I send a message over a socket to a server which dispatches the movement to the other connected client. This works pretty well, however, the movement messages tend to arrive in clumps which results in jumpy animation of my cowboy on my opponents screen and jumpy animation of his cowboy on my screen. To illustrate, i put a trace in my enterFrame function because I am imagining that this function will run roughly once each time my main movie renders the screen. I also put a trace statement in my function that responds to network traffic and moves the remote player's cowboy on my screen. Here's the output:
[Code]...
View 17 Replies
Jan 26, 2012
Could someone explain when does local SharedObject triggers event handlers added via addEventListener?I have tried and it doesn't trigger, after flushing.For example i have two object.swf both in separate browser tabs.I'm adding data inside object.swf on one tab and want event to be triggered in object.swf from another tab.Is it possible with native functionality and without remote type of SharedObject?Ofc i could write infinite loop and check local storage for changes, but it's the last solution i would like to implement.I was reading docs and played with example over there, but it doesn't trigger event, even if it is added before flushing.[code]
View 1 Replies
Jan 13, 2011
I'm programming a Flash-based site designed by the client. The trouble is the SWF dimensions are small within the HTML page, and the thumbs show the larger images on roll over. The large images are meant to disappear on mouseout, but it's easy to move the cursor too quickly for the mouseout to be recognized -- so the image gets stuck on screen.Is there a reliable way to recognize a mouseout event, even when the cursor leaves the button/stage?
View 4 Replies
Jan 19, 2011
I'd like to get the actual height of a component after adding some children.
When inspecting the variables tab in debug mode, I see 2 different height variables:$height (which contains the correct value: 138) and height/_height (which contains a wrong value: 10).
I guess that the display is not updated and so I'm not getting the correct height using component.height, but how can I get the value in $height?
[Code]...
View 2 Replies
May 16, 2011
I have DataGrid with horizontal scrollbar. How can I get its visible width?
View 1 Replies
Jul 17, 2009
I have a flex MXML UI that is building a set of radio buttons using the Repeater component:
<mx:Repeater id="radios"
dataProvider="{_lists.(@id == _question.single.@response_list).group.listItem}">
<mx:RadioButton groupName="responses"
[Code].....
View 3 Replies
Mar 22, 2010
I have a viewstack with 3 items in it. Now my problem is that I want all these components to be of the same size. Its simply enough to do this manually but is there any other way of setting the size for all the components at once?
View 2 Replies
May 25, 2010
I have 2 custom components, which have their own nesting hierarchy ... One is container for another. I have to "familiarize them" with each other. The way I'm trying to achieve that is using global events (one side is firing and the other one is catching):
Application.application.addEventListener("Hello", function (data:Event):void{
// .. some actions
});
[Code]...
Then should be created the connection between container and it's child.
BUT, the only thing I could acheive is passing a reference to the Container in the DynamicEvent. Is there any chance that I could access the child at the event-handler function.
View 3 Replies
Feb 10, 2011
When I create something like the following:
<mx:DataGrid id"myDataGrid"
itemEditBegin="myDataGrid_itemEditBeginHandler(event)" />
When does the event listener for "itemEditBegin" get added and removed? Is this essentially the same as:
<mx:DataGrid id="myDataGrid"
creationComplete="myDataGrid_creationCompleteHandler(event)" />
protected function myDataGrid_creationCompleteHandler(event:FlexEvent):void
{
[Code]...
Basically, I'm wondering where I should add "myDataGrid.addEventListener" if I want to do it programmatically? Should it be in the creationComplete listener function of the object itself, or perhaps in the creationComplete listener function for whatever parent object it resides in?
View 1 Replies
Sep 9, 2009
I'm building a flex .swc library using Ant, and many of the assets that are supposed to be in the file are not being copied, instead creating 0-byte entries in the .swc.Here is the ant compc target that is doing the creation. I've tried both compiler.include-libraries and compiler.library-path here, which is why the latter is still present and commented out. Neither worked.
<compc headless-server="true"
default-frame-rate="${flex.default-frame-rate}"
debug="${flex.compiler.debug.mode}"[code]....
View 1 Replies
Nov 16, 2010
I have a component and I add some content to it making it change it's size, immediately I need it's new size, but flex only updates the size in the next frame by calling updateDisplayList. how can I force it to update the size of the component right away.
View 1 Replies
