ActionScript 3.0 :: Dynamic Scrolling List With Jpg Support
Feb 20, 2009
I'm trying to create a list basically with more than one selectable field and the a jpg field all aligned together a la list field but I want to be able to add a field that uses a jpg as well and I want the fields to be selectable. I dont want to select on one item in the row and all of the rest in the row get selected. Similar to what I'm trying to do is the Tilelist and the list component combined. I'm getting an array from database query.
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).
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.
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;
Where can I get a definitive list of Android 2.2+ phones that don't support Flash?I released an app that uses Flash for some features if installed on Android 2.2+ phones, but found out today from a user that the T-Mobile MyTouch 3G has 2.2 but can't get Flash. At this point I'm going in and adding a check against the Build.MODEL for the MyTouch 3G but I'd like to know if there are other phones I should check for as well.
Creating a dynamic list and associating a picture with each list item. i need the list to be scrollable, and i want the list and it's associated picture to be displayed randomly when the application is re-launched. i.e it doesnt show the same list everytime.
I also what to be able to sort the displayed list items. e.g if the list items is about restaurants, i want users to be able to sort the displayed items by either; district, cusine type and gastro type.
I have a photo browser that I am building, and so far itlooks good. It loads in however many images are listed in an XMLdocument to thumbnails, and then opens a larger window when youclick on them. The program basically stacks the thumbnails on topof one another in a movieClip, and you scroll through with a scrollbar or by dragging the thumbnails up and down directly. My issueis, once that movieClip gets to a certain size, Flash doesn't dealwith it well. Let's say I have 100 images I want to scroll through.If I stack them all up, and they are 150 pixels high with 25 pixelspadding each side, that's a 20,000 pixels high movieClip, and thatdoesn't fly. I thought about using a list component, but I need itto scroll smoothly, and not only a cell at a time.
Do folks have any ideas on how to do this? It's really keythat it scrolls smoothly, and that it can scroll by dragging photosdirectly up and down in the viewer. It's easy now because I canhave the dragging behavior attached to the thumbnail scroll, andnot each individual image, and I can move that one movieClip,rather than tracking the position of all the images
I'm very novice at actionscript 3.0 so I can't handle custom components so I just use components given to me through flash professional. I want to scroll through a list by clicking down and moving mouse up and down (Almost like touchscreen model scrolling eg. iphone, andorid, ipad). I've tried startDrag() after adding EventhandlerI(ListEvent.ITEM_CLICK) to the list but it would start dragging the WHOLE list not through the data in the list. If my explanation isn't clear enough I'll be gladly be able to answer your question! So basically I dont want to see the scrollpanel skin on the right. If there is a way create this scrolling effect any way possible.
The custom render creates a vBox that is 35 pixels high with some labels in it.Now, my dataProvider, set in the script block,is returning 3 items for the list (say item1, item2 and item3). Because of the height of the list control, only 2 are shown initially.Now for the weird part, when I scroll down the list to see the next item it is all messed up.
Initial display: Item 1 Item 2
Display after clicking the scroll down button:
Item 2 (expected) Item 1 (What the ?, this should be item 3)
Display after click the scroll down button one more time:
Item 1 (all wrong)
Now, if I increase the height of the list control,so it has enough room to display all three items, it displays fine.Also,I put a trace statement is the item render and flex is rendering all three items with the correct data.
In my air app I have a list(vertical) on the left side, like a sidebar. It`s working fine! The things is I want to put some animation in this list, which all the times when I select one item all the list moves, and this item goes to the center of the list!Someone have same example or URL, or something?
I'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:
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.
I am creating an application in Flash CS5 which will be published for iPhone. I need to scroll a list of entries, just like we have a list of songs in iPhone. I am not able to get how to make the scrolling of the list possible. I tried using TouchEvent class but it is not firing any method in Device Central.
I'm using a list element with variableRowHeight and word-wrap set to true like in the example below: [URL]. When I scroll through the list with a mouse scrollwheel the text in the listItems also scroll. I know that this is to do with the height of the textField...
[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.
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.
I have a simple list and a background refresh protocol.When the list is scrolled down, the refresh scrolls it back to the top. I want to stop this.I have tried catching the COLLECTION_CHANGE event and validateNow(); // try to get the component to reset to the new datalist.ensureIndexIsVisible(previousIndex); // actually, I search for the previous data id in the IList, but that's not importantThis fails because the list resets itself after the change).I hate to use a Timer, ENTER_FRAME, or callLater(), but I cannot seem to figure out a way.The only other alternatives I can see is sub-classing the List so it can catch the dataProviderChanged event the DataGroup in the skin is throwing.
I created a custom layout for a list, to be used on a mobile (android). I used this as example : [URL], using virtualization. Now the problem I have is with scrolling : when scrolling to the bottom of the list, there seems to be always a "bounce back", as if the list would have reached and as if the bounce/pull effect is taking place. But in fact the list has not reached the end at all, in fact I can not even scroll to the last element in the list. When going back from bottom to top, there's no problem at all.
I trace the top and bottom of the Scrolling Rectangle (Rectangle.getScrollRect) and there I can see that when scrolling down, the top and bottom parameters increase, but when releasing the touchscreen, all of a sudden the parameters decrease again with a certain amount, and so never reaching the end of the list. All my code is available on google project hosting : [URL]
I'm using a list element with variableRowHeight and word-wrap set to true like in the example below:
[URL]
When I scroll through the list with a mouse scrollwheel the text in the listItems also scroll. I know that this is to do with the height of the textField...
I have been scripting this flash profile card which pulls data from multiple XML files. The problem i am having is when it comes down to pulling this 1 set of information which is accessing the attributes of an array of specific XML nodes on display after the first item it inputs a comma before each item.
My code: ---------------------------------------------------------------------- --- xmlData = new XML ();xmlData.ignoreWhite = true;xmlData.onLoad = loadXML;xmlData.load ("../xml profiles/test.xml"); ---------------------------------------------------------------------- ---- function loadXML (loaded){if (loaded){ xmlNode = this.firstChild;
[code].....
This is just a draft version of the layout i used to pull up fake data... to show the commas.Lastly i am wondering if it is possible to control the 3 text fields using 1 scroll bar or would i be better off learning how to create columns in 1 text field to display these lists.
I'm trying to create a simple scrolling text box for a web site and am following this web tutorialI'm using flash cs4 ad this relates to cs3. I seem unable to locate the instance name box anywhere.
My boss wanted me to make scrolling images and captions for each image when you rollover them. I made the images scroll by making each image a button and masking those images. I can't seem to get the captions right though.The dynamic text box I am using is inside the mask (because I cannot figure out how to put it on the main time line and make it work). The rollovers work when the dynamic text box is in the mask, but when I scroll through the images, the text scrolls too and some of the captions you cannot even see. The web site is below if you need to see what I am talking about.http:[url].......
I figured that what I need to do is put the dynamic text box on the main time line and not in the mask. But I can't seem to get that to work.Here is the code I am putting on the actual image buttons. My text box instance name is rOver and yes, I did embed the fonts.
on (rollOver) { rOver.text ="caption"; }[code]..............
I have succesfully created a scrolling text field that is marked as dynamic. My problem is loading the XML text into it once I place it within a movie clip. So I have a dynamic text filed in movie clip A which is masked by movie clip B and then has a custom scroll bar attached to scroll the content. When I try to import text to place in the dynamic text field ( rather than typing the text within flash ) it doesnt show up.
