原创:实现view(mxml)和代码分离的好方法

原创:实现view(mxml)和代码分离的好方法
最近用flex3开发软件发现当视图文件里的按钮，函数很多时由于视图标签和代码<mx:script>...</mx:script>是在一个文件中的，因此会导致在编辑时找代码位置很麻烦,然后我就开始寻找让view和代码分离的方法,本来知道一些flex开发框架cairngorm,puremvc等等，cairngorm太烦琐,puremvc好很多,但是我的目的仅仅只是把函数代码从mxml中分离而已，并不想用任何框架(以免以后会带来有什么限制的副作用),因此我想啊，试啊，终于找到了二个方法，解释如下(不用任何框架,以后不会因框架带来任何限制或副作用):
mxmls视图文件docu_borw.mxml:(解释就在文件里面注释了)
<?xml version="1.0" encoding="utf-8"?>
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="300" height="300"
creationComplete="init()" showCloseButton="true" close="PopUpManager.removePopUp(this);">
<mx:Script>
    <![CDATA[
        import mx.managers.PopUpManager;
        public function init():void{}
        //实现vc代码分离的方法(因为flex编辑器本身不支持)
        /*方法一:与常规编写mxml和写as函数一样(包括例如在button中用click="btn_test_click()"关联)
        ,但是在实现的函数中无具体代码,然后在继承的类(真正的代码文件)中覆盖view(mxml)中的函数,
        并写实现的代码,以后在使用这个view(mxml)时,是通过 new 继承的类()来使用的
          方法二:方法一有个麻烦的地方就是要在view(mxml)文件中写一大堆空函数,为此可以在被继承的
          view(mxml)的开始定义一个名为init空函数(并且在view开头creationComplete="init()"),
          然后在继承的类(真正的代码文件)中覆盖init空函数并写入具体代码,包括用类似
          this.btn_test.addEventListener(MouseEvent.CLICK,btn_test_click);
          代码来加入操作和函数调用关联,然后编写具体的调用函数即可,此种方法主view(mxml)文件中
          除了一个init()空函数外完全无代as代码(全部写在了继承的类中)*/        
    ]]>
</mx:Script>
<mx:Label id="lbl_test" x="88" y="56" text="测试codeBehind模式，成功!" width="151"/>
<!--<mx:Button x="88" y="99" id="btn_test" label="test code behind" click="btn_test_click()"  />-->
<mx:Button x="88" y="99" id="btn_test" label="test code behind" />
</mx:TitleWindow>
上面是视图mxml文件,然后我定义一个类从该视图(不过是一个用mxml定义的类而已)继承,代码如下(Docu_browas.as):
package view{
    import flash.events.MouseEvent;