Actionscript 3 :: Flex 3 - Sporadic Erroneous Mouse Out Events On Slider Thumb?
Jun 1, 2011
The slider thumbs in my Flex 3 application usually work correctly, but often they seem to become insensitive to mouse downs on what should be thumbPress events. It turns out that mouseOut events are being fired as the mouse moves away from the edge of the thumb towards the center. The thumb is sensitive to mouseDown events only when it is in the "over" state.
I am seeing the same behavior: Displaying the default thumb rather than my custom class Using a hitArea sprite (I tried a child TextInput sized to cover the thumb with alpha 0). Can anyone suggest either a fix or a workaround? I can identify the faulty mouse out events, but then don't know how to compensate, for example, by reestablishing the "over" state, or perhaps with programmatic control of the mouse.
I am trying to create a slider component where the thumb does not display until the user clicks on the bar. When the user does click on the bar the thumb would appear wherever the mouse is on the bar. I have no experience with the display package and since I am pretty new to using flash in general I cant think of any other creative way to do it. How to make objects display and display where the mouse is clicking.
I am attempting to reskin the AS3 Slider component to have arelatively "tall" draggable thumb graphic. However, the sliderthumb always seems to be forcibly scaled down to 13x13 regardlessof the size of the graphic. I'm currently using the drag-and-dropcomponent on workspace method, and double-clicked the livepreviewto change the skin pieces.I've tried resizing the contents of the SliderThumb_*Skin(upSkin, downSkin, ...) symbols, the Slider component itself on thestage, and even the placeholders on the double-click skin organizersheet. The height of the thumb object is not directly accessible(seems to be private). The translated position of the 13x13 thumbrelative to the symbol center is preserved correctly... but thesize seems to be stuck at 13x13.
Is there a workaround for this? I've searched and found a fewFlex solutions having to do with overriding a measure() method orextending the class to hard-code a different height, but none ofthe corresponding classes (e.g. one site recommended extendingmx.controls.sliderClasses.SliderThumb) seem to be accessible withinthe Flash AS3 implementation of the components.
I would like to know if there is a way to update the position of the thumb on the Slider component when a movie clip plays. Currently I have a movie clip symbol on my stage with the instance name ShapeMC. It has about 10 frames or animation and two actions. the first frame has a stop action as does the last frame. The actions are on their own layer, separate from the actual animation. I also have the slider component in my library, but it is only there so I can reference it through AS3. My AS3 instantiates a variable of type Slider. I then define the properties, like the width, hieght, thumb size, minimum, maximum, as well as enabling livedragging. I did this so the user can drag the slider and move through the Movie Clip symbol. I added a button that allows the user to click it and autoplay the Movie Clip symbol (ShapeMC). All that works. What I would like to do is when I hit the play button, I would like to see the thumb on the slider move along the slider as the Movie Clip symbol (ShapeMC) plays. So if the Movie Clip symbol reaches frame 5, the slider thumb show be seen as being half way through the tread. I tried putting the currentFrame into the .value property of the slider, but that didn't do anything. No errors, but it didn't move the thumb at all.
I am looking to provide some UI functionality using the mouse- I have two distinct UI events to be achieved via mouse
a) change value b) delete object
I don't seem to have sufficient mouseclick events for both. I am avoiding using the right click as it has some default options(whose signing off will affect the whole project- not just this). I have mouse click used for change value- how do I use the doubleclick as the single-click events seems to get invoked prior?
I am using Flex Spark Slider as a time-line for a Flex video player custom component I have created.
I want to prevent the user from clicking on the slider and changing its value, but at the same time I should be able to change the value of the slider programmatically.
Setting the "enabled" property for the slider to "false" doesn't help as then I am not able to change the slider value programmatically.
So I am working on this horizontal thumbnail menu which populates through XML. Now, the issue I am having is the actual "math" in calculating how this should scroll. I've looked around but I haven't found anything. What happens is the container holding all of the thumbs scrolls exactly to the width of the background it is on. So if you hover on the right of the menu, it quickly scrolls all the way to the end of the menu. What I want it to do is to incrementally scroll back and forth. It's just easier to click on the thumbs that way. Below is the code now.
Using a bunch of the tutorials on this great site, I've been teaching myself AS, and inparticular the XML parse, etc. with the loop commands to load an ideterminate number of images, etc. attributed in an XML file.I've got the attached code to work before - and it works well here too, loading all the thumbnails in their correct location, and as per the XML file. BUT now it's part of this page, the 'current_thumb' seems stuck on the last thumbnail, and a rollOver of any thumbnail will cause only the last one to action. In addition, when I put the trace command in on the onRollOut function (trace(current_thumb_mc) I get "_level0.menu_mc.item3_mc" no matter which of the four tumbnails I rollOver.
//Initial P Value p = 0; //Project Information //Assigning Information[code]..........
Right now all the sounds (78 of them) on my guitar play using the roll_over event but that doesn't give the user much control over what sound is played.
The actionscript im using to play my sounds is this;
I want to replicate the standard startDrag/stopDrag events with my own routine to alter things a bit, and I run into some kind of event propagation or bubbling problem. Here is my code:
The problem with this code is that as you drag the object to the right, you will see in the trace that occasionally some random localX values arrive there, resulting in the object jerking from side to side.
I have a base ShapeContainer(UIComponent). I add a uicomponent which has mouse down listener to ShapeContainer. the listener works great. When I add a simple sprite(draw square) on the ShapeContainer, The listener does not work any more. In the code, if I comment below line, The event listener works fine.
im working on:[code]For more detailed comprehension: corner is the black corner with the (i) and 'Promotion', text is some random text that can be displayed in the white remaining space, container contains corner and text, and finally this class contains container!I need to retrieve the event mouseevent.rollover/rollout from corner.And what's wrong?
1. When I put the mask on container (container.rawchildren.addchildren + container.mask = mask) and the dropshadowfilter on container (container. filters = [glow]), I cannot detect the mouse events.
2. When I put the mask on the promopanel (this.rawchildren.addchildren + this.mask = mask) and the dropshadowfilter on promopanel (this.filters = [glow]), I cannot detect the mouse events.
3. When I put the mask in a component and the filter in another, it does not work either.
4. If I remove the mask OR the filter, it works!! But I need them both...
So, does anyone has an idea on how to make this work? I've been trying to look for issues with filters, masks and mouseevents but haven't found anything that could enlighten this issue.
are being masked by the existence of any popup windows. The code is in a component, in the constructor. The component is added to the main application in the block.
How can I get these system generated events to not get stopped by PopUpManager display objects?
I have made a hierarchy in which there is a main page, using add element i have attached a component mxml of type group. There is a single button on main page when clicked it should add children of type group in that group type mxml component along with two buttons. Now using one of buttons i am attaching another component mxml type group. the problem is even they overlap i can still excess the children groups of first group component mxml.
If my understanding of Flex is correct, skins in Flex are just DisplayObjects that are added as children to UIComponents to create the visual representation of the object. But if my understanding of the Flash event model is correct, if there is a non-transparent DisplayObject on top of another, mouse events will go to the topmost DisplayObject. The overlapped DisplayObject won't receive any mouse input.
So how is it that skinned Flex UIComponents work at all?
I have a BorderContainer with some instances of spark Line. I need to select this lines by clicking on this. But adding event mouse click listener fails. ASdoc [URL] says that line have only activate and deactivate events. Any best way to detect whether line clicked (use another line class?). I think that catching of clicks in the bordercontainer is bad solution.
Im working with a flex application that pulls data from a java class file using message handler event. The received message string is added to ArrayCollection. The string consists of codeID and other values related to codeID. Had displayed the detail in a datagrid. The codeID is randomly generated and is pushed to flex for every second. Now, the problem is, I needa update the datagrid cell values, for instance, if i have pushed codeID's of (0001,0007,0005,0003) to the front end, that displays the corresponding values of each codeID in the datagrid, second instance of (0001) should update records in the existing row of (0001). I tried to check the existence of codeID in ArrayCollection using search algorithm, but dont know how to proceed further.
I have a Group on my View, and i'm trying to fill it with some collor and add an mouse event on it, all dynamicaly.the problem is, when i add the mouse event, the group simply turns invisible again. It still exists on the view and responds normally to the mouse event, but i cant see it.here's an code example:
without the mouse event, the group is visible, but it vanishes when i try to add it. i've tried with other events, like the ENTER_FRAME Event and it works normaly, but all the mouse events that i tried turn the Group invisible.i've actually solved my problem using the opaqueBackground property, the Group don't vanish when i add the event this whay. But now i'm curious about the reason of this behavior.
Just wanted to ask if there is any advantage for either using mouse click event or touch tap events, when writing apps for mobiles or tablets (for the iphone especially)?
I know that both of them should work fine, but in term of performance, is anyone better? Are there any things I should be aware of when choosing either?
By the way am using actionscript3 to implement the app.
I have an animation that I want to start when clicking on the flash window. However, I've also have some buttons on the stage. If I add an event listener for MouseEvent.CLICK on the stage, then it 'eats up' the events and the buttons don't work.
I've tried some tricks, by adding some invisible buttons on top of the real ones, and use the MOUSE_OVER event to selectively enable/disable the mouseEnabled flag for the stage, but didn't work because it complains that the property or method doesn't exist (which I find odd).
My problem is that I'm not sure how to make the MouseEvent.MOUSE_OVER work, to recognize that the mouse is still ON the area and so pubsBox should continue to move 10 pixels to the left every second. I understand that i have to use a Timer, but what I'm concerned about is the fact that I can't get Flex to recognize that the mouse is still OVER "wrapper" and continue firing the event.
This one's been irking me for a while. When I'm using the mouse scroll wheel to scroll up and down in a webpage, and a flash movie comes into the path of the cursor, the scroll wheel stops working. Also, when a flash movie has focus, you can't use browser shortcuts like Ctrl + L or Ctrl + R.
I'm writing a flex application now and I'd like to find a solution, so that at least my users aren't plagued by this inconsistency of the user interface behavior.
I should think there would be a way to tell flash to propagate such events as the mouse scroll wheel and keyboard input back up to the browser unless they occur in an element for which they are useful, like in a flex textarea. I can't find any solutions out there though, nor even anyone talking about it.
Specifically, how can I make it so that:
When the user is scrolling with the mouse, the browser scrolls unless the mouse is over a flex container with scrollbar, or another component that wants to scroll.When the user presses a button or combination of buttons on the keyboard, it will be propagated to the browser unless there is an active keyboard listener, or the cursor is in a text field, etc.
I have built a Air 2/Flex 4 kiosk application with Flash Builder 4. Currently I am implementing a touch screen browser to enable users to navigate company training videos. In an attempt to improve the usability of the website on the touchscreen I have placed the HTML component in an adaption of Doug McCune's DragScrollingCanvas (updated to use the flex 4 'Scroller' component) to allow users to scroll the webpage by dragging their finger across the screen. The mouseDown event is used to start scrolling the viewport. In addition the webpage was modified to disable text selection with the following css:
[Code]...
As an alternative I also tried adding a group container with the same dimensions as the HTMLLoader to detect the mouseDown events (so that the group container and HTMLLoader have the same Dragable parent container) and was able to capture mouseDown events and scroll the viewport as expected. However as the mouse event is handled by the group container, I am now unable to navigate the webpage.
I'm working on a prototype that would require me being able to read and track the mouse movement over a playing youtube video. The basic code to replicate my problem boils down to this simple test case:
Youtube player loads The label on the top right tracks the X coordinate of the mouse The number should update even when moving the mouse over the Youtube player
So far the program behaves as expected when running from the IDE (tested on both FlashDevelop and FlashBuilder) and even when running the file manually from the output folder. But, alas, when I try to run it from anywhere else than the debug folder (be it another location on my computer or up on a webserver), the Youtube player seems to eat the events.
I don't get sandbox security warnings when debugging (thanks to allowDomain("*")) but I'm running out of ideas on why the program fails once you take the file out of the debug folder.
I want to handle the mouseevents for all the sprites on the stage including the one those are hidden behind (or overlapped or occluded) and the main condition is that I want to handle the occluded sprite (that hidden behind other sprite). example, say I have sprite1 and sprite2 on stage and I want to start drag whenever i click on the sprite and stop drag after another click.
This can be done easily, but the problem and my main requirement is that if I drag the sprite1 and drop it exactly on top of the sprite2 then sprite2 will be hidden behind the sprite1 I wont be able to drag the sprite2 without moving the sprite1 first. if you have played zynga's empires and allais game on facebook, it is handled seperatly, it is how it works in that game, the mouse event is triggered on the sprite behind the overlapping sprite, if you have two sprites overlapping one sprite than the mouse event is triggered on the sprite which is last and not the one in front irrespective of whether there is only one sprite overlapping or two or three and this happens to irregular shaped sprites (not just rectangles)
In a project i'm doing I have a custom cursor, using the start drag command and mouse.hide. the issue being that the movieclip being dragged is blocking the mouse from initiation mouse events properly.
