السلام عليكم
نبدأ إن شاء الله اول دروس السلفر لايت العملية وإن شاء الله نصل لمرحلة لا بأس بها في السلفر ( درس اليوم لا يوجد به برمجة ...أهلا وسهلا بالمصممين )
إذا كنت مبرمجا أو مصمما دعني اقل لك عزيزي بان اطار عمل الدوت نت بعد صدوره بأشهر قليلة أصبحت الشركات تطلب غالبا مبرمجين دوت نت
وحتى لو طلبت غيرهم فسيكون أغلى سعر لمبرمجي الدوت نت
فإذا كنت ترغب بجمع بعض المال أز جمع المال الوفير ... اقترح أن تتقن السيلفر لايت لان مايكروسوفت ستبقى تدعم منتجاتها وستجعلها بالمقدمة كما اعتدنا دائما
طبعا لست أقول هكذا لأجعل هذا هدفكم وهذا أيضا ليس هدفي .. انا مجرد مطور يحب ان يرى جديد شركته ويحب أن يفيد المستخدم العربي .. وساترك لكم التعمق وجمع المال بالسيلفر لايت
____________________________________________________________________
____________________________________________________________________
بداية ... هذه الدروس لن تكون للمبتدئين الهاويين..
وثانيا ... إذا رأيت إقبالا فسأقوم بتخصيص دروس في ال XAML وفي ال WPF
وثالثا .... بداية الدروس ستكون زامل وجافا سكريبت ... فلا تقلق يا من لا تتقن الدوت نت .
إذا كان هذا أول درس لك ... قد تحتاج لرؤية هذه المقدمة
http://www.swalif.net/softs/swalif46/softs215766/
هذا الدرس سنتعامل به مع مبادئ العمل على السلفر لايت وعلى بيئة العمل إن شاء الله
بيئة عمل السيلفر لايت :
حسب علمي للآن توجد بيئتين فقط من مايكروسوفت للسيلفر لايت وهما الفيجوال استوديو و البليند
1- الفيجوال استوديو ( Visual Studio )هناك نسختان
نسخة 2005 وهي تستخدم سيلفر لايت 1.0 وتدعم ال intelisence
نسخة 2008 وهي تدعم ايضا سيلفر لايت 1.1 ( نسخة ألفا آخر نسخة ) مع الخصائص الإضافية
2- مايكروسوفت بليند Microsoft Expression Blend
-الإصدار 1.0 حيث حيث لا يتكامل مع الفيجوال استوديو
- الإصدار 2.0 ولم تصدر النسخة النهائية ويتكامل مع الفيجوال استوديو
والصراحة لم يرق لي الفيجوال استوديو 2008 كثيرا رغم استخدام طويل .. لذلك سنستخدم نسخة 2005
وكذلك ارتحت للنسخة بليند النهائية الإصدار الثاني لتكاملها مع الفيجوال استوديو
______________________________________________________________________
______________________________________________________________________
متطلبات العمل
1- المشغلات RunTimes
Microsoft Silverlight 1.0
http://silverlight.dlservice.microso...ilverlight.exe
2-Microsoft Silverlight 1.1 Alpha September Refresh
Microsoft Silverlight: License Terms
*************************************************************
2- أدوات التطوير Developer Tools
1- Microsoft Visual Studio 2008
Visual Studio Team System 2008 Team Suite
النسخة بحجم 4 جيجا
http://download.microsoft.com/downlo...alX1429235.iso
2- Microsoft Silverlight 1.1 Tools Alpha for Visual Studio 2008
http://download.microsoft.com/downlo...lpha_Setup.exe
3- Microsoft ASP.NET Futures (July 2007)
Download details: ASP.NET Futures
*************************************************************
3- أدوات التصميم Designer Tools
1- Expression Blend 2 December Preview
http://download.microsoft.com/downlo.../Blend2.en.msi
2-Expression Encoder
لضغط الأفلام واستخدامعا بالسيلفر
http://download.microsoft.com/downlo...Encoder.en.msi
*************************************************************
3- Software Development Kits SDK
1- Microsoft® Silverlight™ 1.0 SDK
تضيف تيمبليت في المشاريع فقط للسي شارب طبعا مع باقي الأمثلة والإضافات الكثيرة
http://download.microsoft.com/downlo...ghtv1.0SDK.msi
2- Microsoft Silverlight 1.1 Software Development Kit Alpha September Refresh
http://download.microsoft.com/downlo...ept%202007.zip
للأسف لم أجد رابط للفيجوال استوديو 2005 والذي سنستخدمه اليوم ولكن أنا على يقين بأنه لديكم أو بامكانكم استخدم ال 2008 بدون أية مشاكل ولن تجدوا اختلافات كثيرة
وإن كنت عزيزي القارئ لست مبرمجا ولست معتادا على الفيجوال استوديو .. استخدم البليند بدون تردد
_____________________________________________________________________
_____________________________________________________________________
طريقة التحميل :
1- حمل الفيجوال استوديو ...... او حمل البليند ( يتطلب دوت نت فريم وورك 3.0 قبله )
2- حمل المشغل ( RunTime ) وسنستخدم اليوم 1.0
3-حمل SDK الخاصة بالمشغل
يفضل إذا كنت تستخدم الفيجوال استوديو 2005 أن تحمل التحديث الأول لها وهو SP1
العمل ...
اذهب للفيجوال استوديو 2005 ومن قائمة ملف اختر مشروع جديد ثم اختر بند السي شارب وستجد قالب السيلفر لايت اختره وسمي المشروع الدرس الأول ( كما بالصورة )
سيتم عمل مشروع جديد وستجد على يمينك في قائمة متصفح المشروع هذه الملفات
Default.html
صفحة HTML سيتم وضع السيلفر لايت بداخلها
Default.html.js
جافا سكريبت لتشيغل السيلفر في الصفحة
Silverlight.js
ملف جافا سكريبت أساسي مساعد لتشغيل السيلفر لايت
Scene.xaml
ملف لزامل الوصفي
Scene.xaml.js
أحداث الأدوات بالجافا سكريبت
قم بتشغيل المشروع بالنقر على F5 وستظهر لك صفحة بها زر
مرر الماوس على الزر ولاحظ التأثيرات .. جرب أن تضغط على الزر ستلاحظ اليرت الجافا سكريبت
بامكانك أن تقضي أقل من ساعة برؤية اكواد الملفات التي أمامك وأنا على يقين أنك لو كنت نبيها ستفهم ما هو مكتوب .............. ستستغرب وستعجب
ستسغرب من كثرة الكود وتعتقد أن كتابة مشروع متوسط مستحيل
ولكنك ستعجب من تسلسله وترتيبه وآلية عمله وسترتاح بانه ممكن بعد عناء قليل كتابة مشاريع متوسطة
**********************************************************
**********************************************************
افتح ملف Scene.xaml وسيكون كل عملنا عليه إن شاء الله
ونمسح ما بين الوسم كانفاس ونتركه فارغا كالتالي
ومن يملك خلفية ولو بسيطة عن XML يعلم أنه لابد من الوسم الجذر أو الوسم الرئيسيكود:<Canvas xmlns="http://schemas.microsoft.com/client/2007" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> </Canvas>
وهو في حالتنا كانفاس
جرب أن ترسم الآن مستطيل
شغل سترى مستطيل أحمركود:<Rectangle Width="250" Height="300" Stroke="Red" StrokeThickness="3"> </Rectangle>
Stroke="Red"
هذا إطار المستطيل لونه أحمر
StrokeThickness="3
سمك الإطار
طبعا ليس هذا درسنا اليوم ولكن ان شاء الله لي عودة بخصوص الأوسام ولكن كله متوفر لمن أراده وأيضا وبدون كتابة عبر البليند
جرب ان تفتح اوسام ستجد دائرة ونص وخط وشكل بيضاوي وووو
وستجد ان خصائص كل وسم تتشابه مع الوسوم الاخرى ي بعض الأمور كالحد والطول والعرض ونقط البداية والتعبئة وووو ونختلف بأمور تخصها
لنفترض أننا اردنا أن نرسم قوس فالأمر معقد قليلا .. لذلك لا بد من استخدام البليند
لا تغلق الفيجوال استوديو
افتح البليند
اختر فتح مشروع واختر ملف المشروع من حيث انشأت مشروعك بالفيجوال استوديو
ستفاجأ الآن أن المستطيل الذي رسمته قد ظهر هنا
( المستطيل الصغير في اعلى اليسار هو الكونفاس الجذر وكان ممكن ان نكبر ابعاده ايضا )
الان اختر القلم ( 1 )( مصممي الفوتوشوب مرتاحون لهذه النقط )
وضع نقطة 2 وثم نقطة 3 ثم اختر السهم واضغط على زر Alt من الكيبرد وانقر واسحب في نهياة الخط الأخضر وحدد فتحة القوس
اذهب الى الخصائص ( 4 ) واختر التعبئة بلا ( 5 )
قم بحفظ المشروع واغلق البليند
ستجد ان الفيجوال بيسك يطالبك بتحديث الملف
( بالامكان تنفيذ العمل على البليند وبدون اية مشاكل )
اقبل التحديث وستجد ايضا أن الملف فيه وسوم وخرابيط كثيرة
قم بتنفيذ العمل وستجد شكلا مشابها للشكل التالي
.......
الاستنتاج
1- التعرف على بيئة التطوير وملحقاتها
2- ملفات مشروع السيلفر الأساسية
3- بداية العمل وكتابة وسوم الزامل
4- التنقل بين الفيجوال استوديو والبليند
آمل أن يكون قد أعجبكم الدرس المتواضع
أخوكم خليل سليم
رد مع اقتباس
