Feathers UI 2.3.0 Update

Congratulations to Josh Tynjala and the Feathers open source project for the release of Feathers UI 2.3.0!  Feathers offers a large collection of ActionScript user interface components and layouts for mobile and desktop.  Feathers is powered by both the Starling Framework and Adobe AIR.

feathers date time spinner

What’s new in this release?

In version 2.3.0, Feathers UI includes a new DateTimeSpinner component and a number of powerful new features that have long been requested by the community.

The DateTimeSpinner component is a mobile-style date and time picker built with a series of SpinnerList components.

List and GroupedList now support the ability to display more than one type of item renderer in the same list. It’s now easy to style the first or last item renderer differently or to choose the type of item renderer based on the values of an item’s properties.

TextureCache makes it possible to reuse textures loaded from URLs, instead of potentially recreating them multiple times. It’s perfect for lists that need to display many images. TextureCache can save bandwidth, but watch out because it can require more memory.

TapToTrigger, TapToSelect, and LongPress make it easy to add simple gestures to custom components, such as item renderers.

Text renderers now support the ability to automatically change font styles when their parent component changes to different states. For instance, a text renderer used by a Button component can now detect when the button is being pressed, and the color of the text will be updated. Unlike previous APIs like downLabelProperties and hoverLabelProperties, this new approach can be more strictly type-checked by the compiler, leading to fewer mistakes in your code. Additionally, this feature can be used by other components with states, such as a TextInput (which may be focused or disabled).

Finally, this version also includes a new TopcoatLightMobileTheme, which is based on a contribution by Marcel Piestansky.

Example

Let’s look at a quick example of using a TextureCache class with a List:

var cache:TextureCache = new TextureCache(30);
var list:List = new List();
list.itemRendererFactory = function():IListItemRenderer
{
    var itemRenderer:DefaultListItemRenderer = new DefaultListItemRenderer();
    itemRenderer.iconLoaderFactory = function():ImageLoader
    {
        var loader:ImageLoader = new ImageLoader();
        loader.textureCache = cache;
        return loader;
    };
    return itemRenderer;
};
addChild(list);

In the code above, every ImageLoader that appears in the List will share the same TextureCache. As the List scrolls, the newly loaded textures will be saved, but existing textures will be borrowed from the cache.

Get started with Feathers UI 2.3.0

You can find the Feathers UI 2.3.0 release notes on the project’s Github page. Developers are encouraged to download the latest stable version from the Feathers website.

Comments are closed.