<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/10/13/creating-a-toggle-button-in-flex-using-the-fxtogglebutton-control/ -->
<FxApplication name="FxToggleButton_test"
        xmlns="http://ns.adobe.com/mxml/2009"
        initialize="init();"
        viewSourceURL="srcview/index.html">
    <layout>
        <BasicLayout />
    </layout>

    <Script>
        <![CDATA[
            import mx.components.FxCheckBox;
            import mx.components.FxToggleButton;
            import mx.components.VGroup;

            private var fxCheckBox:FxCheckBox;
            private var fxToggleButton:FxToggleButton;
            private var vGroup:VGroup;

            private function init():void {
                fxCheckBox = new FxCheckBox();
                fxCheckBox.label = "selected";
                fxCheckBox.addEventListener(Event.CHANGE,
                            fxCheckBox_change);

                vGroup = new VGroup();
                vGroup.setStyle("left", 10);
                vGroup.setStyle("top", 10);
                vGroup.addItem(fxCheckBox);
                addItem(vGroup);

                fxToggleButton = new FxToggleButton();
                fxToggleButton.label = "FxToggleButton";
                fxToggleButton.selected = fxCheckBox.selected;
                fxToggleButton.setStyle("horizontalCenter", 0);
                fxToggleButton.setStyle("verticalCenter", 0);
                fxToggleButton.addEventListener(Event.CHANGE,
                            fxToggleButton_change);
                addItem(fxToggleButton);
            }

            private function fxCheckBox_change(evt:Event):void {
                fxToggleButton.selected = fxCheckBox.selected;
            }

            private function fxToggleButton_change(evt:Event):void {
                fxCheckBox.selected = fxToggleButton.selected;
            }
        ]]>
    </Script>

</FxApplication>