Creating a custom label function on a Spark ButtonBar control in Flex 4

<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2010/01/25/creating-a-custom-label-function-on-a-spark-buttonbar-control-in-flex-4/ -->
<s:Application name="Spark_ButtonBar_labelFunction_test"
               xmlns:fx="http://ns.adobe.com/mxml/2009" 
               xmlns:s="library://ns.adobe.com/flex/spark">
 
    <fx:Script>
        <![CDATA[
            protected function btnBar_labelFunc(item:Object):String {
                return String(item.lbl).toUpperCase() + " (" + item.count + ")";
            }
        ]]>
    </fx:Script>
 
    <s:ButtonBar id="btnBar"
            labelFunction="btnBar_labelFunc"
            horizontalCenter="0" verticalCenter="0">
        <s:dataProvider>
            <s:ArrayList>
                <fx:Object lbl="Red" data="red" count="5" />
                <fx:Object lbl="Orange" data="haloOrange" count="7" />
                <fx:Object lbl="Yellow" data="yellow" count="3" />
                <fx:Object lbl="Green" data="haloGreen" count="2" />
                <fx:Object lbl="Blue" data="haloBlue" count="8" />
            </s:ArrayList>
        </s:dataProvider>
    </s:ButtonBar>
 
</s:Application>