WEB开发网
开发学院图形图像Flash 跟我StepByStep学FLEX教程------Demo1之开始... 阅读

跟我StepByStep学FLEX教程------Demo1之开始

 2009-09-09 00:00:00 来源:WEB开发网   
核心提示:开始真正的做一个有AS3语法的Demo,这个Demo作者没想好主题定义为什么,跟我StepByStep学FLEX教程------Demo1之开始,所以就叫开始吧, 由于是文字描述,呵呵 返回值不是在前边,而是在后边,所以可能会有一些地方描述的不如讲课方式更清楚(作者尽量哦),如果读者有什么不明白的

开始真正的做一个有AS3语法的Demo,这个Demo作者没想好主题定义为什么,所以就叫开始吧。

由于是文字描述,所以可能会有一些地方描述的不如讲课方式更清楚(作者尽量哦),如果读者有什么不明白的,可以发表评论,作者尽量做到一一回复,以后亦如此。

首先使用可视化组件编写如下界面,命名各控件名称以及事件名称:

跟我StepByStep学FLEX教程------Demo1之开始

图片看不清楚?请点击这里查看原图(大图)。

然后编写代码,如下:

 <mx:Script>
   <![CDATA[
       //初始化
    internal function InitLs():void{
     var srcArr:Array = new Array();
     srcArr.push("China Soft");
     srcArr.unshift("BOCO");
     srcArr.unshift("PCCW");
     SrcLs.dataProvider = srcArr;
     
     var desArr:Array = new Array("PM", "PL", "SE");
    DesLs.dataProvider=desArr;
   }
   
   //循环初始化
   internal function ForInitLs():void{
    var cycleArr:Array = new Array();
    
    for(var i:Number = 0; i < 3; i++){
     cycleArr.push("TestLs" + i);
    }
    
    DesLs.dataProvider = cycleArr;
   }
   
   //拖拽效果
   internal function MovLs():void{
    SrcLs.dragEnabled = true;
    SrcLs.dropEnabled = true;
    SrcLs.allowMultipleSelection = true;
    
    DesLs.dragEnabled = true;
//    DesLs.dropEnabled = true;
    var testDebStr:String = new String("Drag Success");
    
    trace(testDebStr); //在flash环境下输出调试信息;
   }
   ]]>
  </mx:Script>


  
  <mx:List x="54" y="10" backgroundColor="#ED8888" height="264" width = "200" id="SrcLs"></mx:List>
  <mx:List x="391" y="10" height="264" width = "200" backgroundColor="#3AA2C4" id="DesLs"></mx:List>
  <mx:Button x="278.5" y="134" label="循环初始化" width="91" id="ForInitBtn" click="ForInitLs()"/>
  <mx:Button x="278.5" y="216" label="拖拽效果" width="91" id="LeftMovBtn" click="MovLs()"/>
  <mx:Button x="278.5" y="54" label="初始化" fontSize="12" id="InitBtn" click="InitLs()" width="91"/>

      这段代码简单分析一下(如有没有讲到还不明白的可以留评论,作者尽量会一一回复):

      <mx:Script>
      <![CDATA[  //如果使用过AJAX技术的DWR框架(dwr.xml配置),看见这个会觉得很熟悉

      ......//这儿就是写AS3语法的编码    

      ]]>
      </mx:Script>
     

      定义方法:如果读者用过Delphi和Java的话,你会感觉就是这两个的综合体,呵呵

      返回值不是在前边,而是在后边,方法前边有function的显示定义

       internal function ForInitLs():void{
            var cycleArr:Array = new Array(); //变量前边有var,Delphi是吧?
    
            for(var i:Number = 0; i < 3; i++){ //for循环这个大家很熟悉吧
                 cycleArr.push("TestLs" + i);
       }

1 2  下一页

Tags:StepByStep FLEX 教程

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接