A common use for a List is the master/detail UI pattern. When the user clicks on an item, it expands, revealing more detail about the item. Previously we’ve shown an example of a List with expanding item renderer. This post demonstrates a similar idea except will scroll items into view as they expand.
Read more…
In a mobile Flex project the default interactionMode is touch. When in this mode drag and drop functionality on the spark List is not supported. This post demonstrates a workaround for adding drag and drop support to your mobile Lists by subclassing IconItemRenderer and dynamically changing the interactionMode on the fly.
Read more…
Scrolling to the bottom of a spark List after adding an item can be a little tricky especially when adding multiline text. This post demonstrates how to do it using a chat pod as a sample use case.
Read more…
In a mobile Flex application when you navigate to a new view the old view is destroyed. If you then go back to that first view then it is re-instantiated. If you have a List in that initial view then any scroll position changes the user may have done will be lost. This post demonstrates how to save and restore that scroll position when navigating between views.
Read more…
Mobile applications often have lists that group items in some way. For example, a contact list might group names by the first letter of the contact’s first name. This post demonstrates how to write a Spark ItemRenderer to simulate this behavior.
Read more…
This is an example of a spark List with a custom item renderer that looks like a stacked bar chart.
Read more…
Flex 4 has been released. This is a major release of Flex that introduces some new features that allow you an amazing amount of flexibility and power in building killer internet applications.
Read more…
This post goes over the basics of writing a very simple custom layout that supports virtualization in spark. It assumes that you have already built a custom layout that handles the real (non-virtual) case and are comfortable doing so.
Read more…
The default spark List will add a horizontal scroll bar when the contents of the List are wider than its width. This post shows how to change that behavior using a custom item renderer so that a truncation mark like an ellipsis is used instead.
Read more…
The ItemRenderer class in Flex 4 has an itemIndex property that was added after beta2. You can use this property within your item renderer to display the row number or index of an item in a spark List.
Read more…