亚洲自拍偷拍av,人人精品久久,色香阁99久久精品久久久

Spring+Hibernate+Flex 實現登錄

Ying-er — Mon, 29 Mar 2010 05:39:00 GMT

摘要: 1.使用MyEclipse+Flex插件整合Java&Flex的方法： https://docs.google.com/fileview?id=0B5pwJS1Mq71jMzM5ZDUwOGMtN2FjNS00Njc2LTlkMjItOTY4ZDU5MDVmNDIx&hl=en 我使用的是第一種。 2.搭建SSH框架不多說，詳見整個工程：http://other.sote... 閱讀全文

Ying-er 2010-03-29 13:39 發表評論

使用Flex構建樹狀結構

Ying-er — Sat, 13 Mar 2010 01:25:00 GMT

1使用XMLList構建自己的一棵樹：

<mx:XMLList id = "myTree">
        <node label="Google">
            <node label = "Gmail">
                <node label = "inbox"/>
                <node label = "outbox"/>
                <node label = "buzz"/>
            node>
            <node label = "reader">
                <node label = "sitinspring"/>
                <node label = "grandenough"/>
            node>
            <node label = "YouTube"/>
            <node label = "wave"/>
            <node label = "App Engine"/>
        node>
    mx:XMLList>

2在Tree組件中指定數據源、所顯示的域名、是否顯示根節點、以及相應事件等。

<mx:Tree id = "TestTree" height="196" width="243" dataProvider="{myTree}" labelField="@label" showRoot="true"
change="treeChanged(event)">mx:Tree>

完整代碼：

<mx:Script>

            [Bindable]
            public var selectedNode:XML;
            public function treeChanged(evt:Event):void{
                selectedNode = Tree(evt.target).selectedItem as XML;
            }
        ]]>
    mx:Script>
    <mx:XMLList id = "myTree">
        <node label="Google">
            <node label = "Gmail">
                <node label = "inbox"/>
                <node label = "outbox"/>
                <node label = "buzz"/>
            node>
            <node label = "reader">
                <node label = "sitinspring"/>
                <node label = "grandenough"/>
            node>
            <node label = "YouTube"/>
            <node label = "wave"/>
            <node label = "App Engine"/>
        node>
    mx:XMLList>
    <mx:Panel x="34" y="957" width="559" height="290" layout="absolute" title="My Tree Test" backgroundColor="#F6EEEE" borderColor="#74FFFD" fontSize="10">
        <mx:Label x="39" y="10" text="Select a node in the Tree control." width="370" color="#0E42EA" fontWeight="bold" fontSize="12"/>
        <mx:HDividedBox x="27" y="36" width="90%" height="198" borderColor="#B7EBEC">
            <mx:Tree id = "TestTree" height="196" width="243" dataProvider="{myTree}" labelField="@label" showRoot="true"
                 change="treeChanged(event)">mx:Tree>
            <mx:TextArea height="196" width="213" text="{selectedNode.@label}" backgroundColor="#FFFFFF"/>
        mx:HDividedBox>
    mx:Panel>

效果：

Ying-er 2010-03-13 09:25 發表評論

flex控件（有圖有真相）

Ying-er — Mon, 08 Mar 2010 02:25:00 GMT

Ying-er 2010-03-08 10:25 發表評論

Flex 數據綁定【動態】

Ying-er — Sat, 06 Mar 2010 13:03:00 GMT

xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()">

    <mx:Script>


            import mx.binding.utils.BindingUtils;
            import mx.controls.Label;

            internal var mylabel:Label=new Label();

            internal function init():void{

                this.addChild(mylabel);
                mylabel.x=300;
                mylabel.y=100;
                mylabel.width=200;
                mylabel.height=50;
                mylabel.text="10";

                BindingUtils.bindProperty(mylabel,"text",fsize,"value");
            }

        ]]>
    mx:Script>

    <mx:HSlider x="47" y="170" width="283" id="fsize" minimum="10" maximum="50" />
mx:Application>

等同方法：

xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()">

    <mx:Script>



            import mx.binding.utils.BindingUtils;
            import mx.controls.Label;

            internal var mylabel:Label=new Label();

            internal function init():void{

                this.addChild(mylabel);
                mylabel.x=300;
                mylabel.y=100;
                mylabel.width=200;
                mylabel.height=50;
                mylabel.text="10";

                BindingUtils.bindSetter(setTxt,fsize,"value");
            }

            internal function setTxt(txt:String):void{
                mylabel.text=txt;
            }

        ]]>
    mx:Script>

    <mx:HSlider x="47" y="170" width="283" id="fsize" minimum="10" maximum="50" />
