ÇáÜ Plug-in

íÌÈ Úáíß ÃæáÇð ÊÑßíÈ ÇáÜ Plug-in æÊÌÑÈÉ ÊÔÛíáå Ýí ÇáãÊÕÝÍ áÊÊÃßÏ ÈÃäå íÚãá ÈäÌÇÍ ãËá ãÔÛá ÇáÝáÇÔ ( Flash Player ) ÊãÇãÇð

æáäÊÃßÏ ÈÃä ÇáÜ Silverlight íÚãá áÏíß ÇáÇä ÈäÌÇÍ íÌÈ Úáíß ãÔÇåÏÉ ÇáÚÑÖ ÇáÐí Ýí ÇáÕÝÍÉ åÐå
http://silverlight.net/samples/2b1/S...n/default.html
ÅÐÇ æÌÏÊ åÐå ÇáÕæÑÉ

ÝåÐÇ íÚäí Ãä ÇáÜ Silverlight ÛíÑ ãÍãá áÏíß Ãæ Ãä áÏíß ÇáäÓÎå ÇáÞÏíãå æÇáÚÑÖ íÔÛá ÇáäÓÎå ÇáãæÌæÏå Ýíå æåí ÇáÌÏíÏÉ Silverlight 2
ÅÖÛØ Úáì ÇáÕæÑÉ áÊÍãíá ÇáãÔÛá Úáì ÌåÇÒß Ëã ÃÚÏ ÊÍÏíË ÇáÕÝÍÉ
ÃãÇ ÅÐÇ áã ÊÙåÑ Êáß ÇáÕæÑÉ ÝÓíÙåÑ áß ÚÑÖ ÊÃËíÑÇÊ ÍÑßíå ááÕæÑ ßåÐå ÇáÕæÑÉ

ÇáÃÏæÇÊ æÊØæíÑ ÊÞäíÉ ÇáÜ Silverlight

ÈÅãßÇäß ÅÓÊÎÏÇã ÇáÃÏæÇÊ ÇáÊÇáíÉ áÊØæíÑ ÊÞäíÉ Silverlight æÇáÚãá ÚáíåÇ
Microsoft Expression Studio æíÊßæä ãä ÇáÈÑÇãÌ ÇáÊÇáíÉ

  • Expression Blend áãÚÇáÌÉ ÊÞäíÉ ÇáÜ Silverlight æÚãá ÇáÊÃËíÑÇÊ ÇáÍÑßíÉ æÇáÚãáíÇÊ ÇáÈÑãÌíÉ
  • Expression Design áãÚÇáÌÉ ÇáÊÕÇãíã ÇáÅÍÊÑÇÝíÉ áÅÓÊÎÏÇãåÇ Ýí ÇáÜ Silverlight æäÞáåÇ Åáì ÇáÜ Blend
  • Expression Media áãÚÇáÌÉ ÇáæÓÇÆØ ÇáãÊÚÏÏÉ ßÇáÕæÊíÇÊ æÇáÝíÏíæ æÅÓÊÎÏÇãåÇ Ýí ÇáÜ Silverlight æäÞáåÇ Åáì ÇáÜ Blend
  • Expression Web áãÚÇáÌÉ ÕÝÍÇÊ ÇáæíÈ áÚÑÖ ÊÞäíÉ ÇáÜ Silverlight æÊäÓíÞ ÃãÇßäåÇ Ýí ÕÝÍÉ ÇáÅäÊÑäÊ


