ActionScript 3.0 :: Masking - Scroll Through All The List Items Dynamically
Nov 11, 2010
Lets say I had a rectangular sprite that could fit about 10 'list items'. However, I have like 100 list items. What I desire is adding all these 100 list items to this one rectangular sprite, so 10 will fit and the 90 should be masked, and I can scroll through this rectangular sprite (by dragging the box upwards) to view more list items. This means that only 10 list items are visible at one time but I want to scroll through all the list items dynamically.
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'm sure someone must have accomplished this before, but I couldn't find any article on this.
How can we scroll a List control (with uses an itemrenderer) to the next item, when the user tabs from the current item to the next?
I know that we can use scrollToIndex(i), but how do we notify the List that the itemrenderer has moved to the next index? I couldn't find any such event.
I want to dynamically add different items to thumbContent canvas and use scroller canvas to scroll. I see than the height of thumbContent bigger than 7977 it truncate from scrolling. So - I see the scroller canvas with empty space on top. Then I scroll to bottom - I see the content of thumbContent and at bottom scrolling I see empty space too.
I'm creating a facebook application in flex. I'm actually working on the friends component that shows your friends who are using the application. now, each friend has a profile image.
I created the component using a s:List element.
In the Skin Class of the element i configured the requestedColumnCount to 3, which means it shows 3 friends. i added buttons to scroll left and right in the list.
Whenever I scroll to see a different friend, for a half of a second i see no image because the List component is loading the image in order to view it.
is there a way to make the list preload all the elements so i won't have this kind of problem ?
I'm using flex 4.1 to write an application. i read in the documents that has the rowCount property to set how many items to display. the does not have that property. how can I limit the list to display 3 items ?
I am working on an older Flash project created in CS3 ActionScript 2.0 How can I make the pointer cursor change to the hand when hover over a list item?_root.slidePanel.myList'myList' is the list. I have traced out the contents of the List MC and it has a child MC called 'content_mc'. I assumed this was the object containing all of my list items but the only members of this MC I can see (when tracing them out) are 'setRGB' and 'searchKey'.
Why I have to press 2 times the arrow key down to get a navigation through the list items in a list component of Flash?
Theres any workaround for this? I have a listener for keyboard event that checks if keyCode is equal to 40 if it is then I use 'stage.focus = list', but I have to press 2 times key arrow down to start navigating through list items.
I wrote a short AS program to create a tileList and it functions fine, but I need to be able to scroll the list of pics according to the position of the mouse with out actually moving the scroll bar.... example of what I mean: the farther to the right mouseX is on stage, the faster my tileList scrolls to the right, if mouseX moves to the left of the stage, so does the scroll bar...Here`s my code so far:
import flash.display.Sprite;import fl.controls.TileList;import fl.controls.ScrollBarDirection;import flash.text.TextFormat; var tlc:TileList;[code]........
I am creating a map of the USA and when a user mouses over a particular state,I want to display a movie clip (which is just a text list of our dealers in that state). When the user mouses out I want the list to disappear.However, I want the user to be able to mouse over the list to scroll the list and whenever I try it, obviously the state loses focus and the MOUSE_OUT Event fires.How to I get around this?Here is the code I have currently:
I have a movieclip which is being masked using another movieclip. In one condition I want to unmask the mc. But it seems, mask = null isn't working.can I remove mask dynamically.
I made an xml loaded dynamic image gallery and I cannot figure out how to crop the image should it be too big. Masking appears to work only with a movieclip created outside of actionscript (which cannot be created dynamically).
I've got an object in the library that's a basic rectangle with an outline. A for loop creates a grid dynamically. I want to create a mask that goes over this grid. I'm using "my_object.mask = my_mask", but to no avail
I wonder whether anyone could give me an idea of where I am going wrong with this.I am loading images into a sliding menu which will act as a thumbnail viewer, the structure of which is: "thumbsContainer" (movieclip) nested inside "galleryPane" (movieclip). The images are loaded into movieclips named "all_thumbs", which are added to the thumbsContainer stage.
I would like to mask the content of the thumbsContainer, so that only the images physically within the thumbsContainer border will be viewable. I have tried adding my coded mask to the thumbsContainer stage, and tying it to the thumbsContainer; and have separately tried the same with the all_thumbs movieclip - but no matter how I organise my code, I can't get this to work. If the mask is tied to the thumbsContainer mc - that element disappears; if the mask is tied to the all_thumbs mc, only the background to the thumbsContainer is visible. Either way, I cannot get thumbnails to display through the mask. No thumbnails at all will display on stage.
I've had a good look through the books I have and online, but with no joy so far.
I'd be really grateful if someone could give me a steer with this.
I am loading images into a sliding menu which will act as a thumbnail viewer, the structure of which is: "thumbsContainer" (movieclip) nested inside "galleryPane" (movieclip). The images are loaded into movieclips named "all_thumbs", which are added to the thumbsContainer stage.
I would like to mask the content of the thumbsContainer, so that only the images physically within the thumbsContainer border will be viewable.
I have tried adding my coded mask to the thumbsContainer stage, and tying it to the thumbsContainer; and have separately tried the same with the all_thumbs movieclip - but no matter how I organise my code, I can't get this to work. If the mask is tied to the thumbsContainer mc - that element disappears; if the mask is tied to the all_thumbs mc, only the background to the thumbsContainer is visible. Either way, I cannot get thumbnails to display through the mask. No thumbnails at all will display on stage.
Code:
all_thumbs.addChildAt( thumbLoader, 0 ); c = c + 1; if ( c < totalPics ) { all_thumbs.alpha = 0;
I have a Flex list and a custom ItemRenderer. I'd like to be able to have some items in the list use a different ItemRenderer (say, depending on the class of the item). Is this possible?
How do i add to a display list thats already has items on it?
this is what I have already
ActionScript Code: public function LotteryDraw() { // get the display list positions for each MC and text field... var startButton = this.getChildAt(0);
i would like to have a list being appeared in wich the items appear gradually one by one.generating the list isn't a problem, but letting the items fade in after each other ?in a later fase these item would become button for in a menu. my current code, probably a mess:
title = new Array("house DC","residence GRK","offices J","youth hostel","house VDV","concordia"); var fadespeed="10"; dupMovie = function () { for (i=0; i<title.length; i++) { option.duplicateMovieClip("option"+i, i);
if there is a way to get a manual text list (or an array or really just anything I could use to get an overview) of items in the library of an FLA...?
I have about 60 movieclips of different flags in my FLA- they all are "linked" to be used in Actionscript- so they have names there but are not named otherwise (as instances on the stage, for example).
Is there a way to get a list of them? I don't want to have to type them all out manually, if there is another way
This is driving me crazy, it seems like it should be simple but I haven't been able to find any documentation on it anywhere. I have a List() that I've created and populated with a DataProvider. I want it so that when you click on a list item that item becomes disabled (in the same way you set list.enabled = false). Since I haven't found out how to disable the list, I have something like this which just removes the entry:
I am working in Flash Cs3.I am having a List component in my application.I added 10 items into my list component. Now out of those 10 items, i want to disable particular list items like Item 4, Item 8, Item 9. How to do this using flash cs3 or flash 8.0.
Item1 -- Enabled state Item2 -- Enabled state Item3 -- Enabled state[code]...........
i want to implement a simple list containing 6 items in action script 3.0. The screen shall show 4 items at a time and it has to get the key presses just to move UP?DOWN in the list.
I have been working on making a menu for list items. The file below has an animated menu. If you click on Artificial Intelligence on frame 60, it jumps to frame 61 (a specific section for that list item). How do I make the Artificial Intelligence button on frame 61 jump back to frame 60? I dont know where to add the action script for the function. I need to add a similar script to all 9 list items, do they go on one actionscript file? if so what location? [URL]
Below is a function set that's used to get info from an XML source(s) and populate a List Component (videoList). Works great. The second function loads data from a separate XML source and populates the SAME List Component. When the second function is called it loads the data in addition to the existing data into the List Component. I want it to REPLACE the data. How would I accomplish this?
public function getXMLdata(event:Event):void { var campXML:XML = new XML(xmlLoader.data); var vid:XML; for each(vid in campXML.vid) {
For the RSS I made a scrollable list of the items from the xml to show the time+title - this is working fine. Now when I click on the title it show on the text area (logText) the description. Now what I want is to add a link behind the description. I have tried with .link but it shows the whole link tag and not clickable link to the page... function selectLog(evt:Event):void { logText.htmlText = rssXML.channel.item[evt.target.selectedIndex].description; Would be nice to have the link working.. like "read more".. clickable link... behind the description.
