Flex :: Scrolling With Mouse Move?
Sep 4, 2011How can I scroll a group in flex4 with the movement of the mouse position?
Would like it to scroll on the mouse X position.
How can I scroll a group in flex4 with the movement of the mouse position?
Would like it to scroll on the mouse X position.
I'm really not great with the math. I'm pretty close with the formula but my movement is still wonky and doesn't stop where it should. (Top and bottom of the stage, rather than scrolling into infinity). For example, I need it to work like the menu at this link: [URL].
Code:
import com.greensock.*;
import com.greensock.easing.*;
stage.addEventListener(MouseEvent.MOUSE_MOVE, Move);
function Move(event:Event){
var distance:Number = mouseY - (stage.stageHeight)/2;
var percentage:Number = distance / stage.stageHeight;
var targetY:Number = -(content.height * percentage) + content.y;
TweenMax.to(content, 5 , { y: Math.round(targetY), ease:Expo.easeOut } );
}
Test of my code is here: [URL]. My fla is also posted as an attachment.
Im making a horizontal thumbnail-scroller. Thumbnails are loaded in to a MovieClip and placed side-by-side with some spacing.When I move the mouse to the far right of the stage, the last thumbnail is to the far right on the stage, and when I move the mouse to the left, the movieClip.x = 0.
I can do this and have a script ready. BUT: If I would like the first thumb to be at 0 when my mouse is 100px from the left side and the last thumb to be to the far right of the screen when my mouse is 100px from the right side, how would I make this happend?I've spent $30 on scripts from activeden and 5 hours on trying to make this happend, but I just CAN'T find the solution..
Code: Select allfunction moveScrollerThumbs(e:Event):void
{
if (mouseY > box.y && mouseY < box.y +box.height)[code]....
I have a spark List with an item renderer and a tile layout. If I scroll by clicking with the mouse on the scroll bar and trying to scroll with the mouse wheel after that, there is a problem: The interval of the scrolling is oversized, instead of scrolling one item down (or up) the List scrolls 4 items down (or up).
[Code]...
I am trying to have two guestures on a SpriteVisualElement which I thought should be pretty simple implemented: Mouse_Move for sweep Gestures and mouse click to enable.. So I have 2 Eventlisteners on my stage:
[Code]...
The main problem is that every type of sweeping on the screen also fires the taphandler().. how to identify the correct event? I tried to to my taphandler only if(!event.buttondown) but no success.
Is it possible to disable mousewheel scrolling on my webpage while the cursor is over my flex application?
My flex application is a map that allows user to zoom in and out using the mousewheel; however, when I put my flex app onto my webpage, the scrollwheel causes the page to scroll instead of zooming in and out.[code]...
[code]When I hover the upper (red) part of the List (I would like to have the List scroll downward, the higher the mouse position is, the faster it should scroll). Similarly, If the mouse hovers over the bottom (red) part, the List scrolls upwards, and the lower the mouse is hovered, the faster the list would scroll. The current code does work - Though, the trace outs make it obvious that:this.layout.verticalScrollPosition += (mouseY - 220)*0.5.or this.layout.verticalScrollPosition += (mouseY -86)*0.5;are giving jumping effects, is there a way to make these values change more linearly or smoother? I created an AnimateProperty, but that works well only if I would like to scroll to a selectedIndex, In this case, I would like the scroller to keep scrolling linearly as the mouse is hovered to a particular red area, and increase in speed when I scroll to either extremity.The Objective: While the mouse is over the Bottom (red part )of the List, the verticalScrollPosition scrolls faster as it gets farther than the center of the ticket list... yet there is jumping effect going on, I suppose due to the EnterFrame. the Same with Upper Part... the higher the cursor is, the faster the List should scroll.I feel this is a common problem to Flash CSx developers.
View 1 RepliesI have an Application displaying a spark.List. Every item of my list must be visible (no vertical scroll).
I need my Application to be scrollable in a web browser, so I've add a Scroller containing all my components. When the browser window is too small to contain all my application, scrollBar appears.
My application looks like that :
<?xml version="1.0" encoding="utf-8"?>
<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" width="100%" height="100%" >
[Code]....
When I scroll with my mouse cursor outside of the List, everythink works fine. When I scroll with my mouse cursor over the List, nothing happends.
It looks like the mousewheel event is stopped by the List, even if the List does not have a scrollbar.
I'm getting an unusual behavior that I can't seem to get to the bottom of. When I run this, if I move in the swf area it traces normally on mouse move. To be expected.
But it's tracing for the move event when I click anywhere on screen. If I click and drag, it traces as if I were moving in the swf area of the browser.
Here's the code. I've simplified to it's barebones. Just put this in in an empty AS3 project in Flex called "Engine" - sans quotes obviously.
package {
import flash.display.Sprite;
import flash.events.MouseEvent;
[SWF(width='640', height='360', backgroundColor='#888888', frameRate='31')]
[code]....
As a workaround I've add the MOUSE_MOVE one MOUSE_OVER and remove it on MOUSE_OUT. But the behavior still seems quite unusual and I'd be interest in understanding why it's happening.how I can keep the events constrained to the actual stage of the application?
In my flex application I need to restrict the mouse from moving in a certain area.In other words I want to create a 'No Entry Zone' for the mouse in the application.Hiding the cursor when mouse enters the area is not a solution for me.
[Code]...
I'm getting an unusual behavior that I can't seem to get to the bottom of. When I run this, if I move in the swf area it traces normally on mouse move. To be expected.But it's tracing for the move event when I click anywhere on screen. If I click and drag, it traces as if I were moving in the swf area of the browser.Here's the code. I've simplified to it's barebones. Just put this in in an empty AS3 project in Flex called "Engine" - sans quotes obviously.
package {
import flash.display.Sprite;
import flash.events.MouseEvent;
[code].....
how to do an object move towards the mouse when i move the mouse the towards the object and backwards when i move the move away, something liike the menu on [URL]
View 2 RepliesIt has been awhile since I have worked in flash.Right now I am working on something where I would like a panel to disappear when someone mouses off the stage.stage.addEventListener(Event.MOUSE_LEAVE, leaveHandler); It usually works fine but if I move my mouse really fast it doesn't fire. I have also tried the same thing using a custom invisible button that surounds the perimeter of the stage and I have tried ROLL_OVER and MOUSE_OVERand again, if I do it too fast my event doesn't fire (I am using trace)I can't find anything on the net about this - is this typical of flash that if you move your mouse too fast you break it? Do I need to increase my frame rate (I would really rather not because I have perfectly timed animations - I am at 30 frames per second)
View 1 Replieswhen the mouse rolls over an image, text appears (in a small rectangle) and it moves with the mouse, only while it is still over the image.
Or at least, does anyone know what this is called or how to do it?
As of Flash 10.2, Flash supports hardware accelerated mouse cursors:[URL]..Unfortunately, the mouse cursor doesn't update until AFTER the mouse moves. You can see this behavior on the web page above. If you click "Set to custom cursor" in the sample app at the bottom of the article, you'll see that the cursor doesn't change until you move the mouse.
Anyone have a trick for updating the mouse cursor immediately, before the user moves the mouse? I tried doing Mouse.hide(); Mouse.show(); but that doesn't work.
I am creating mouse scroller and when I insert actionscript my images wont move depending on the mouse movements..I am using Flash cs5 and Actionscript 2.0...this is my actionscript:
[Code]...
I started another thread where i had gotten help and combined the snow tutorial and the programatic mask tutorial to create particles that reveal an in-focus image over a blurred one. I just need help making the particles swarm around the mouse when it is present and have the particles just float around when not. Presently the random motion is just fine and looks like this (i just inverted the this._x and this._y so that they would go with the mouse direction not away from):
[Code]...
I'm wondering how is this task done that listen to mouse move event when user cursor is out of stage?
View 6 Repliesi am using this on Mc
onClipEvent(enterFrame){
diffx = _root._xmouse - this._x ;
diffy = _root._ymouse - this._y ;
[code]....
How can you restrict the mouse so that users cannot move their mouse into a certain area, (or a certain y or x value)? This is useful to me because I need it for a game.
View 2 Repliesare there any events that the scroller will dispatch when being scrolled?
View 1 RepliesI created the scrolling navigation, akin to [URL] by changing a script that I had. However, I'm stuck now, as all the buttons can move to the left, but not to the right. If it does not make sense, check out the attached swf and fla.
View 2 RepliesI designed a horizontally oriented page that expands to the right. The problem is, the content goes off the screen.
I want to know how to make all of the content on the website scroll with the mouse direction like this webpage- sectionseven.com
Does anybody know how to do this or something similar?
i'm trying to setup a scrolling list of products but without the use of a scrollbar. It would be really thankful if someone would assist me in getting attached fla integrated with mouse based scrolling. So if the user moves his mouse to the upper corner of the product list then it would scroll up and vice-versa.
View 1 RepliesI followed a tutorial over at [URL] regarding scrolling thumbnails with the mouse pointer. Everything is working fine except the thumbnails are not stopping at the left and right x position that I have set. I'm tracing the x position of the thumbnail MC and it's showing that it's not changing, but the MC is definitely still moving. The code I'm using is:
Code:
panel.onRollOver = panelOver;
function panelOver(){
this.onEnterFrame = scrollPanel;
[Code].....
I would like to make a panarama viewer that scrolls the image left on mouse wheel up and right on mouse wheel down.my image instance is bg_mc
View 10 RepliesI have a very loooong image, all I want is to scroll left and right on mouse over. I´ve already searched extensions, everything I find is for multiple images. Here´s an example of what I want to do [URL]
View 3 Repliesi have completed this script which i have learnt so how do i convert this script into automated scroll when i mouse over the image to left or right by tracking the mouse ?
View 7 RepliesI got this scrolling code here which works good but I wanna make it so when the mouse rolls over the mask the user can scroll with the mouse wheel.
ActionScript Code:
import com.greensock.*;
import com.greensock.easing.*;
import com.greensock.plugins.*;
[code]....
mouse scrolling xml menu?
[URL]