æÚæÖÇð Úä Expression Web íÃÊí Visual Studio 2008
ÇáÐí Èå ÈÅãßÇäß Úãá ÕÝÍÇÊ ÅäÊÑäÊ ÊÚÑÖ ÊÞäíÉ ÇáÓíáÝÑáÇíÊ æÊÊÚÇãá ãÚåÇ ÈÅÍÊÑÇÝ ÛíÑ æÌæÏ ÃÏæÇÊ ÎÇÕÉ áãÓÇäÏÊåÇ ãËá æÌæÏ Controls ÌÇåÒå áÚÑÖ ÇáÜ Silverlight æÚÑÖ ÃÏæÇÊ ÌÇåÒÉ ÃÎÑì ãä ÇáÓíáÝÑáÇíÊ
æÅíÖÇð ÅÓÊÎÏÇãåÇ Ýí ÇáÈÑãÌÉ ÈáÛÉ ÇáÝíÌæÇá ÈíÓß Ãæ ÇáÜ C#
æåÐå åí ÇáÃÏæÇÊ ÈÔßá ßÇãá , ÊÌÏ ÃäåÇ ßËíÑå ! , áíÓ Úáíß ÊÍãíáåÇ ÌãíÚåÇ
áßä Ýí ÃÝÖá ÇáÃÍæÇá ÓäÓÊÎÏã ÈÑäÇãÌ Blend áÊØæíÑ ÊÞäíÉ ÇáÜ Silverlight ÈÔßá ßÈíÑ áÃäåÇ åí ãÇ íæÌÏ ÝíåÇ ÇáÅÓÊÎÏÇãÇÊ ÇáßËíÑå æÇáÎÇÕÉ ÈÔßá ÃÓÇÓí áÊØæíÑ ÇáÊÞäíÉ
æØÈÚÇð ÓäÊØÑÞ áÌãíÚ ÇáÈÑÇãÌ ÇáÓÇÈÞå ÇáÃÏæÇÊ ÇáÎÇÕÉ ÈÊØæíÑ ÇáÊÞäíÉ
ÅÊÈÚäÇ áãÊÇÈÚÉ ÇáãÒíÏ
Expression Blend

áÊÍãíá Expression Blend ÂÎÑ ÅÕÏÇÑÉ ãä åäÇ
>> Microsoft Expression Blend 2.5 March 2008 Preview ÍÌã 27.8 MB <<
ÈÚÏ ÊÍãíá Expression Blend ÓÊÌÏå Öãä ÞÇÆãÉ ÇáÈÑÇãÌ

ÇáÃä Þã ÈÝÊÍ ÇáÈÑäÇãÌ áäÊØáÚ Úáíå æäÑì Úáì ãÇÐÇ íÍÊæí ãä ÇÏæÇÊ æÎÕÇÆÕ

1 – Projects ãÔÇÑíÚ : ÈÅãßÇäß åäÇ ãÔÇåÏÉ ãÔÇÑíÚß ÇáÓÇÈÞÉ
2 – New Project ãÔÑæÚ ÌÏíÏ : ÈÅãßÇäß åäÇ ÅäÔÇÁ ãÔÑæÚ ÌÏíÏ
3 – Samples ÃãËáÉ : ÈÅãßÇäß åäÇ ãÔÇåÏÉ ÃãËáÉ ÌÇåÒå ÈÊÞäíÉ ÇáÜ Silverlight
ÇáÃä äÊæÌå Åáì New Project áäÞæã ÈÅäÔÇÁ ãÔÑæÚ ÌÏíÏ áÊØæíÑå ÈÊÞäíÉ ÇáÜ Silverlight
æÓÊÙåÑ áäÇ åÐå ÇáäÇÝÐÉ

ÏÇÆãÇð Þã ÈÅÎÊíÇÑ Silverlight Site
ÅÐÇ ßäÊ ÊÑíÏ ÅÓÊÎÏÇã ÊÞäíÉ ÇáÓíáÝÑáÇíÊ ÏÇÎá ÇáãæÞÚ Ýí ÇáÅäÊÑäÊ
Ëã ÃÖÛØ OK ãæÇÝÞ
æÓíÙåÑ áß ÇáÃä ÔÇÔÉ ÅØÇÑ ÇáÚãá

