使Accordion控件的头部不可单击.

Accordion控件的mouseEnabled属性.
示例1：

示例2：

代码:
示例1代码：

<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/05/30/preventing-users-from-clicking-on-an-accordion-containers-header-in-flex/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white">

    <mx:Script>
        <![CDATA[
            private function prevChild():void {
                accordion.selectedIndex--;
            }

            private function nextChild():void {
                accordion.selectedIndex++;
            }
        ]]>
    </mx:Script>

    <mx:Accordion id="accordion"
            headerRenderer="comps.MyAccHeader"
            width="100%" height="100%">
        <mx:VBox id="v1" label="One" width="100%" height="100%">
            <mx:VBox width="100%" height="100%">
                <mx:Label text="One" />
            </mx:VBox>
            <mx:ControlBar horizontalAlign="right" width="100%">
                <mx:Spacer width="100%" />
                <mx:Button label="next" click="nextChild();" />
            </mx:ControlBar>
        </mx:VBox>
        <mx:VBox id="v2" label="Two" width="100%" height="100%">
            <mx:VBox width="100%" height="100%">
                <mx:Label text="Two" />
            </mx:VBox>
            <mx:ControlBar width="100%">
                <mx:Button label="prev" click="prevChild();" />
                <mx:Spacer width="100%" />
                <mx:Button label="next" click="nextChild();" />
            </mx:ControlBar>
        </mx:VBox>
        <mx:VBox id="v3" label="Three" width="100%" height="100%">
            <mx:VBox width="100%" height="100%">
                <mx:Label text="Three" />
            </mx:VBox>
            <mx:ControlBar width="100%">
                <mx:Button label="prev" click="prevChild();" />
                <mx:Spacer width="100%" />
                <mx:Button label="next" click="nextChild();" />
            </mx:ControlBar>
        </mx:VBox>
        <mx:VBox id="v4" label="Four" width="100%" height="100%">
            <mx:VBox width="100%" height="100%">
                <mx:Label text="Four" />
            </mx:VBox>
            <mx:ControlBar width="100%">
                <mx:Button label="prev" click="prevChild();" />
                <mx:Spacer width="100%" />
                <mx:Button label="next" click="nextChild();" />
            </mx:ControlBar>
        </mx:VBox>
        <mx:VBox id="v5" label="Five" width="100%" height="100%">
            <mx:VBox width="100%" height="100%">
                <mx:Label text="Five" />
            </mx:VBox>
            <mx:ControlBar width="100%">
                <mx:Button label="prev" click="prevChild();" />
                <mx:Spacer width="100%" />
            </mx:ControlBar>
        </mx:VBox>
    </mx:Accordion>

</mx:Application>

comps/MyAccHeader.as：

/**
 * http://blog.flexexamples.com/2008/05/30/preventing-users-from-clicking-on-an-accordion-containers-header-in-flex/
 */
package comps {
    import mx.containers.accordionClasses.AccordionHeader;

    public class MyAccHeader extends AccordionHeader {
        public function MyAccHeader() {
            super();
            mouseEnabled = false;
        }
    }
}

示例2代码：

<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/05/30/preventing-users-from-clicking-on-an-accordion-containers-header-in-flex/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white">

    <mx:Script>
        <![CDATA[
            private function prevChild():void {
                accordion.selectedIndex--;
            }

            private function nextChild():void {
                accordion.selectedIndex++;
            }
        ]]>
    </mx:Script>

    <mx:Accordion id="accordion"
            headerRenderer="comps.MyAccHeader"
            width="100%"
            height="100%">
        <mx:VBox id="v1"
                label="One"
                width="100%"
                height="100%">
            <mx:Label text="One" />
        </mx:VBox>
        <mx:VBox id="v2"
                label="Two"
                width="100%"
                height="100%">
            <mx:Label text="Two" />
        </mx:VBox>
        <mx:VBox id="v3"
                label="Three"
                enabled="false"
                width="100%"
                height="100%">
            <mx:Label text="Three" />
        </mx:VBox>
        <mx:VBox id="v4"
                label="Four"
                enabled="false"
                width="100%"
                height="100%">
            <mx:Label text="Four" />
        </mx:VBox>
        <mx:VBox id="v5"
                label="Five"
                width="100%"
                height="100%">
               <mx:Label text="Five" />
        </mx:VBox>
    </mx:Accordion>

</mx:Application>

comps/MyAccHeader.as ：

/**
 * http://blog.flexexamples.com/2008/05/30/preventing-users-from-clicking-on-an-accordion-containers-header-in-flex/
 */
package comps {
    import mx.containers.accordionClasses.AccordionHeader;
    import mx.events.FlexEvent;

    public class MyAccHeader extends AccordionHeader {
        public function MyAccHeader() {
            super();
            addEventListener(FlexEvent.INITIALIZE, accordionHeader_initialize);
        }

        private function accordionHeader_initialize(evt:FlexEvent):void {
            enabled = data.enabled;
        }
    }
}