Flex :: 4.5 : Strange Scrolling Behaviour In Custom Layout Used In A List

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]

Similar Posts:

Xml :: Flex Children() Method Strange Behaviour?

Feb 20, 2012

I have the following xml declaration:

public var reqData:XML = <root>
<Requirement ID="REQ-GEN-0.1" title="exigence gen 1" description="blabla 01" testable="true"/>

[code]....

Flash :: Strange Behaviour In A String Matching Algorithmn

Aug 13, 2011

I know my 'algorithm' isn't useful at all, but I think I encountered a very strange behaviour.

[Code]....

Actionscript 3 :: Flex Mobile: Strange Behavior In IconItemRenderer List?

Feb 29, 2012

I'm desperately trying to fix a strange behavior in my custom iconitemrenderer list: When I change the view to the view with the list inside and start scrolling, the list gets white for the fraction of a second (apperently completely redrawn), but only once when scrolling the first time after the view change.

[Code]...

I think the problem is in the myList.dataProvider.itemUpdated(oldItem), apperently the renderer thinks it has to redraw everthing, but I have no idea why.. and why only after the view is shown again.if it's a bug or something? how can I get rid of this bahavior or how can I debug this this properly?

Flex :: Scrolling Interval In A Spark List With Tilelayout Oversized While Using Mouse Wheel After Scrolling With Mouseclick

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]...

Flex :: Strange Copy/paste Behavior In Custom ItemEditor Component Used In A Datagrid?

Feb 10, 2011

I'm turning to you folks for answers because this really blows my mind... Let me explain:I'm using a slightly modified spark NumericStepper as an item editor in a datagrid. I had to modify the original because for some reason it's values only went up to 10.So i extended NumericStepper like so:

<?xml version="1.0" encoding="utf-8"?>
<mx:NumericStepper xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"

[code].....

Flex :: 3: Scrolling Of List Items With In A List Via Scroll Wheel

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]....

Flex :: Get The Visible Items On A Spark List With Virtual Layout?

Apr 12, 2010

I have:

an ArrayCollection of Numbers;

a List using the above ArrayCollection as it's dataprovider, and virtualLayout=true;

a custom ItemRenderer that shows a label with:

a) the number

b) an y position depending on the number AND the highest number visible

In another words, if I have 10 numbers in the AC, and only 5 appear on the screen, the y position of those 5 will depend on the value of the maximum number for those 5. When the user scrolls, of course those 5 elements change so the position of the label in item renderers will change.

1) How can I get the list of items that are "currently" visible?

2) Which event/method to override will help me know that the List was scrolled/the visible items changed?

Flex :: How To Detect Whether List Is Scrolling Or Not

Jun 13, 2011

Is there any way to detect whether a list is scrolling or not, likelist.isScrolling.

Flex :: Incomplete List Scrolling?

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].....

Flex :: Scrolling Of List Control Is Misbehaving?

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.

Flex :: Auto-scrolling Vertical List?

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?

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]...

Flex :: Scrolling Through List Element Causes Text To Scroll As Well

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...

Flex :: Spark List Scrolling By Mouse Position

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.

Flex :: Scrolling With The Mouse Wheel On An Application Containing A Spark List?

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.

Flex :: Keep A List From Scrolling On DataProvider Refresh/update/change?

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.

ActionScript 3.0 :: Flex Scrolling Through List Causes Text Elements To Scroll To?

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...

ActionScript 2.0 :: [FLASH CS5] Custom List Class That Manages Custom List Item Class?

Dec 2, 2011

This is my first time working with a class attached to a movieclip that is nested inside a class attached to a movie clip.I've tested all the properties and methods of PTListItem.as and they work properly but when I try to call them on the list item through PTListTop.as it returns undefined.The end goal is to dynamically load a checklist via a txt file.

Flex :: Creating A Custom List Component

Jan 10, 2011

I'm trying to extend the mx:Box container so that two buttons sit on the outside of the container to cycle through it's contents (similar to a scrollbar).

I've made a custom component that looks basically
like "mx:HBox->mx:Button mx:Box mx:Button" where the buttons and box are children of the hbox.

How do I offer the user access to the box (say its dataProvider and itemRenderer) through my custom component?

So they just need to write 'local:MyCustomComponent dataProvider="rar" itemRenderer="rar"/>' and my box inside that component can use it?

Actionscript 3 :: Flex Tree Scrolling Goes Buggy After Adding Custom TreeItemRenderer

Jun 4, 2011

