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?
View 2 RepliesBut this is only for 1 movieclip. And I need the entire stage and everything of whats in it (except for the layer with the background image) to be moved this way. But how?Also want the scroll to be restricted to a max y-position of 860px even if the entire stage goes as far as a height of 1508px.
View 7 RepliesI put a text area component on stage and set the vertical scrolling to Auto, so now when ever I have to much text the scroll bar pops up, but the problem is that I can't get the scroll bar to always be on the bottom, so when ever I add more text I always have to use my mouse and drag the scroll bar to view the latest info, is there a way that I can see the latest update without having to manually scroll down?
View 1 RepliesI 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 using mx:Tree (in Flex 4), and assigned a customised MXTreeItemRenderer for every items. As the TreeItemRenderer contains a list with tileLayout, which means the height of every row is variable. So I have to set the tree's "variableRowHeight to true. When I was testing the tree, everything went well. But when I was using the vertical scroller, I met some problems:
The scroll bar did not move to the position I want. When I was scrolling the content, the scroll bar sometimes scrolled to a unwanted position (e.g. the head of the tree). When there are more rows, the problem is more obvious.When I was scrolling the tree, the images were flicking all the time.
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 list item with buttons in it like so:
<mx:List contentBackgroundAlpha="0" baseColor="0x333333" leading="10" id="weekButtonList" width="260" borderVisible="false" dataProvider="{_data.mappoints.week.@number}" itemClick="onWeekClick(event);" >
[Code]....
No matter what I do, these buttons have a vertical gap inbetween them. I have tried everything from setting the "vertical-gap" property to negative and positive numbers as well as changing the padding-bottom and padding-top on them. I want the buttons to be right up against eachother vertically. I have also tried "button-height" and padding on the List component...still nothing. How do I control this?
I'm using Adobe Flex Builder 4.5, and I'd like to create a vertical, scrollable list of panels for an AIR application. How do I do that?
View 1 RepliesI have created a vertical menu that scrolls through menu items in a movie clip.There is a big white gap when the movie clip runs out, and it snaps back to the beginning.I would like it to scroll seamlessly, having the end join up with the beginning again without any space.I would like it to scroll to one end of the list and STOP, and scroll back the other way and STOP - without any white space.URL...
View 1 RepliesI want to use event timer every 3 seconds to refresh List. I have created event timer but don't know about function to refresh List.
View 1 RepliesIs there a way so that every time the list is changed (data add, data deleted, etc.), the list will re-update or "refresh?"
View 2 RepliesI'm developing a Calendar application, and I'm using a Spark List inside a Panel for each individual day, in a 5x7 grid. I'd like to make sure that the individual lists stay the same size and simply add scrollbars when needed, but I'd also like to avoid setting an explicit width or height to maintain compatibility with multiple screen resolutions.
View 1 Repliesi have a spark List control. it has a dataProvider that shows reply from twitter search.i have created a function for change handler like this:
protected function list_changeHandler(event:IndexChangeEvent):void
{
ta.text = coverflow.selectedItem.title;
}
so, whenever i select each of the items in the List i will see the message(ta.text)but now, instead of me manually clicking the first time, i want it to automatically click/select the first item and see the first message(ta.text)how do i do it?
Is there any way to detect whether a list is scrolling or not, likelist.isScrolling.
View 3 RepliesI have a flex list, nothing fancy:
<s:List id="list" left="0" right="0" top="0" bottom="0" borderVisible="false"
dataProvider="{data}" labelField="1" textAlign="left"
itemRenderer="MXML.ItemRenderers.ListItemRenderer" horizontalScrollPolicy="off">
[code].....
I am having this very weird behavior with a mx:List control not scrolling properly.Here is a snippet:
<mx:List itemRenderer="customerRender" x="19" y="257" height="68" width="290" id="orderStatusHistoryList" color="#CCCCCC" rowHeight="35" ></mx:List>
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.
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:
[Code]...
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...
View 1 Replies[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 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.
View 4 RepliesI 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'm trying to create a vertical auto scroll. The idea is to move up or down the image gallery when the user passes the mouse over a mask movie clip. Problem is I'm not sure how to determine the right coordenates form this movie clip. Let me explain, I can imaginary divide this movie clip in half. Top half let me move the gallery to the bottom and bottom half let me move the gallery to the top. It will be great if some easing could be added in the process.
View 5 Replieswhat i got:
Code:
var nav1pos:Number = 37.5;
function scrollingUp(evt:MouseEvent):void {
if (nav1pos < 37.5){
[code]....
Now at the moment all it does it shunt up/down once and then stops, but what i want it some constitant scrolling until the user removes there mouse from the scrollUp or scrollDown box.
I have about 27 photos. They are all 250x188. I would like the work space to be 250x564 so that 3 photos display first and they keep scrolling from the bottom to the top continuously through all the photos and repeat. Could someone recommend the best way to do this in Flash CS4. I am totally new to this.
View 9 Repliesjust graduated from college in graphic design and I am trying to make a flash portfolio page to showcase my work. I have everything done so far except that I am having problems with this one bit of actionscript....I have been at it for weeks, looking at diff. tutorials, but I just can't seem to get it.I have a movieclip ("strip") and I want to it scroll up and down depending on where the mouse it, I also want it to duplicate so that it never stops scrolling...just keeps on looping. I am working this off of another tutorial that I found, but I am having trouble getting it acclimated to my flash.
//initialize
onClipEvent(load){
percent_increment = .075;
[code]......
I am trying to create Vertical scrolling images. I found a tutorial using AS 3.0, used that, but made a couple of alterations - like I did not want the images centered on the stage and I added more images than what the tutorial showed. As a result I have several errors in the Actionscript.
View 13 RepliesI'm trying to create a Vertical scrolling xml menu. This menu is based on [URL] "Creating 3D Carousels tutorial"
This is my code
Select all
var Items:Number;
var xml:XML = new XML ();
xml.onLoad = function () {
_root.createEmptyMovieClip ("mc_Control", this.getNextHighestDepth ());
mc_Control._x = 0;
mc_Control._y = 0;
[Code] ......
My problem is when I add a new item in the xml file, I can't see it in the .swf file. My xml file have 37 items. I only see 24 buttons! in the .swf file and I' m stuck at this point my buttons have 26 px (_height).
I'm looking for a code that basically does: [URL] with vertical scrolling as well. I know there's [URL] which is great - but I can't use scrollRect because the movieclip I'm scrolling is dynamically refreshed with externally loaded content and resized with a zoom slider I made. The Kirupa one works well, except I need a Y, and I need its boundaries to be within a mask. The mask has a set size, while the content may change in size (due to the zoom slider).
View 1 Replies