mx:Application>

Ying-er 2010-03-06 21:03 發表評論

Flex 動態對象

Ying-er — Sat, 06 Mar 2010 08:28:00 GMT

Object對象是一個動態對象
var o:Object=new Object();
o.name=“Jack”;
o.age=20;
o.address=“火星”;
Model中的節點數據默認是Object類型，作數據源必須轉換成ObjectProxy類型。
1

public var o:Object=new Object();
internal function init():void{
o.name="zhangsan";
o.age=20;
trace(o.name+":"+o.age);

package com.classes
{
    public dynamic class DymObject
    {
        public function DymObject()
        {
        }

    }
}

import com.classes.DymObject;
public var a:DymObject=new DymObject();
a.address="dalian";
trace(a.address);

Ying-er 2010-03-06 16:28 發表評論

Flex 數據綁定【靜態】

Ying-er — Sat, 06 Mar 2010 06:48:00 GMT

數據綁定定義：
幻燈片 2 當數據源對象的數據發生變化時，目標對象的數據會自動更新，而不需要我們再編寫代碼去強制更新
綁定實際也是借助事件機制來完成的，當目標使用了數據綁定的時候，目標對象就會監聽數據源對象的某一固定事件。當數據源發生變化時，數據源會派發改變事件（ChangeEvent），通知目標對象更新數據。這個過程由Flex完成，不用我們手動干預。
綁定的前提條件：
源對象的數據和目標對象的數據格式相同。

方法：
1 在對象的屬性標簽中,使用{ }把數據源直接綁定到對象的某個屬性上。

xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:HSlider x="47" y="170" width="283" id="fsize" minimum="10" maximum="50" />
<mx:Label x="47" y="34" text="Bingo" fontSize="{fsize.value}" width="306" height="91" id="msg" color="#F15906" fontWeight="bold"/>
mx:Application>

2 在對象的屬性標簽中,使用{ }把某個函數的返回值作為數據源綁定到對象屬性上。函數的參數要使用[Bindable]綁定符號
[Bindable]，[Bindable(event=“eventname”)]Event表示當數據源發生變化時，數據源所在對象派發的事件類型，它是可選項，默認的事件名是“propertyChange”，一般情況下只需要使用[Bindable]標簽

1 xml version="1.0" encoding="utf-8"?>
2 <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
3
4     <mx:Script>
5
6
7             [Bindable]
8             private var n:int;
9
10             internal function square(num:int):int{
11                 return num*num;
12             }
13         ]]>
14     mx:Script>
15
16
17     <mx:HSlider x="66" y="103" width="264" minimum="1" maximum="10"
18          snapInterval="1" id="s_num" change="{n=s_num.value}"/>
19     <mx:TextInput x="122" y="53" id="txt" fontSize="12" text="{square(n)}"/>
20     <mx:Label x="66" y="53" text="結果" width="48" fontSize="12" fontWeight="bold"/>
21
22 mx:Application>
23

仿Java Getters&Setters

package com.classes
{

    [Bindable]
    public class BindClass
    {
        public var n:int;

        public function BindClass()
        {
        }

        //[Bindable]
        public function get N():int{
                return n;
        }


        public function set N(x:int):void{
                n=x;

        }


    }
}

1 xml version="1.0" encoding="utf-8"?>
2 <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
3
4     <mx:Script>
5
6
7             import com.classes.BindClass;
8             internal var bc:BindClass=new BindClass();
9
10
11             internal function square(num:int):int{
12                 return num*num;
13             }
14         ]]>
15     mx:Script>
16
17
18     <mx:HSlider x="66" y="103" width="264" minimum="1" maximum="10"
19          snapInterval="1" id="s_num" change="{bc.n=s_num.value}"/>
20     <mx:TextInput x="122" y="53" id="txt" fontSize="12" text="{square(bc.n)}"/>
21     <mx:Label x="66" y="53" text="結果" width="48" fontSize="12" fontWeight="bold"/>
22
23 mx:Application>
24

3 使用標簽

<mx:Binding>

source=“…” destination=“…”

xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
    layout="absolute" creationComplete="init()">

    <mx:Model id="books">
        <books>
            <book>
                <name>城市name>
                <author>張懸author>
            book>
            <book>
                <name>魚name>
                <author>陳綺貞author>
            book>
        books>
    mx:Model>

    <mx:Binding source="books.book[0].name" destination="txt_name.text"/>
    <mx:Binding source="books.book[0].author" destination="txt_author.text"/>
    <mx:Panel x="44" y="24" width="379" height="178" layout="absolute" title="專輯信息" fontSize="12">
        <mx:Label x="58" y="36" text="專輯" fontSize="12" fontWeight="bold"/>
        <mx:Label x="58" y="71" text="作者" fontSize="12" fontWeight="bold"/>
        <mx:TextInput x="111" y="36" id="txt_name" fontSize="12"/>
        <mx:TextInput x="111" y="71" id="txt_author" fontSize="12"/>
    mx:Panel>
mx:Application>

Ying-er 2010-03-06 14:48 發表評論

使用Flex實現簡單的表單驗證

Ying-er — Wed, 03 Mar 2010 13:35:00 GMT

LoginFormEvent.as 自定義事件

package com.events
{
    import flash.events.Event;

    public class LoginFormEvent extends Event
    {

        public var loginName:String = "";
        public var loginPassword:String = "";
        public function LoginFormEvent(type:String, bubbles:Boolean=false, cancelable:Boolean=false)
        {
            super(type, bubbles, cancelable);
        }

    }
}

1 使用源元素的方式給整個表單加一個事件：
<mx:Metadata>
        [Event(name = "loginEvent",type = "com.events.LoginFormEvent")]
mx:Metadata>

2 給button注冊onClick事件
<mx:Button x="132" y="139" label="登錄" fontSize="12" width="103" click="onClick(event)"/>
3 發出事件
internal function onClick(evt:MouseEvent):void{
                var ev:LoginFormEvent = new LoginFormEvent("loginEvent");
                ev.loginName = login_name.text;
                ev.loginPassword = login_password.text;
                dispatchEvent(ev);
4 給應用程序注冊LoginFormEvent事件，事件響應函數為login
<ns1:loginPanel id="loginForm" loginEvent="login(event)" horizontalAlign="center" verticalAlign="middle">
ns1:loginPanel>
5 書寫login函數，完成登錄驗證
internal function login(evt:LoginFormEvent):void{
                if((evt.loginName=="test") && (evt.loginPassword=="123")){
                Alert.show("登錄成功","提示");
                }
                else Alert.show("登錄失敗","提示");
            }

自定義的Panel組件：即表單
loginPanel.mxml

xml version="1.0" encoding="utf-8"?>
<mx:Panel xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="400" height="244" borderColor="#10CAE0" title="用戶登錄" fontSize="12">

    <mx:Metadata>
        [Event(name = "loginEvent",type = "com.events.LoginFormEvent")]
    mx:Metadata>

    <mx:Script>

        import com.events.LoginFormEvent;
            internal function onClick(evt:MouseEvent):void{
                var ev:LoginFormEvent = new LoginFormEvent("loginEvent");
                ev.loginName = login_name.text;
                ev.loginPassword = login_password.text;
                dispatchEvent(ev);
            }
        ]]>
    mx:Script>

    <mx:Label x="71" y="34" text="用戶名：" fontSize="12"/>
    <mx:Label x="71" y="90" text="密碼：" fontSize="12"/>
    <mx:TextInput x="132" y="34" id="login_name"/>
    <mx:TextInput x="132" y="90" id="login_password" displayAsPassword="true"/>
    <mx:Button x="132" y="139" label="登錄" fontSize="12" width="103" click="onClick(event)"/>

mx:Panel>

主頁面：

xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" xmlns:ns1="*" creationComplete="init()">
    <mx:Script>

            import mx.controls.Alert;
            import com.events.LoginFormEvent;
            internal function login(evt:LoginFormEvent):void{
                if((evt.loginName=="test") && (evt.loginPassword=="123")){
                Alert.show("登錄成功","提示");
                }
                else Alert.show("登錄失敗","提示");
            }
        ]]>

    mx:Script>

    <ns1:loginPanel id="loginForm" loginEvent="login(event)" horizontalAlign="center" verticalAlign="middle">

    ns1:loginPanel>

mx:Application>

