flex 侧面可以选择性隐藏的菜单

显示时的效果图：

隐藏时的效果图：

主要思想就是：利用flex的状态切换来控制，菜单的显示和隐藏

部分代码：

        
        
        
        
    

                
                    
                        
                        
                        
                        
                    
                
                                          source.hide="{spanImg}"
                         source.show="{colImg}" horizontalCenter="0" height="10" width="100" buttonMode="true" useHandCursor="true"/>

/**点击事件*/

private function colSpanClickHandler(event:MouseEvent):void{
            
            if(view.currentState=="show"){
                view.currentState="hide";
            }else{
                view.currentState="show";
            }
   }