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 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.
[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'm experiencing a very strange behavior with a spark list with TileLayout placed inside a scroller. Basically, I want to have a title area above my list that scrolls away when the user scrolls down the list. To do this I put the title and the list inside a Group and wrapped the group inside a scroller with width and height = 100%. I also set the verticalScrollPolicy to off on the list to make sure everything scrolls together.
The problem is that if the list has the default VerticalLayout everything works fine but if you assign a TileLayout to the same list it only partially renders the items (about 30 items when testing on iPhone 4).
Here's the fully functioning code. Try it like this first, then try removing the <s:layout> part to confirm that it works well with VerticalLayout:
[Code]...
Here is a snip from within my code:
[Code]...
The 'recommendations' dataProvider is an ArrayCollection of String, which are generally sentences about as long as this one. By setting the variableRowHeight and wordWrap properties as shown, if a sentence is too long to fit on a single line, everything works fine- the row expands and the messages show on two lines, or occasionally three.
The space allocated for this panel within the entire canvas means if the total text size of 'recommendations' exceeds six lines, I need for the entire list scroll. This is also working just fine. The trouble is when using the mouse wheel to do the scrolling- Flex scrolls both the entire list and the single item where the mouse is hovering. Often this results in only the second half of a sentence being visible. Non-programmer friends I have asked to look at this noticed this, and tell me it as a problem. If a user does not notice the dual scrolling, and sees only a fragment of a sentence, it will be perceived as an error in the application.
[Code]....
I have a renderer that looks like this:
[Code]...
Loading thumbnails using this method works perfectly. The issue happens when you scroll the List.
I have a component extending a Spark List, and when I scroll using the mouse wheel it scrolls too much in one go. I have tried looking for the handler that deals with mouse wheel scrolling in the List class and VerticalLayout class to override but I cannot find it.
View 1 RepliesIs 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]...
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 am trying to manipulate the following code so I can use the mouse wheel with the scroller. I am not sure how to link the two. The scroll bar works fine, I was just wondering if there is a small bit of code that will allow me to do this.
[Code].....
How to scroll Spark list with a disabled scroller bar? I created two buttons to scroll up and down, but it is unclear what methods can be used to scroll the list.
View 1 RepliesI found this wonderful little game on Newgrounds which somehow allows the user to scroll the mouse wheel without scrolling the HTML page.URL...Does anyone know how they've done this? I know its not a javascript solution because while the game is loading, you can scroll up and down the HTML page (even if your mouse focus is set to the SWF). But as soon as the game starts and initiates, the mouse wheel only affects the SWF and not the HTML.
View 1 RepliesI'm pretty familiar with Actionscript, and this one has me completely stumped. What I'm trying to do is to prevent people from scrolling a TextArea with their mouse wheel, as the TextArea is inside of a ScrollPane, and at the moment scrolling one will scroll the other (double scrolling). Initially I tried[code]...
View 1 Repliesim working on a website with a fullscreen toggle feature.On one of the page i got a textfield that gets all the text from an external xml file.I created a custom scrollbar that will allow scrolling for the textfield.Im looking for a way to disable to option of mouse wheel scrolling.When i publish the movie and use the html file it doesnt allow mouse scrolling but when i go to full screen and i try to scroll using the mouse wheel the textbox is scrolling, the problem is that my custom scrollbar isn't. is there a way to make sure that the scrolling will be disabled at all time ?
View 2 RepliesHow can I tell when I have reached the bottom of the dynamic text(agreeText) when using the mouse wheel. I have a scroll bar(scroller) and to know when I get to the bottom I use the follow...
ActionScript Code:
scroller.addEventListener('scroll', evokeAgreement);
function evokeAgreement(evt){
if(scroller.scrollPosition > 164)
....
I have been trying to find a way to make my flash slider bar work with the mouse wheel, but can't find how to integrate with the code I already have.
ActionScript Code:
scrolling = function () {
var scrollHeight:Number = scrollTrack._height;
var contentHeight:Number = contentMain._height;
var scrollFaceHeight:Number = scrollFace._height;
var maskHeight:Number = maskedView._height;
[Code] .....
I download .fla with working scrolling script and optimized it under my project.All would be good, but theres no mouse wheel support. I'm trying to get it, but i can't.
My code:
ActionScript Code:
scrolling = function () {
var scrollHeight:Number = scrollTrack._height;
var contentHeight:Number = contentMain._height;
[code]....
Essentially, I have flash content that scrolls on mouse wheel. It works fine, unless there is other content in the browser such that the browser's scrollbar is enabled - when that is the case, both the browser window AND my SWF scroll on mouse wheel. Is there any way to correct this behavior?
Similar question asked here:
disable mouse wheel scrolling while cursor over flex app?
which references the solution blogged about here:
[URL]
But the solution does not work on all browsers! While it works on some Windows browsers, it doesn't work at all on Mac OS X - it registers mouse wheel events in Firefox, but they are not getting fired at all in Chrome and Safari.
Now I know that (per the official Adobe InteractiveObject docs) mouse wheel is supposedly only supported on Windows systems, but the event is still fired by default on Mac OS X. Is this simultaneous scroll bug the reason it is not supported?
Edit: adding more info on above solution...
Note that the above solution basically uses ExternalInterface to send the following JavaScript to the "eval" function:
var browserScrolling;
function allowBrowserScroll(value) {
browserScrolling = value;
[Code]....
I am experiencing no scrolling below a certain scroll velocity on both mouse and trackpad on my Macbook in Safari 4.I have the mouse wheel events working on my mac through the javascript bridge from http:[url]..... I also have normalized the delta in my actionscript to be -2 if below 0, and +2 if above 0. Testing the delta on the javascript side, the mouse wheel at the slowest I can scroll it reads well above or below 0, and the trackpad reads around .025 to -.025... so I'm wondering why is it that Safari doesn't see this until higher speeds?Scrolling works, I just have to give the wheel some speed before it kicks in. It works perfectly in Firefox.
View 0 RepliesI know this is simple but I dont know how to do it. code so that when you scroll the mouse wheel up and down, the number in a dynamic text box will also go up and down relevant to which direction you scroll the wheel on the mouse.
View 0 RepliesI searched for this a lot, but I couldn't find a solution for this 'bug' as it's called here:click on first flash, and use mouse wheel, then click on second flash and use mouse wheel again. Now You know perfectly what 'bug' I mean.The thing is, I believe this bug can be solved WITHOUT externalinterface. This chat is made with AS 3:pen 'codebox', hold ENTER to make a hundred of lines or so, and then test your mouse wheel.It doesn't use any externalinterface technique (both obviously as it's Kongregate, and confirmed by author), just mx.component.textArea that itself implements the scrolling nicely.I couldn't achieve that with even.preventDefault or stopPropagation.
View 1 RepliesI have researched the infamous 'Flash hogging keyboard focus' issue, but I believe our issue may involve a workaround that someone else has already come across. I've tried the various solutions I've found on stackoverflow and other sites, which I summarize below.We have a web app, and a particular interface loads several divs that we are using as "tabs". When a user clicks one of the tabs, we hide the current div and un-hide the new one. Our main tab (which is loaded when the page loads) embeds a document from Scribd, which is loaded as a Flash movie. When a user clicks on the Flash movie, they scroll with the mouse/keyboard like normal, and when they click outside of the document control returns as expected.When they navigate to another tab and then return to the original tab and click on the embedded Flash to navigate within it, the embedded Flash steals control of the mouse scroll and won't let it go. The user can click in this document and scroll with the arrow keys and then click out of the document and scroll the parent window with the arrow keys, but mouse scrolling is still bound to the embedded Flash movie. The only remedy is a hard page refresh.[code]This doesn't work -- I can confirm that the element is removed from the DOM, but when it is returned to the DOM it hogs mouse scrolling when clicked just like before.I also tried a similar solution, but instead of removing the element I called [code]
View 1 RepliesI face a problem while i am try to scroll up or down the content in a scroller via viewport. my MXML cod is
[Code]...
I have several horizontal scrolling lists with differing item widths stacked inside a Vertical Group. On an item click all any selected item from the other lists will be cleared. When any of the lists are scrolled all the other lists should scroll exactly the same amount in the same direction, simalar to [URL]
The synced scrolling is throwing an undefined error and has crashed the adl(it is a mobile app) on one occasion. This happens only when I add more than 2 synced scrolling lists via event listeners.
So my question is: Can anyone see why this errors or is there a better way to achieve this type of horizontal scrolling multi-list, possibly a really wide data-grid or group of buttons inside a scroller?
<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
[Code]....
How can I make my datagrid have its first column fixed and scroll the reset horizontally and vertically?
View 1 RepliesI found this example [URL].. which works great but only if you have the focussable elements in a VGroup.
However I have a Form inside the VGroup which means that the focussable elements are in FormItems of the Form. The Form can't be added directly into the Scroller and doesn't have a layout property.
I could use form.getElementIndex(formItem) and then do some math using the formItem y position but that's very ugly. Anyone have an idea how to get this working in a clean way like the above example?
How do you scroll an editable TextArea (Flex Hero) on a touch device? I am referring to the situation where the text does not fit in the TextArea height.When I try to tap and drag the text gets selected and not scrolled... Am I missing a something here? I am using verticalScrollPolicy = on (also tried auto).I am testing the code in the Blackberry Playbook simulator (my targeted device for my app).
View 2 RepliesI want to use the mouse wheel to set the value of a VSlider. By default, the slider performs this automatically. My only concern is the step interval if the mouse wheel is used. It set the properties "snapInterval" and "stepsize" to 1. But if I use the mouse wheel, the next value is always +/- 3 .
How can I set this behavior to +/-1?
Here is the code to create the slider:
Code:
sliceSlider2 = new VSlider();
sliceSlider2.dataTipPrecision = 0;
sliceSlider2.minimum = 1;
[Code]....
I have a custom class that extends List which I am using as a container. However, the scroll speed is too fast on the mouse wheel, as in it scrolls loads even if you only move the wheel a tiny bit. I tried adding an event listener to my list for MouseEvent.MOUSE_WHEEL and setting the value of event.delta but this has had no effect. Does anyone know how I can make it slower?
[Code]...
Is there any way to detect whether a list is scrolling or not, likelist.isScrolling.
View 3 Replies