Package	feathers.skins
Class	public class StyleNameFunctionStyleProvider
Inheritance	StyleNameFunctionStyleProvider Object
Implements	IStyleProvider

Alternate functions may be registered with the style provider by calling setFunctionForStyleName() and passing in a style name and a function. For each style name in the component's styleNameList, the style provider will search its registered style names to see if a function should be called. If none of a component's style names have been registered with the style provider (or if the component has no style names), then the default style function will be called.

If a component's styleNameList contains multiple values, each of those values is eligible to trigger a call to a function registered with the style provider. In other words, adding multiple values to a component's styleNameList may be used to call multiple functions.

In the following example, a StyleNameFunctionStyleProvider is created with a default style function (passed to the constructor) and an alternate style function:

var styleProvider:StyleNameFunctionStyleProvider = new StyleNameFunctionStyleProvider( function( target:Button ):void
{
    target.defaultSkin = new Image( defaultTexture );
    // set other styles...
});
styleProvider.setFunctionForStyleName( "alternate-button", function( target:Button ):void
{
    target.defaultSkin = new Image( alternateTexture );
    // set other styles...
});

var button:Button = new Button();
button.label = "Click Me";
button.styleProvider = styleProvider;
this.addChild(button);

var alternateButton:Button = new Button()
button.label = "No, click me!";
alternateButton.styleProvider = styleProvider;
alternateButton.styleNameList.add( "alternate-button" );
this.addChild( alternateButton );

See also