Flex学习总结

2008-10-7 11:35
---------------addEventListener(参数类型,处理函数)---------------
myMenu.addEventListener(MenuEvent.ITEM_CLICK,menuClickHandler);
上边表示把myMenu对象的MenuEvent.ITEM_CLICK事件交给menuClickHandler函数来处理


--------------可以直接定义XML,并将它设置为菜单的内容mx:MenuBar------------
import mx.controls.Alert;       
import mx.events.MenuEvent;
private var mXML:XML =
               


                   
                       
                       
                       
                       
                   

                   
                        
                        
                    

               
;
           
internal function initApp():void{
    //为MenuBar添加数据源
    myMenu.dataProvider = mXML;
    //监听Menu的点击实践
    myMenu.addEventListener(MenuEvent.ITEM_CLICK,menuClickHandler);
}
           
internal function menuClickHandler(evt:MenuEvent):void{
    Alert.show("选择菜单:"+evt.item.@data,"提示信息");
}



---------------用mx:Model来定义数组,关键词Model、id、item--------------

   
     
       
       
       
       
     

   
   
   
   



---------------文本有三种方式:TextArea、TextInput、htmlText------------------




   
     HTML文本 支持html标签...    ]]>
   



---------view:PenControl表示view目录下的PenControl.mxml文件中定义的钢笔控制面板:

  
  
  




------------------super函数调用EventListener----------------
package bookEvent
{
    import flash.events.Event;

    public class cartEvent extends Event{
        public var isAdd:Boolean;
        public var book:Object;
        function cartEvent(_data:Object,_isAdd:Boolean):void{
            isAdd = _isAdd;
            book = _data;
           
            super("AddBook");
        }
    }
}
super函数将调用预先注册好的EventListener:
internal function initApp():void{
addEventListener("AddBook",AddHandler);
}

---------------------表格实现三要素:DCD-----------------------------------------
表格实现三要素:DataGrid,columns,DataGridColumn

   
      
      
      
      
   



view.cartCell表示view目录下的cartCell.mxml文件中的内容.

itemEditor定义了当前数据项应该由哪个编辑器来修改它:



2008-10-6 16:35

xFrom、xTo定义了水平移动的起点和终点。


mx:Style设置了css文件
Application{
    fontSize:12;
    backgroundGradientColors: #c0c0c0, #c0c0c0
}

模糊效果的blureXFrom和blurXTo定义了模糊效果相对于应用对象的位置。只有当blurXFrom为0或者blurXTo为0时,才有可能看到清晰的文字.
为0表示没有水平模糊偏移.
        blurXFrom="0" blurXTo="30" duration="1500"/>

数组和Effect_Blur.targets = [myPanel];               
//var arr:Array = new Array();
//arr.push(myPanel);

三种擦除效果:




通过一行多个等于符合可以给多个变量赋值:




2008-9-25 11:30
ViewStack里边可以放多个Canvas。
ViewStack支持selectedChild属性


2008-9-24 15:37
分析:Tile用来显示列表内容,其中tileHeight,tileWidth用来定义小方格的高和宽:
   direction="horizontal" tileHeight="80" tileWidth="80">


//----------可以根据id来显示或者隐藏一个控件-------------下边的win1就是一个id号----

            //点击后出发 close 事件,执行该函数
        import mx.controls.Button;
       
        internal function doClose():void{
            txt.text = "关闭按钮被点击了";
            win1.visible = false;
        }
       
        internal function doShow():void{
        win1.visible = true;
        }
    ]]>




2008-9-24 13:39
TabNavigator里边多放一个Canvas,上边的标签处就会多一个tab标签

优化flex builder的方法:
preferences => general => workspace
去掉Build automatically和 Refresh automatically前边的勾

       

使用tree可以载入另外一个mxml文件的内容

应用程序放在标签


2008-9-24 12:55
表单的相关元素:
放在Panel里
Form里边有FormHeading元素定义表单的头
一个FormItem定义一个表单的具体元素,里边包含TextInput元素输入填写内容
按钮放在ControlBar里边,它里边再放入Button
输入验证包含如下几个验证器:
StringValidator
EmailValidator
PhoneNumberValidator
DateValidator



2008-9-23 15:14
flex build去除网上粘贴的代码的前边的行号:
[\d]+{1,2}\.
记住一行一行操作,因为
2008-9-23 14:23
1 flex发布:file => export => Release build
2 CSS的使用

   
          
       
            Button {  
               color: #ff0000;  
               borderColor: #cccccc;  
               themeColor: #00ff00;  
               fontFamily: Arial;  
              fontSize: 12;  
              fontWeight: normal;  
           }  
           .mylinkButton {  
              rollOverColor: #00ff00;  
              selectionColor: #00ff00;  
              color: #ffff00;  
           }  
      

         
      
      
         



2008-9-18 14:22
1 constraintColumns和constraintColumn定义了的列和列的数量,一个Canvas只能定义一个constraintColumns

跟html表格不同的是,Canvas的列宽ConstraintColumn可以随意指定,只需要定义好列里边的元素的 width就可以了!

2 constraintRows定义了的列和列的数量,一个Canvas只能定义一个ConstraintRows


3 left和top属性里边可以访问其他别的id里边的位置,例如left="column1:0",表示,左边距为id为column1的元素的0像素的位置。


4 DividedBox定义了分割的区域,相互之间还可以拖动。