Ying-er 2010-03-03 21:35 發表評論

Flex的事件機制

Ying-er — Wed, 03 Mar 2010 08:16:00 GMT

采用觀察者模式
即首先要注冊事件，事件分發后通過事件響應函數進行處理。
XXX.addEventListener(“注冊事件類型”,事件響應函數);

理解事件流：
1.捕獲階段（從根節點到子節點，檢測對象是否注冊了監聽器，是則調用監聽函數）
2.目標階段（調用目標對象本身注冊的監聽程序）
3.冒泡階段（從目標節點到根節點，檢測對象是否注冊了監聽器，是則調用監聽函數）
注：事件發生后，每個節點可以有2個機會（2選1）響應事件，默認關閉捕獲階段。
從上到下（從根到目標）是捕獲階段，到達了目標后是目標階段，然后從目標向上返回是冒泡階段。
圖示：
（假設該Button注冊了監聽：button.addEventListener(“click”,onClick);）
點擊按鈕之后出發了click事件，以此來分析事件流：

cav1Canvas：cav1

cav2Canvas：cav2

btnButton：點擊我

當點擊 btn時，
終端-->cav1-->cav2-->btn（捕獲階段）
-->調用btn的監聽程序（目標階段）
-->btn-->cav2-->cav1-->終端（冒泡階段）

每個事件對象都有以下屬性：
target：事件的派發者
currentTarget：當前正在檢測的的對象，幫助跟蹤事件傳播的過程。

當事件發生時，FLEX通過事件的分發器EventDispatcher進行事件分發，分發的順序是：從上往下到達目標，然后從下往上，從目標開始返回。
在事件的流經過程中，不是目標的對象如果注冊了事件，也有了相應的事件響應函數，使得不是目標的對象也響應了事件的處理
addEventListener在只有如上兩個參數的情況下是關閉捕獲階段的，也就是說事件流是從目標階段開始的，然后是冒泡階段，
當出現容器包含控件的時候，可以使用判斷
if(evt.target == evt.currentTarget)
來確定當前事件流上的當前流經對象是否就是目標對象，如果是就進行相應的處理。

事件只在bubbles 屬性為true 時才進行冒泡，可以冒泡的事件包括：change、click、doubleClick、keyDown、keyUp、mouseDown、 mouseUp。并且不能在一個監聽器中同時打開捕獲和冒泡功能，要做到這一點，只能注冊兩個監聽器，分別實現。

移除對象的事件流：

cav1.addEventListener(MouseEvent.MOUSE_OVER,onMOver);
btn.addEventListener(MouseEvent.CLICK,onRemove);
internal function onRemove(evt:MouseEvent):void{
cav1.removeEventListener(MouseEvent.MOUSE_OVER,onMOver);
}

阻斷事件流中目標對象的后繼事件
即通過了目標階段后阻止冒泡階段：
event類的方法：public function stopImmediatePropagation():void
即：

evt.stopImmediatePropagation();

自定義事件
1.創建自定義事件名稱的Event
dispatchEvent(new Event(“myEvnet”,true,false));
2.創建自定義事件類
Public class MyEvent extends Event{
….
}

package com.events
{
  import flash.events.Event;
  public class NewEvent extends Event{
   public static const NEWCLICK:String="newevent";
   public var data:String;
   public function NewEvent(type:String,data:String){
    this.data=data;
    super(type,false,false);
    }
  }
}

dispatchEvent是EventDispatcher的方法：public function dispatchEvent(event:Event):Boolean將事件調度到事件流中。事件目標是對其調用 dispatchEvent() 方法的 EventDispatcher 對象。
這句話就是說是哪個對象調用 dispatchEvent() ，那么該事件就會被分發到那個對象的事件流中，如果沒有指明對象，那么默認為this對象，即應用程序。這時該事件被分發到應用程序對象的事件流中，而沒有分發到特定對象的事件流中。一旦兩個對象的不是父子關系（控件樹），那么事件流不會在這兩個對象之間有聯系，那么事件不會被響應；如果是，則還是要響應。（這種情況dispatchEvent的參數Event對象的參數必須是三個，如上）。dispatchEvent就是說明有了新的事件，只要注冊了該事件，就可以響應。

Ying-er 2010-03-03 16:16 發表評論

遍歷Flex中某個對象的所有屬性值

Ying-er — Wed, 03 Mar 2010 02:22:00 GMT