1 – ÃÏæÇÊ ÇáÑÓã æÇáßÊÇÈÉ
2 – Project íÊßæä ãä ãáÝÇÊ ÇáãÔÑæÚ æáæ ÊáÇÍÙ ÃäÊ Ýí ÕÝÍÉ Page.xaml
æåÐå ÇáÕÝÍÉ ÈÅãÊÏÇÏ xaml æåí áÛÉ ÎÇÕÉ ÈÊÞäíÉ ÇáÜ Silverlight áÊÕãíã æÚãá ÇáÊÃËíÑÇÊ ááÕÝÍÉ
æ xaml åæ ÅÎÊÕÇÑ Åáì Extensible Application Markup Language
æÝí ÇáãÔÑæÚ ÃíÖÇð åäÇß Defualt.html æåí ÕÝÍÉ ÇáÚÑÖ ÚäÏ ÝÊÍåÇ ÓÊÌÏ ÝíåÇ ßæÏ áÚÑÖ Page.xaml
æÝí Page.xaml.js ÃßæÇÏ ÌÇÝÇÓßÑíÈÊ áíÊã ãÚÇáÌÉ ÚãáíÉ ÇáÍÏË Ãæ ÇáÃÍÏÇË
æ Silverlight.js åÐÇ ÇáãáÝ åæ ãáÝ ãÓÇÚÏ áÅÏÑÇÌ æÚÑÖ ÕÝÍÇÊ ÇáæíÈ Ýí ÇáãÊÕÝÍÇÊ æÇáÊÚÇãá ãÚ ÇáÜ Objects
áíÓ Úáíß ÍÇáíÇð Ãä ÊÝåã ßá ÔíÁ áßä ßá ãÇ íÊØáÈ Ãä ÊÃÎÐ ÝßÑå ÚÇãå ÈßíÝíÉ ÇáÊÚÇãá ãÚ ÊÞäíÉ ÇáÜ Silverlight
ÓÊÌÏ Ýí ÇáãÑÈÚ ÇáÃÍãÑ Ýí ÇáÑÞã 2 ÎÇÕíÉ ãßÊæÈ ÚáíåÇ Properties æåí ÎÕÇÆÕ áÃÏæÇÊ ÇáÑÓã ÝãËáÇð áæ ÑÓãäÇ ãÑÈÚ ÓÊÙåÑ Ýíå ÎÕÇÆÕ áæä ÇáãÑÈÚ æáæä ÇáÍÏæÏ æÏÑÌÉ ãíáÇä ÇáÍÏæÏ æÇáÔÝÇÝíå ÛíÑåÇ ãä ÇáÎÕÇÆÕ ÇáãÊæÝÑÉ.
3 – Ýí åÐÇ ÇáÌÒÁ íÊã ÇáÊÍßã ÈÇáÜ Objects æÇáÊÃËíÑÇÊ ÇáÍÑßíÉ Timeline
4 – åí ÇáÕÝÍÉ Ãæ ÅØÇÑ ÇáÚãá
5 – åÐå ÇáÎíÇÑÇÊ ÊÙåÑ ÝÞØ Ýí ÕÝÍÉ ÈÅãÊÏÇÏ xaml æåí áßí ÊÑì ÇáÃßæÇÏ ÇáÎÇÕÉ ÈáÛÉ xaml Çæ áÊÑì ÇáÊÕãíã æÇáäÊíÌå ÇáÊí ÊÙåÑåÇ ÇáÃßæÇÏ
6 – ÇáÞÇÆãÉ ÇáÚáæíÉ æÝíåÇ ÍÝÙ æÝÊÍ ÇáãÔÇÑíÚ æÝíåÇ ÞÕ æäÓÎ ÇáÜ Objects æÝíåÇ ÚÑÖ ÇáäæÇÝÐ æÇáãÓÇÚÏå æÎíÇÑÇÊ ÇáÈÑäÇãÌ.
ÑÓã ãÑÈÚ Úãá ÊÃËíÑÇÊ ÍÑßíå Úáíå

ÇáÃä áäÑÓã ãÑÈÚ æäÛíÑ Ýí ÎÕÇÆÕå
ÈÅÎÊíÇÑ ÃÏÇÉ ÇáãÑÈÚ

