123
حم م ـ موسود ابراهيمحم د م ـ ىWWW.SCABTECH.COM [email protected]

Adobe Flex 3 اساسيات البرمجة بالفليكس

Embed Size (px)

DESCRIPTION

تعتبر الفليكس من بيئات التطوير الحديثة في عالم البرمجة والتصميم، ولبيئة التطوير فليكس العديد من المزيا حيث تسمح هذه البيئة بانشاء تطبيقات الويب وتطبيقات سطح المك تب وفي الاصدارات الحديثة من فليكس يمكن انشاء تطبيقات الهاتف المحمول ) حيث تدعم فليكس حتى الان منصات Android ، IOS و Blackberry .)

Citation preview

  • [email protected] MOC.HCETBACS.WWW

  • ]1[

    :

    ..

    .

    :

    .

    :

    )redliuB hsalF ebodA( xelF ebodA

    (

    ).yrrebkcalB SOI diordnA

  • ]2[

    :

    2 ____________________________________________________ : 3 _______________________________________________ :

    4 _______________________________________ : LMTH 5 _________________________________________________________ ):xelF(

    6 ___________________________________________ :3 redliuB xelF ebodA

    44 _______________________________ : 22 ______________________________________ tpircSnoitcA :

    22 ________________________________________________________ :ssalC 53 ____________________________________________________ :stnemmoC

    53 _______________________________________________________ :noitcnuF 23 _________________________________________ :sretemaraP gnissaP

    33 _________________________________________ :stnevE gnildnaH 44 ________________________________________________ ]:elbadniB[ 24 _____________________________________________________ : 34 __________________________________________ : sreifidoM sseccA

    44 ________________________________________________ :gnirotcafeR

    64 _________________ )reniatnoC noitacilppA( ) ( : 64 ___________________________________________ ):reganaM tuoyaL(

    34 __________________________________________:sreniatnoC tuoyaL 55 ________________________________________________________ :xoBV xoBH

    45 ______________________________________________________ : reniatnoC mroF 25 ______________________________________________________ :reniatnoC lenaP

    46 __________________________________________________ :reniatnoC noitagivaN 26 ____________________________________________ : reniatnoC kcatSweiV

    52 ______________________________________ : tpircSnoitcA noitagivaN 42 ____________________________________ : noidroccA rotagivaNbaT 42 ________________________________________________________ :setatS 33 ________________________________________________ : 43 ________________________________________ :statS dna srevolloR 43 __________________________________ : secruoseR

    63 __________________ stnenopmoC dna stnevE : 63 ________________________________________________________ :stnevE

    33 _____________________________________________ :tcejbO tnevE ehT 554 ________________________________________________ :renetsiLtnevEddA

    354 _________________________________________________ :stnenopmoC 544 ____________________________________ :ataD dna stnenopmoC 344 _________________________________________ :stnevE motsuC

    344 ______________________________________________ :ataD gnissaP

    224 ____________________________________________________ :

  • ]3[

    :

    .

    xelF ebodA

    )yrrebkcalB SOI diordnA (

    xelF ebodA

    xelF ebodA ( )

    .

    tpircS noitcA

    .

    :

    ) xelF (

    .

  • ]4[

    : LMTH

    LMTH

    LMTH

    . LMTH

    ds.ude.uaa.www

    ) www) (sretuoR (

    LMTH

    ) tneilC (

    . LMTH

    :

    noisuFdloC :MFC

    segaP revreS evitcA tfosorciM cissalC :PSA

    segaP revreS evitcA TEN. tfosorciM :XPSA

    segaP revreS avaJ :PSJ

    gnissecorperp txetrepyH A :PHP

    .LQS

  • ]5[

    ):xelF (

    psa (

    ) . PHP

    . LMTH

    hciR XM hsalF) ebodA( aidemorcaM

    hsalF) AIR( noitacilppA tenretnI

    LMTH

    .

    AIR

    .

    0.2 tpircSnoitcA XM hsalF aidemorcaM

    0.2 tpircSnoitcA AIR 0.1 tpircSnoitcA

    .

    ) slooT gniggubeD (

    AIR

    .

    xelF 2004 aidemorcaM

    revaewmaerD AIR hsalF

    0.2 tpircSnoitcA redliuB xelF

    .POO

  • ]6[

    2004

    . 0.3 tpircSnoitcA

    :3 redliuB xelF ebodA

    xelF 3 redliuB xelF ebodA

    : 3 redliuB

    0.3 tpircSnoitcA : KDS xelF

    xelF

    xelF :ni-gulp espilcE ehT

    .espilcE

    9 reyalp hsalf :9 reyalP hsalF

    .

    3 redliuB xelF ebodA

    erahWynAllatsnI

    .

    1-1

  • ]7[

    ebodA 3 redliuB xelF

    . 9 reyalP hsalF

    2-1

  • ]8[

    3-1

    .txeN

    4-1

    xelF FWS

    espilcE

    noisuFdloC tpircSavaJ

  • ]9[

    reyalP hsalF ebodA 5-1

    llatsnI

    .

  • ]01[

    6-1

    7-1

  • ]11[

    .

    8-1

    3 redliuB xelF ebodA ebodA

  • ]21[

    9-1

    . 02

  • ]31[

    3 redliuB xelF ebodA 54-4

  • ]41[

    :

    redliuB hsalF ebodA

    .

    ).dlroW olleH (

    tcejorP xelF > weN > eliF .1

    redliuB xelF ebodA 1-2

  • ]51[

    tcejorP xelF etaerC .2

    2-2

    ) emaN tcejorP (

    ) noitacoL tcejorP(

    .

    ) epyt noitacilppA (

    redliuB xelF ebodA

    noitacilppa beW

    . FWS

  • ]61[

    RIA ebodA noitacilppA potkseD

    .emitnuR detargetnI ebodA RIA ebodA

    ) noisuFdloC TEN. AVAJ PHP (

    .txeN) enoN ( epyt revreS noitacilppA

    tuptuO erugifnoC .3

    3-2

  • ]71[

    4-2

    noitacilppA LMXM

    tnenopmoc LMXM elif

    .

    hsiniF kcilC .4

  • ]81[

    3 redliuB xelF 5-2

    3 redliuB xelF ebodA

    :

    : rotagivaN xelF

    crs gubed-nib

    .lmxm.niam

    : .eniltuO

    : weiV rotidE

    weiV rotidE

    evitcepsreP ecruoS

    ngiseD ngiseD ngiseD ecruoS

    .evitcepsreP

  • ]91[

    evitcepsreP ngiseD 6-2

    weiV etatS weiV tnenopmoC

    seitreporP xelF

    .oidutS lausiV

    slortnoC ( weiV tnenopmoC

    ) strahc noitagivan tuoyal

    slortnoc

    .

    weiV rotidE lebaL slortnoC .1

    " lebaL kcilC elbuoD .4

    ".

    evaS S + lrtC .3

    .

  • ]02[

    nuR .2

    7-2

  • ]12[

    :

    .

    weiV seitreporP 9-2

    nottuB

  • ]22[

    9-2 weiV dradnatS

    weiV yrogetaC

    . weiV lacitebahpla

    weiV yrogetaC 11-2

  • ]32[

    weiV lacitebahplA 11-2

    :

    evitcepsreP ecruoS

    .lebaL

  • ]42[

    21-2

    LMXM

    .0.3 tpircSnoitcA

    : LMXM

    LMX sgat LMX LMXM

    .

    :

    >?"8-ftu"=gnidocne "0.1"=noisrev lmx?/"xelf ot emoclew"=txet "861"=y "5.393"=x lebaL:xm/

  • ]52[

    :

    . 1f

    weiV pleh 31-2

  • ]62[

    :

    lebal

    .

    41-2

  • ]72[

    tpircSnoitcA :

    tpircSnoitcA

    POO

    . 0.3 tpircSnoitcA

    :ssalC

    lacsaP NARTROF

    .adA LOBOC

    C

    ++C C

    #C avaJ POO

    .eliF ssalC

    (

    ) seitreporp

    stcejbO

    .

    redliuB xelF ebodA

    : tcejorP tpircSnoitcA wen a gnitaerC tpircSnoitcA

  • ]82[

    tpircSnoitcA 1-3

    tpircSnoitcA

    ! . tpircSnoitcA

    LMXM tpircSnoitcA

    LMXM tpircsnoitca

    tpircSnoitcA

    .tcejorP xelF

    fws LMXM

    LMXM gnilipmoC

    tpircSnoitcA

    LMXM

    .

  • ]92[

    >?"8-ftu"=gnidocne "0.1"=noisrev lmx?noitacilppA:xm/?"8-ftu"=gnidocne "0.1"=noisrev lmx?/"lebalym"=di "! xelF ot emocleW"=txet lebaL:xm<

    >noitacilppA:xm//"012"=htdiw ".su tcatnoc ot woh tuo dnif

    ot ereH kcilC"=lebal "47"=y "01"=x nottuBkniL:xm<

    = kcilc "FF0000#"=roloc "sU liam-E

    >/"'tcatnoc'=etatStnerruc"

    >lenaP:xm/<

    >noitacilppA:xm/setats:xmetats:xmsetatS:xm weN CRS .4

    .

  • ]58[

    64 4

    .hsiniF stessa .3

    rotagivaN xelF

    .

  • ]68[

    stessa 74 4

    tropmi stessa .2

    .

  • ]78[

    82 2

    .metsyS eliF lareneG .0

    .txeN .2

    dleiF yrotceriD esworB .7

    ( ).

  • ]88[

    94 4

    .

    .gpj.naduSUAA .8

    stessa/crs redlof otnI .9

    . esworB

    .hsiniF .01

    . .stessa

  • ]98[

    15 4

    .

    .ecitcarp_revOlloR LMXM .11

    .etulosbA .41

    . .31

    egamI noitacilppA .21

    :

    >?"8-ftu"=gnidocne "0.1"=noisrev lmx?/ "gpj.naduSUAA/stessa"=ecruos "52"=y "081"=x egamI:xm<

    >noitacilppA:xm//")'gpj.naduSUAA/stessa'(debmE@"=ecruos "52"=y "081"=x egamI:xm

  • ]09[

    .

    .01

    .

    etats etats

    .statS

    : setatS .21

    >?"8-ftu"=gnidocne "0.1"=noisrev lmx?setats:xm<

    >setats:xm/<

    "52"=y "081"=x egamI:xm<

    >/ ")'gpj.naduSUAA/stessa'(debmE@"=ecruos

    >noitacilppA:xm/?"8-ftu"=gnidocne "0.1"=noisrev lmx?

  • [91]

    (

    )

    2 04 aau

    AddChild.

    18. AddChild :

  • [92]

    AddChild

    .

    19. Text :

    40. aau

    :

  • ]39[

    35 4

    .

    kcilC etatStnerruc

    . revolloR

    :egamI LMXM .14

    ")'gpj.naduSUAA/stessa'(debmE@"=ecruos "52"=y "081"=x egamI:xm/"'uaa'=etatStnerruc"=revOllor

    . .44

    dlihCddA

    egamI dlihCddA

    :

    ")'gpj.naduSUAA/stessa'(debmE@"=ecruos "52"=y "081"=x egamI:xm/"''=etatStnerruc"=tuOllor "'uaa'=etatStnerruc"=revOllor

    . .34

    .

  • ]49[

    .egamI tuollor .24

    reldnaHtnevEteS >/etatS:xm/"''=etatStnerruc"=reldnah

    . .24

    ytreporPteS reldnaHtnevEteS

    eman reldnaHtnevEteS

    eulav reldnaHtnevEteS

    .

    uua %00

    .YelacS Xelacs ytreporPteS

    4 Yelacs Xelacs

    0.0 4 XelacS

    . YelacS

    :reldnaHtnevEteS .74

    "}nadusuaa{"=tegrat "tuOllor"=eman reldnaHtnevEteS:xm/"''=etatStnerruc"=reldnah

    >/"5."=eulav "Xelacs"=eman "}nadusuaa{"=tegrat ytreporPteS:xm/"5."=eulav "Yelacs"=eman "}nadusuaa{"=tegrat ytreporPteS:xm

  • ]59[

    .84

    .%00

  • ]69[

    stnenopmoC dna stnevE :

    .

    0.3 tpircS noitcA LMXM

    .

    rellortnoC-weiV-ledoM

    .

    :stnevE

    . tpircS noitcA

    0.3 tpircS noitcA 0.2 tpircS noitcA

    .0.2 tpircS noitcA

    .

    .tcejorP_5retpahC .1

    .etulosbA .4

    031 Y 043 X lenaP .3

    004 thgieh 004 htdiw

    .stnevE gnitseT eltiT etulosbA

    >?"8-ftu"=gnidocne "0.1"=noisrev lmx?"etulosba"=tuoyal "stnevE gnitseT"=eltit

  • ]79[

    >lenaP:xm/<

    >noitacilppA:xm/?"8-ftu"=gnidocne "0.1"=noisrev lmx?"etulosba"=tuoyal "stnevE gnitseT"=eltit

    >/"lebaLym"=di "54"=y "55"=x lebaL:xm<

    >/"tseT"=lebal "nottuBym"=di "69"=y "09"=x nottuB:xm<

    >lenaP:xm/<

    >noitacilppA:xm/tpircS:xm]]

    >tpircS:xm/

    2. .

    7. Test 2 .

    8. Test label Label

    :

  • ]201[

    tseT 4 5

    : 2 tseT .9

    2 tseT 5 5

    tseT

    lebaLllif 2 tseT kcilC.tnevEesuoM

    emitnuR

    .B A

    nottuB

    .xobkcehC

  • ]301[

    :stnenopmoC

    LMXM

    POO

    elif ssalC

    .

    LMXM

    . LMXM

    noitcA

    .tnenopmoC LMXM 0.3 tpircS

    nrettap ngiseD

    .

    ( rellortnoC-weiV-ledoM

    ) CVM

    .

    . noitacilppA .1

    noitacilppA LMXM

    .

    .

    .CRS weiV rotagivaN .4

    .redloF weN .3

    :

  • ]401[

    6 5

    stnenopmoc emaN redloF .2

    .

    .

    LMXM weN stnenopmoc .0

    :stnenopmoC

  • ]501[

    LMXM 7 5

    . mroFyM emaneliF .2

    . no desaB

    .xoBV .7

    thgieh htdiw

    .

  • ]601[

    .hsiniF thgieH htdiW .8

    xoBV redliuB xelF

    .noitacilppA

    >?"8-ftu"=gnidocne "0.1"=noisrev lmx?"lmxm/6002/moc.eboda.www//:ptth"=xm:snlmx xoBV:xmxoBV:xm/?"8-ftu"=gnidocne "0.1"=noisrev lmx?"lmxm/6002/moc.eboda.www//:ptth"=xm:snlmx xoBV:xm/"stnenopmoc tsrif ruo fo tset a si siht"=txet lebaL:xm<

    >/"stnenopmoc ysae woh ees ylkciuq lliw uoY"=txet lebaL:xm<

    >xoBV:xm/ .1

    pmoc

    :

  • ]801[

    9 5

    .retnE .4

    . ecapseman

    "lmxm/6002/moc.eboda.www//:ptth"=xm:snlmx noitacilppA:xm"*.stnenopmoc"=stnenopmoc:snlmx "etulosba"=tuoyal

    y x etulosba

    :

    >?"8-ftu"=gnidocne "0.1"=noisrev lmx?/"062"=y "522"=x mroFyM:stnenopmoc<

    >noitacilppA:xm/?"8-ftu"=gnidocne "0.1"=noisrev lmx?"852"=y "712"=x mroFyM:1sn<

    >mroFyM:1sn/<

    >noitacilppA:xm/ weN .4

    xoBV

    2mroFyM

    .

    tpircSnoitcA .3

    emaNtsaLyM emaNtsriFyM

    .gnirtS

    >?"8-ftu"=gnidocne "0.1"=noisrev lmx?"lmxm/6002/moc.eboda.www//:ptth"=xm:snlmx xoBV:xmtpircS:xm<

    [ATADC[!<

    ]elbadniB[

    ;gnirtS :emaNtsriFym rav cilbup

    ]elbadniB[

    ;gnirtS :emaNtsaLym rav cilbup

    >]]

    >tpircS:xm/<

    >xoBV:xm/?"8-ftu"=gnidocne "0.1"=noisrev lmx?"lmxm/6002/moc.eboda.www//:ptth"=xm:snlmx xoBV:xmtpircS:xm<

    [ATADC[!<

    ]elbadniB[

    ;gnirtS :emaNtsriFym rav cilbup

  • [111]

    [Bindable]

    public var myLastName: String;

    ]]>

    0. MyForm2 MXML

    MyNameData.

    2. String

    private:

    [Bindable]

    private var fName:String = "Mohammed";

    [Bindable]

    private var lName:String = "Mahmoud";

    ]]>

    7. ActionScript MyForm2

    X 400 Y 140

    Id names.

    8. myFristName myLastName fName

    lName:

    [Bindable]

    private var fName:String = "Mohammed";

    [Bindable]

    private var lName:String = "Mahmoud";

    ]]>

  • ]211[

    : .9

    21 5

    .

    2mroFyM lmxm.ataDemaNyM .01

    .004 Y 003 X lebaL

    2mroFyM lebal txet .11

    .seman

    }emaNtsriFym.seman{"=txet "002"=y "053"=x lebaL:xm/"}emaNtsaLym.seman{

    : .41

  • ]311[

    . 31 5

    :stnevE motsuC

    :

    . -1

    -4

    -3

    .

    :tnevE motsuc a gniralceD

    LMXM

    .

  • ]411[

    .1

    .lmxm.niaMemaN

    ]elbadnib[ tpircsnoitcA .4

    etavirp ataDemaNderahs gnirtS

    ".emaN tluafed "

    reldnaHemaNderahs diov .3

    .etavirp tneve

    :

    >?"8-ftu"=gnidocne "0.1"=noisrev lmx?< "lmxm/6002/moc.eboda.www//:ptth"=xm:snlmx noitacilppA:xm"*.stnenopmoc"=stnenopmoc:snlmx "etulosba"=tuoyal

    >tpircS:xm<

    [ATADC[!<

    ]elbadniB[

    tluafed" = gnirtS:ataDemaNderahs rav etavirp

    ;"emaN

    noitcnuf etavirp

    diov:)tnevE:tve(reldnaHemaNderahs

    {

    }

    >]]

    >tpircS:xm/<

    >noitacilppA:xm/?"8-ftu"=gnidocne "0.1"=noisrev lmx?"lmxm/6002/moc.eboda.www//:ptth"=xm:snlmx xoBV:xmtpircS:xm<

    [ATADC[!<

    diov:)(reldnaHkcilc noitcnuf cilbup

    {

    }

    >]]

    >tpircS:xm/<

    >/"61"=eziStnof "rehctapsiD emaN"=txet lebaL:xm<

    >/")(reldnaHkcilc"=kcilc "EM kcilC"=lebal nottuB:xm<

    >xoBV:xm/atadateM:xmatadateM:xm//"61"=eziStnof "rehctapsiD emaN"=txet lebaL:xm<

    ataDateM

    LMXM

    .

    LMXM tpircs noitca

    .

    .sgat atem ]elbadniB[

  • ]611[

    : .4

    >atadateM:xmatadateM:xm/<

    eman:

    tnevE )(reldnaHkcilc

    .nottuB

    )(reldnaHkcilc .3

    >tpircS:xm]]

    >tpircS:xm/<

    .

    :tnevE eht gnihctapsiD

    )(tnevEhctapsid

    .derahSataDeman tnevEym

    : tnevEym )(tnevEhctapsid .1

    diov:)(reldnaHkcilc noitcnuf cilbup

    {

    ;)"derahSataDeman"(tnevE wen = tnevE:tnevEym rav

    ;)tnevEym(tnevEhctapsid

    }

    nottuB

    derahSataDeman

    .

    .niaMemaN .4

    .

  • ]711[

    X rehctapsiDeman tpircsnoitca .3

    .02 Y 03

    LMXM

    !nottuB kcilC

    n ecaps .2

    derahSataDeman

    .

    derahSataDeman 41 5

    :derahSataDeman .0

    "04"=y "53"=x rehctapsiDemaN:stnenopmoc/ ")tneve(reldnaHataDemaNderahs"=derahSataDeman

    : reldnaHataDemaNderahs .2

    diov:)tnevE:tve(reldnaHataDemaNderahs noitcnuf etavirp

    {

    ;"ssabbA inaH" = ataDemaNderahs

    }

    .ataDemaNderahs

    xoBV emaNeviceR .7

    .thgieh htdiw

    ]elbadniB[ tpircsnoitca .8

    emaNym gnirtS

    txet lebal tpircsnoitca .9

    .21 eziStnof emaNym

    >?"8-ftu"=gnidocne "0.1"=noisrev lmx?< .01

  • [118]

    [Bindable]

    public var myName:String;

    ]]>

    11. NameMain ReciveName

    X 30 Y 140

    myName sharedNameData .

    [Bindable]

    private var sharedNameData:String = "default

    Name" ;

    private function

    sharedNameDataHandler(evt:Event):void

    {

    sharedNameData = "Hani Abbass";

    }

    ]]>

    14. .

  • ]911[

    51 5

    .EM kcilC .31

    61 5

    :ataD gnissaP

    :

    .rehctapsiDemaN .1

    .xoBH nottuB lebaL .4

    retnE txet lebaL xoBH .3

    .emaN ruoY

    dI tupnItxeT lebaL .2

    .tupnIemaNym

    : xoBH

    >xoBH:xm

  • ]021[

    >/"emaN ruoY retnE"=txet lebaL:xm<

    >/"tupnIemaNym"=di tupnItxeT:xm<

    >xoBH:xm/<

    .

    stneve.hsalf tnevEtxeT

    .

    tnevE ataDateM .0

    :

    >atadateM:xmatadateM:xm/<

    tnevEtxeT tnevE )(reldnaHkcilC .2

    .

    diov:)(reldnaHkcilc noitcnuf cilbup

    {

    ;)"derahSataDeman"(tnevEtxeT wen = tnevEtxeT:tnevEym rav

    ;)tnevEym(tnevEhctapsid

    }

    tnevEtxeT

    tupnIemaNym tupnItxeT

    .txet tupnItxeT

    .txet tupnItxeT .7

    diov:)(reldnaHkcilc noitcnuf cilbup

    {

    ;)"derahSataDeman"(tnevEtxeT wen = tnevEtxeT:tnevEym rav

    ;txet.tupnIemaNym = txet.tnevEym

    ;)tnevEym(tnevEhctapsid

    }

    .

    .tnevEtxeT .8

    >tpircS:xm

    9. NameMain.mxml .

    10. sharedNameDataHandler TextEvent

    flash.events NameDispatcher.

    11. sharedNameData evt.text.

    import flash.events.TextEvent;

    [Bindable]

    private var sharedNameData:String = "default Name" ;

    private

    function sharedNameDataHandler(evt:TextEvent):void

    {

    sharedNameData = evt.text;

    }

    ]]>

    14. Click Me

    ReciveName.

  • [122]

    :

    The Essential Guide to Flex 3 June 2, 2008 by Charles Brown (Author).

    : : HTML : (Flex): Adobe Flex Builder 3:

    : : ActionScript Class: Comments: Function: Passing Parameters: Handling Events: [Bindable]: : Access Modifiers : Refactoring:

    : () (Application Container) (Layout Manager): Layout Containers:HBox VBox:Form Container :Panel Container:Navigation Container: ViewStack Container : Navigation ActionScript : TabNavigator Accordion : States: : Rollovers and Stats: Resources :

    : Events and Components Events: The Event Object: AddEventListener: Components: Adding a Components: Components and Data: Custom Events: Passing Data:

    :