方法1：

for(var item:String in studentObj){
trace(item+":"+studentObj[item]);
}

方法2：

for each(var value:* in studentObj){
trace(value);
}

Ying-er 2010-03-03 10:22 發表評論

Flex中四種訪問權限

Ying-er — Wed, 03 Mar 2010 01:59:00 GMT

private:只能在類本身內部訪問。
protected:可以由類本身或任何子類訪問。
internal:可以由類本身或者相同包內的任何類訪問。
public:可以在類內部訪問,也可以由類實例訪問,聲明為static時,可以直接從類訪問。

Ying-er 2010-03-03 09:59 發表評論

[轉]Flex builder3執行Debug需要安裝的Flash Player Debugger環境

Ying-er — Sat, 13 Feb 2010 02:13:00 GMT

Flash Player作為Flex程序運行環境，它的角色就是一個Flex程序的承載體。我們Flex程序在開發過程中需要不斷的進行調試和完善，當然離不開 debug環境。Flash Player Debugger就專門是為我們準備的，我們可以在Adobe的官方網站下載。不過尋找起來還是有些難度的，所以西部e網(weste.net)就為大家整理好所有的版本，包括Flash Player 9 Debugger和Flash Player 10 Debugger，有Windows版、Mac版、Linux版，還有針對不同瀏覽器比如IE、Firefox等等。需要就下載吧！

Flash Player 10 Debugger下載

Flash Player 10 ActiveX control content debugger (for IE) (EXE, 2.12 MB)
http://download.macromedia.com/pub/flashplayer/updaters/10/flashplayer_10_ax_debug.exe

IE瀏覽器用這個就可以了。

使用方法：安裝flashplayer_10_sa_debug.exe

就可以正常Debug了。

Flash Player 10 Plugin content debugger (for Netscape-compatible browsers) (EXE, 2.09 MB)
http://download.macromedia.com/pub/flashplayer/updaters/10/flashplayer_10_plugin_debug.exe

Firefox瀏覽器用這個。

使用Firefox瀏覽器flash player debug的方法

安裝以上for Netscape-compatible browsers版本的插件或者

把C:"WINDOWS"system32"Macromed"Flash"中NPSWF32.dll復制到后者文件夾C:"Program Files"Mozilla Firefox"plugins"中。

重新啟動Flex Builder，在Window->Preferences->General->Web Browser里選定Firefox。

Ying-er 2010-02-13 10:13 發表評論

Flex中Array相關操作整理

Ying-er — Fri, 12 Feb 2010 07:55:00 GMT

定義：

var tempArr:Array = new Array();

定義同時賦初值：

var company:Array = new Array("IBM", "APPLE", "SUN","ADOBE");

push：

//將“I”放入tempArr中，tempArr中內容為Enya
tempArr.push("Enya ");

unshift：

//將tempArr中“0”位置賦值為“I ”，tempArr中原有元素往后移，tempArr中內容為I Enya
tempArr.unshift("I ");

splice：

//將index為“1”的元素用“like”替換，原元素不刪除（“0”），tempArr中內容為I like Enya
tempArr.splice(1, 0, "like");

//將tempArr中index為“2”以后的元素以"張懸","王菲","燕姿"填充，并將原數組中index為“2”的元素刪除（“1”），tempArr中的內容為：I like 張懸王菲燕姿
tempArr.splice(2,1, "張懸","王菲","燕姿");

//若將該方法的參數改為
tempArr.splice(2,0, "張懸","王菲","燕姿");
//結果為I like 張懸王菲燕姿 Enya

pop：

//彈出index最大的那個元素，company中內容為IBM,APPLE,SUN
company.pop();

shift:

//彈出index為“0”的元素，company中內容為APPLE，SUN
company.shift();

關于數組排序：

var nums:Array = new Array(2,0,5);

//按照數字降序排列 nums變為5，2，0
nums.sort(Array.NUMERIC | Array.DESCENDING);

按照某個字段排序：

//Array.NUMERIC默認為升序
var students:Array = new Array(  );
                students.push({name: "Jake", age:20});
                students.push({name: "Tom", age:22});
                students.push({name: "Will", age:17});

                students.sortOn("age",Array.NUMERIC);

此外，數組還可作為List的數據源：

list1.dataProvider=company

Ying-er 2010-02-12 15:55 發表評論