5 表单用Form、FormHeading、FormItem、TextInput,注意FormItem和TextInput必须成对出现,表示一个输入项。





6 HBox是水平方向的布局框,H2O就是水的化学分子式嘛.
是下拉列表框,下拉列表框的内容用

   
来显示


2008-9-16 13:46
1 用VedioDispaly这个组件加上button来实现视频和mp3的播放
2 RemoteObject是最快速的(相比WebService,httpservice这些数据方式)
3 RO走的是AMF协议

4 trace("My name is " + userName + ".");
这样就可以在flex builder的console视图显示出变量username的值了。

5 监控按下的字符代码:
private function onKeyDown(event:KeyboardEvent):void {
trace("key down: " + event.charCode);
}

6 关闭强类型检测:
trace(5 == 6); // : false
trace(6 == 6); // : true
trace(6 == "6"); // : true
trace(5 == "6"); // : false
默认的工程项目,在运行上面的代码会出错。因为编译器被设置为强类型编译检测。关掉强类
型检测,会把数字型转换为字符型,然后再进行比较。一般不推荐关闭强类型检测,这样可能会
引发一些隐蔽的错误不利于程序稳定。

7 HTTPService组件读取XML产生乱码问题。(Skey)
我是用HTTPService组件读取XML 而我的XML是gb2312的编码
事后才发现 加一句flash.system.System.useCodePage=true 可以解决乱码问题

8 由于AMF采用二进制编码,这种方式可以高度压缩数据,因此非常适合用来传递大量的资料。数据量越大,Flash Remoting的传输效能就越高,远远超过Web Service

9 定义数组用
10
11 Accordion是手风琴的意思,菜单会像手风琴那样滑动。

12 tab_menu.selectedIndex = 1;
其中tab_menu是id名,selectedIndex表示当前显示那个菜单。如果值为1,表示显示第二个菜单。id都可以直接访问

13 Canvas是画布的意思,在画布里边的任何组件均可以被放置在任意位置,例如:
14 实现下拉列表框,下拉列表框里边的元素是

15 数组使用实例:

                         
     
     


16 Panel也是布局组件,翻译为面板。


17 画布、VBox、Panel均可以直接放在Accordion里边,实现一个手风琴的按钮。



-----------------MovieClip有play,stop,和gotoAndStop方法----------------------------
下面的代码指示名为 shortFilm 的 MovieClip 开始播放:
shortFilm.play();
下面的代码行使名为 shortFilm 的 MovieClip 停止播放(播放头停在原地,就像暂停播放
视频一样):
shortFilm.stop();
下面的代码使名为 shortFilm 的 MovieClip 将其播放头移到第 1 帧,然后停止播放(就像
后退视频一样):
shortFilm.gotoAndStop(1);


-----------------数字应该调用toString()方法来显示在文本字段中:----------------------------
var numericData:Number = 9;
var textData:String = numericData.toString();
例如,如果希望在屏幕上的文本字段中显示 Number 变量的值,应使用 toString() 方法。
TextField 类的 text 属性(表示实际在屏幕上显示的文本内容)被定义为 String,所以它
只能包含文本值。下面的一行代码将变量 numericData 中的数值转换为文本,然后使这些文
本显示在屏幕上名为 calculatorDisplay 的 TextField 对象中:
calculatorDisplay.text = numericData.toString();


----------------先定义响应函数,再用addEventListener绑定响应函数---------------------------
function eventResponse(eventObject:EventType):void
{
// 此处是为响应事件而执行的动作。
}
eventSource.addEventListener(EventType.EVENT_NAME, eventResponse);
此代码执行两个操作。首先,定义一个函数,这是指定为响应事件而要执行的动作的方法。接
下来,调用源对象的 addEventListener() 方法,实际上就是为指定事件“订阅”该函数,


程序员实际编写的代码如下所示:
function eventResponse(event:MouseEvent):void
{
// 此处是为响应事件而执行的动作。
}
myButton.addEventListener(MouseEvent.CLICK, eventResponse);


2008-10-14
------------脚本标识---------------


-----------导入相关包--------------
import mx.rpc.events.ResultEvent; //WEB请求结果处理包
import mx.rpc.events.FaultEvent; //WEB请求失败后的处理包
import mx.controls.Alert;         //弹出信息框

--------函数的返回类型也用冒号-----
public function handleXML(event:ResultEvent):void
这里():void表示该函数不返回任何变量

--声明变量直接用var,用:来指定类型--
private var shippingInfo:XMLList;

-------------文本输入框------------

---------------按钮----------------

---------------表格----------------

-------------表格的列--------------


------------表格的列头-------------

-------------文本标签--------------

-----x表示离最左边有多远,y表示离最顶端有多远-----
x表示水平左边距,y表示垂直上边距

-----------HTTPService描述web请求-----------------
        url="http://examples.adobe.com/flex3app/flex3samples/exchangingdata/xml/xmlHttpService.jsp" useProxy="false">
result设置结果处理函数,fault设置错误处理函数,resultFormat="e4x"设置返回的xml格式,url定义访问地址
注意:函数声明时需要指定形参的类型,但是函数调用的时候不用指定

-----------request描述web请求的参数和参数值-------

{zipcode.text}

----------类型转换用as----------------------------
hippingInfo = event.result.option as XMLList;
这里as表示类型转换

你可能感兴趣的:(Flex)