ÈÚÏåÇ äÞæã ÈÇáÖÛØ Ýí ÏÇÎá ÇáÕÝÍå áäÑÓã ÇáãÑÈÚ ßÇáÊÇáí

Ëã äÎÊÇÑ Properties áÚÑÖ ÇáÎÕÇÆÕ

áÊÛííÑ ÇáÊÚÈÆÉ ÃÎÊÑ Fill æÞã ÈÅÎÊíÇÑ Çááæä ÇáÐí ÊÑíÏå æÈÅãßÇäß ÌÚáå ãÊÏÑÌ ÈÇáÖÛØ Úáì Ëã ÅÎÊíÇÑ ÇáÃáæÇä ÇáãÊÏÑÌÉ
æáÊÚÈÆÉ ÇáÍÏæÏ ÃÎÊÑ Stroke æÛíÑÇááæä æßÐÇáß ÈÅãßÇäß ÊÛííÑ ÇáÊÏÑíÌ ßãÇ Ýí ÇáÊÚÈÆÉ æÊÛííÑ ÍÌã ÇáÎØ
ÇáÃä áÊÛííÑ ÏÑÌÉ ãíáÇä ÇáÒæÇíÇ ßá ãÇÚáíß åæ ÊÛííÑ ÞíãÉ RediusX æ RediusY Åáì Ãí ÏÑÌå ÊÑíÏåÇ ÝãËáÇð 30
ÇáäÊíÌÉ ÇáäåÇÆíå ÈÚÏ ÊÚÏíá ÇáÎÕÇÆÕ ÇáãÐßæÑÉ


æÇáÃä ÈÚÏ Ãä ÊÚÑÝäÇ ßíÝ äÑÓã æäÛíÑ Ýí ÎÕÇÆÕ ÇáÜ Object
äÊÚáã ßíÝ äÞæã ÈÊÍÑíß ÇáÜ Object
æÈßá Óåæáå Ýí ÕäÏæÞ ÇáÜ Interaction
ÃÎÊÑ ÇáÜ Object ÇáãÑÈÚ ÇáÐí ÑÓãäÇå
Ëã ÃÖÛØ Úáì ÚáÇãÉ ÇáÒÇÆÏ ( + ) Ëã ÃÎÊÑ New æÇßÊÈ ÚäæÇä ÇáÍÑßå æÇÖÛØ ãæÇÝÞ OK
ÇáÌãíá Ãäå ÈÅãßÇäß Úãá ÃßËÑ ãä ÍÑßÉ ÈÇáÖÛØ Úáì New æËã ÊÔÛíáåÇ ãÊì ÊÔÇÁ , ÈÍíË Ãäå áÇ íÊã Úãá ÇáÍÑßå Úáì ÇáÕÝÍå ßÇãáå Èá ÝÞØ Úáì ÃÌÒÇÁ ÊÞæã ÈÊÔÛíáåÇ ãÊì ãÇ ÊÑíÏ

ÇáÃä ÍÏÏ Ýí ÇáÜ Timeline ÇáÌÒÁ ÑÞã ËáÇËå Ãí ( 3 ËæÇäí )