I have the follow code - as TreeItemRenderer

<?xml version="1.0" encoding="utf-8"?>
<mx:TreeItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
xmlns:solar="*">

[Code]...

Actionscript 3 :: Flex List Custom Color For Rows?

Apr 12, 2012

Is it possible to set custom color for rows in a flex list depending on the data in it.I know how to define a custom itemrenderer and do it but I would likr to know whether there is any simple method because I don't want more components in the list

Flex :: Limit Width Of Custom List Itemrenderer

Jul 23, 2009

I'm using a custom itemrenderer to display a list of photos and need to know how to control the width. At the moment it does this: Which, as I'm sure you'll agree, is eye-bleedingly ugly. The list is created like this:

[Code]...

Flex :: Flash - Custom List Selection Not Highlighting?

Mar 18, 2010

I want to create a custom list in Flex for an interface prototype. The list is supposed to have an image and 3 text fields. This is what I have done so far, the control displayed is what I want. But, when I click on one of the items, the item does not appear (visually) to be selected. I was not sure how I would implement this.

Here is my code so far:

<s:List width="400" height="220"
dataProvider="{arrColl}"
alternatingItemColors="[#EEEEEE, white]">
<s:itemRenderer>

[Code].....

Flex :: How To Add Spark List Item Custom Properties

Jan 3, 2011

I'm trying to make a simple flash application providing interface for taking tests as a high school assignment. One of the requirements is to use an XML file as data source.Now, having a List component bound to the XML file with questions consisting of data such as question body, question type (ie. single choice, multiple choice, open, image etc.) and possible answers (where applicable), I was wondering if I could add some additional data (and what is the best possible way to do so) to each question upon its transfer to the List component.

I am trying to achieve two main goals with this: firstly, to mark the questions to which an answer has already been given, like with such code in ItemRenderer class:
<s:Label color="{data.color}" text="{data.label}"/>
Where data.color would be set whenever the user gives an answer to a question.
Secondly, while at it, I thought of such possibility as a great way to store answers given to particular questions. In this case, the Class of the answer object would have been Object, since there has to be many type of questions (where the answer could also be a Bitmap for example).

Flex :: Custom Component Not Updating Display List?

Jul 12, 2011

I've created a component which is basically a meter (extends skinnable container). The skin to the component contains two rectangles (background and the actual meter). This component receives an arraycollection with the following fields value, max and min(the arraycollection I am passing is Bindable). When I initialize and pass the data to be used to draw It works great (keep in mind - only works the first time). I've created a button that changes the data array and shows the current meter value. Apparently the meter's value is changing everytime I modify the ArrayCollection I've set to be used for rendering.(dont want to say "dataProvider" because it is not a Flex dataprovider, just a variable )... here is the code...

public class meter extends SkinnableContainer {
[SkinPart( required = "true" )]
public var meter:spark.primitives.Rect;

[Code]....

Problem: Scrolling Thumbnail Panel In Liquid Layout?

May 7, 2009

I'm trying to create a scrolling thumbnail panel using an xml file. It works fine when i run it initially. But when I resize the stage the scroll feature gets all screwed up. I've attached my code below.

Code: Select allimport gs.TweenLite;
stage.scaleMode = StageScaleMode.NO_SCALE;
stage.align = StageAlign.TOP_LEFT

[code]....

Flex :: Slow Spark List Initialization With Custom Renderer?

Jun 7, 2011

I have a Spark list with a customItemRenderer that is taking a good 3 seconds to initialize with just 50 items.

I'm using Flex 4.5, my ItemRenderer is already very optimized, using as little nesting as possible, fxg and so on.

Is anyone having similar issues? I've tried almost everything in the book bar going back to mx.

Flex :: Create A Custom List Item Renderer With Image(base64 Png String) At Runtime?

Mar 28, 2011

I'm trying to create a list with icons. There're a lot of examples but seems all of them are using embedded images.My problem is how can I create the list with icon from base64 png string at runtime?

Actionscript :: Spark List In Passing Layout & ItemRenderer In Construtctor?

May 3, 2011

I am trying to create a generic List, where I can pass the layout & item renderer as parameters.Since it is not possible to pass parameters to a MXML component's Constructor, I figured I should create my List in Actionscript.

[Code]...

I would prefer to have the List in MXML (because It will be easier using states later), but If I am forced to use pure Actionscript so I can instantiate it and pass in parameters, any help would go a long way.

Copyrights 2005-15 www.BigResource.com, All rights reserved