Scrolling A Sparks List With TileLayout In Flex 4.5?
Sep 1, 2011
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]...
View 1 Replies
Similar Posts:
Aug 27, 2010
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]...
View 1 Replies
Apr 11, 2010
i 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?
View 4 Replies
Jul 1, 2011
I have a renderer that looks like this:
[Code]...
Loading thumbnails using this method works perfectly. The issue happens when you scroll the List.
View 1 Replies
Dec 31, 2009
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]....
View 1 Replies
Jun 13, 2011
Is there any way to detect whether a list is scrolling or not, likelist.isScrolling.
View 3 Replies
Oct 23, 2011
I 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].....
View 1 Replies
Dec 22, 2009
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.
View 1 Replies
Jan 10, 2011
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 Replies
May 12, 2010
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
Mar 13, 2011
[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 Replies
Oct 26, 2010
I have DataGroup with TileLayout. How to make datagroup resize accordingly to number of elements in datagroup?For example 1 have 1 row with 4 elements. Each element is 20 pixels tall. So I want my datagroup to be 20 pixels tall as well. If I have 7 elements which will be 2 rows I want my datagroup to be 40 pixels tall and so on.Right now for datagroup with 1 row is about 100px tall.
View 1 Replies
Feb 21, 2011
I get the following warning when I run my application:
warning: incompatible embedded font 'Arial' specified for spark.components::Label (Label104).This component requires that the embedded font be declared with embedAsCff=true.
The application I am working on is a mix of Halo and Sparks components as I am migrating it to Flex 4. The text that is showing in the text fields is defaulting the systems serif font. There are a few problems with this warning.
1) I am not embedding any fonts in the application. I am not even assigning the Arial font to any of the components.
2) If I check the "Use Flash Text Engine in MX components", then all the text fields in the app throw the warning. Not just the sparks text fields.
Why does flex 4 think that I am using an embedded font with the sparks components? Is there any way to get around this warning and have the text fields use a non embedded font?
View 1 Replies
Mar 18, 2011
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.
View 2 Replies
Jun 30, 2011
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 Replies
Sep 15, 2011
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]
View 1 Replies
May 12, 2010
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
Sep 13, 2010
I have a simple application that consists of a HSlider and a list that contains a item renderer with a border container managed by a tile layout. For some reason when moving the slider to reduce the size of the item renderer it only reduce to a certain size and wont reduce any further. I use the same principle in flex 3 (with mx components it works fine).
[Code]....
View 1 Replies
Feb 8, 2011
Here's what I have right now, which works:
<s:List id="list"
itemRenderer="spark.skins.spark.DefaultComplexItemRenderer"
horizontalCenter="0"[code]....
but since there is no name property on the BitmapImage object, I get errors.I guess I need to put each BitmapImage in an Object and also put in a string as a property of the object, but I can't figure out how to do this. This is my best guess, but then I don't know how to specify the property name for the BitmapImage:
<fx:Object label="Truck">
<s:BitmapImage source="@Embed('../images/menus/car_types/truck.png')" />
</fx:Object>
After that, I guess I would make a custom ItemRenderer to read out the properties on each object?
View 1 Replies
Jun 26, 2010
I am trying to do a simple CSS declaration. However, I got the warning above and not sure how to solve it. I thought s|(type) should declare the style for me
<fx:Style>
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";[code]....
View 1 Replies
Jul 7, 2011
I'm implementing an image gallery which presents assets as equally sized boxes that are forming a grid. I thought that I could easily achieve that by using the spark.layouts.TileLayout but unfortunately I have some additional requirements that I'm unable to implement with it.The general principal should to be to present as many boxes as possible within given space. The entire layout of the application is liquid and depends on the user's screen resolution.[code]I don't know the RequestedColumnCount or RequestedRowCount in advance as they depend on the available space, so the above code layouts all elements from left-to-right and then from top-to-bottom - which is as close as you can get from what I really want to achieve.This list of boxes should be cable of rendering fake paging. In reality it means that if the last visible row does not entirely fit the available space it should be moved to the next page.
To give you an example let's imagine that we have a list of 10 images. Each one is 10x10 px but my screen resolution only allows me to fit a grid 35x35 px. This means that one page is only capable of presenting 9 images in form of a 3x3 grid (as 5 px is not enough to present a full image). The 10th image should be then transferred to the second page.This is obviously not happening automatically with the code that I've pasted above as the TileLayout allows for displaying partially visible rows (in a form of a vertically scrolled list). I was wondering how I could achieve the behavior described above.If the above description does not sound logical please let me know so that I can adapt it (or include more details).
View 1 Replies
Sep 1, 2011
I am working on a Flex mobile project and am using a TileLayout to layout a bunch of groups. The problem is, if any text in one of the groups spans several lines, ALL tiles get resized to the same height. I need the tile width to be the same for all tiles, but I want the tile height to be the tallest only on each row.
View 1 Replies
Mar 26, 2010
I would like have button containing other components (example:TextAreal, Image). I have found Flexlib with CanvasButton but in Flex4 id didn't work.
View 1 Replies
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.
[Code]...
View 1 Replies
Oct 10, 2008
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
View 6 Replies
Mar 12, 2010
There is a list in some frame in my file. The list is too large for this stage. How can I make this list scrolling?
View 5 Replies
Jun 22, 2011
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.
View 4 Replies
Oct 16, 2011
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 Replies
Feb 10, 2011
are there any events that the scroller will dispatch when being scrolled?
View 1 Replies
Jan 25, 2011
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.
View 1 Replies