Ëã ÍÑß ÇáãÑÈÚ Åáì ÇáÃÓÝá ÞáíáÇð æÓÊáÇÍÙ Çäå Êã ÅäÔÇÁ äÞØå Ýí ãßÇä ÇáÜ Timeline ÑÞã 3
Ëã ÍÏÏ Úáì ÇáÑÞã 4 Ýí ÇáÜ Timeline æÍÑß ÇáãÑÈÚ Åáì ÇáÃÚáì ÍíË íÓÊÞÑ Ýí ãßÇäå
ÈÅãßÇäß ÇáÃä ãÔÇåÏÉ ÇáÊÃËíÑ ÇáÍÑßí ÈÇáÖÛØ Úáì ÚáÇãÉ ÇáÊÔÛíá åÐå
áßä ÚäÏ Úãá ÊÔÛíá ááãÔÑæÚ ßÇãá ÈÅÎÊíÇÑ (( Project -> Test Site )) Çæ ÇáÒÑ F5
Ýáä ÊÚãá ÇáÍÑßå , áÃäß áã ÊÍÏÏ ÍÑßå ãÚíäå íÊã ÊÔÛíáåÇ ÚäÏ ÊÍãíá ÇáÕÝÍå
ÝßíÝ äÍÏÏ ÍÑßå ãÚíäå íÊã ÊÔÛíáåÇ Ýí ÇáãÔÑæÚ åÐå ÇáÚãáíÇÊ Ãæ ÇáÜ Events æÇáÃÍÏÇË íÊã ÇáÊÍßã ÈåÇ ßãÇ ÞáäÇ Úä ØÑíÞ ãáÝ xaml.js æåæ Ýí ãÔÑæÚäÇ åÐÇ (( Page.xaml.js ))
ÅÝÊÍ ÇáãáÝ , ØÈÚÇð ÓÊÌÏ Ýíå ÇßæÇÏ ÌÇåÒå ãä ÇáãÔÑæÚ æåí ÚãáíÇÊ ÅÝÊÑÇÖíå æÃãËáå ÈÅãßÇäß ÅÓÊÎÏÇãåÇ
ÝãËáÇð Ýí ÂÎÑ ÓØÑ åäÇß íæÌÏ
this.control.content.findName("Storyboard1").Begin ();
ÏÇÎá ÇáÏÇáÉ ( handleMouseDown )
åÐÇ íÚäí ÚäÏ ÇáÖÛØ Úáì ÇáÝÃÑÉ Þã ÈÌÚá ÇáÍÑßå Storyboard1 ÊÈÏÃ
áßä ÞÈá ÇáßæÏ ÇáÓÇÈÞ ÚáÇãÊí ÇáÜ (( // )) ããÇ íÌÚá ÇáßæÏ ÇáÓÇÈÞ ÛíÑ ãÝÚá ÍÊì ÇáÃä
æäÍä äÑíÏåÇ ÊÝÚíá ÇáÍÑßå ÚäÏ ãÌÑÏ ÊÔÛíá Çæ ÝÊÍ ÇáãÔÑæÚ ÝáÐÇáß ÏÇÎá ÇáÏÇáÉ (( handleLoad )) äÖÚ åÐÇ ÇáßæÏ
this.control.content.findName("Storyboard1").Begin ();
ØÈÚÇð Storyboard1 åæ ÇÓã ÇáÍÑßå ÇáÊí ÚãáäÇåÇ ÚäÏ ÅÖÇÝÊåÇ ÈÇáÖÛØ Úáì New Ýí ÕäÏæÞ ÇáÜ Timeline
æåßÐÇ ÈÍãÏ Çááå ÊÚÑÝäÇ Úáì ÈÑäÇãÌ ÇáÜ Expression Blend æÃíÖÇð ÊÚÑÝäÇ ÅÓÊÎÏÇã ÃÏæÇÊå æÊÚÑÝäÇ Úáì ÑÓã æÅäÔÇÁ ÇáÃÔßÇá æÇáÃÌÓÇã æÃíÖÇð ÊÚÑÝäÇ áßíÝíÉ ÊÍÑíß ÇáÃÌÓÇã æÇáÃÔßÇá
ÈÅÐä Çááå Ýí ÇáãÞÇáÇÊ ÇáÞÇÏãå Óíßæä ÇáÚãá Úáì ÇáÊÞäíÉ ÈÊØæíÑÇÊ ããíÒÉ ,
åÐå ÇáãÑå ÞãäÇ ÝÞØ ÈÅÓÊØáÇÚ æÊÌÑÈÉ Ãæáíå ááãÈÊÏÆíä áÅíÖÇÍ ØÑíÞÉ ÇáÊÚÇãá ãÚ åÐå ÇáÊÞäíÉ ÇáÑÇÆÚå
æÃÑÌæÇ áßã ÏæÇã ÇáÊæÝíÞ