تقييم الموضوع :
  • 4 أصوات - بمعدل 5
  • 1
  • 2
  • 3
  • 4
  • 5
[WPF حتى الاحتراف] {1} - إنشاء برنامجك الاول
#1
السلام عليكم ورحمة الله وبركاته


--


اليوم سنقوم بشرح كيفية انشاء مشروع WPF جديد والتعرف على بعض الامور المتعلقة ببيئة العمل كالنوافذ وكتابة الCode-behind .

طبعا اعلم ان اكثركم يعرف كيف يقوم بذلك ، لكن الدورة مقدمة من الصفر حتى الاحتراف لذلك سيتم التطرق لكل شيئ - ان شاء الله -

سنقوم بصنع البرنامج الشهير Hello World ..








خطوات انشاء مشروع جديد



افتح الVisual studio اضغط على قائمة File ثم اختر WPF Application ثم ضع اسما للمشروع واضغط موافق:



الان ظهرت لنا مجموعة من الملفات تمت اضافتها تلقائيا الى المشروع :





--

وظيفة الملفات :


App.xaml : الEntrypoint للبرنامج ، حيث انه هو المسؤول عن اظهار الWindow في البداية - شبيه جدا بملف Program.cs المعروف عند مبرمجي لغة السي شارب.

Window1.xaml : ملف الواجهة ، وهو بدل الForm ، حيث عند الضغط عليه سيتم توجيهك الى نافذة التصميم .


--





بالضغط على ملف الواجهة الرئيسية (Window1.xaml) سيتم توجيهك الى منصة التصميم :



في الاسفل نرى نافذة الXaml المسؤولة عن انشاء وتعديل خواص العناصر (اي الControls والامور الاخرى)


شوف ، عندك طريقتين للتصميم :

يمكنك التصميم يدويا بكتابة اكواد في نافذة الXaml ..

او يمكنك السحب والالقاء من نافذة الادوات (ToolBox) وتعديل الادوات من صندوق الخصائص كما كنا نفعل مع Windows Forms





سنقوم الان ببرمجة بسيطة للزر الظاهر في الصورة السابق ، سنقوم باضافة حدث Click للزر من خلال صندوق الخصائص :



وسنقوم بكتابة هذا الكود :-
PHP كود :
private void button1_Click(object senderRoutedEventArgs e)
{
    
textBox1.Text "Hello WPF!";


vb.net
PHP كود :
Private Sub button1_Click(sender As ObjectAs RoutedEventArgs)
    
textBox1.Text "Hello WPF!"
End Sub 




وظيفة الكود السابق : ارسال نص Hello WPF الى الTextbox -









النهاية



كما ترون طريقة انشاء مشروع والتعامل معه شبيهة جدا بالWindows Forms ماعدا انه هناك حيز اضافي باسم Xaml editor ، حقيقا لست مضطرا الى كتابة اكواد xaml يدويا

فيمكنك الاضافة والتعديل على الElements بشكل عادي كما كنا نفعل مع Windows Forms

لكن حاول - بما انك مبتدأ - ان تقوم بالكتابة يدويا كي تتعلم وتتعود على xaml .
، لأننا سنحتاج الى التعامل معه في دروس متقدمة






إنتهى
الرد }}}}
#2
بارك الله فيك

يعطيك العافية
شـــايـفـــك

الرد }}}}
تم الشكر بواسطة: الشاكي لله , السندبااد
#3
ماشاء الله تابع ياكبير وواصل التألق
ربنا يجعله في موازين حسناتك
واتمني من الادارة كتابة اعلان عن هذه الدورة في هيدر الموقع تبع الاعلانات وعمل موضوع خاص بفهرسة الدورة
وممكن في الفهرس اخي محمد يضيف الموضوعين القدام
[مقال] ماهي تقنية WPF
تعلم على برنامج Expression Blend
الرد }}}}
تم الشكر بواسطة: الشاكي لله
#4
(16-06-14, 07:05 PM)ali.alfoly كتب : ماشاء الله تابع ياكبير وواصل التألق
ربنا يجعله في موازين حسناتك
واتمني من الادارة كتابة اعلان عن هذه الدورة في هيدر الموقع تبع الاعلانات وعمل موضوع خاص بفهرسة الدورة
وممكن في الفهرس اخي محمد يضيف الموضوعين القدام
[مقال] ماهي تقنية WPF
تعلم على برنامج Expression Blend


مو مشكلة الفهرس انا ناوي عليه اصلا

لكن فكرة البانر عجبتني .. اتمنى الادارة توافق عليه
والبانر مومشكلة انا بسويه بالفوتوشوب


+

اتمنى من الادارة اعطائي صلاحيات مراقب هذا القسم
الرد }}}}
تم الشكر بواسطة: أبو الحسن , Amir_alzubidy
#5
لك ذلك

يعطيك العافية
شـــايـفـــك

الرد }}}}
تم الشكر بواسطة: Sajad
#6
السلام عليكم ورحمة الله وبركاته

بداية موفقه تم تطبيق شرح

لدي استفسار هل يمكن استخدام اكود css

Blush
الرد }}}}
تم الشكر بواسطة:
#7
(16-06-14, 11:42 PM)مبرمج أوتار كتب : السلام عليكم ورحمة الله وبركاته

بداية موفقه تم تطبيق شرح

لدي استفسار هل يمكن استخدام اكود css

Blush


عليكم السلام والرحمة

الحمدلله تم التطبيق بنجاح وعقبال مانشوف برامجكم الناجحة Big Grin


بالنسبة الى css ، لايمكنك كتابة كود css لتصميم الواجهة ، فقط يمكنك استعمال xaml

واصلا xaml شبيهة ب css ولن تواجه مشاكل معها ..



لكن انظر وجدت لك موضوع لا اعلم ان كان سيفيدك :

Using CSS Selectors for Styling in WPF


على اي حال انا لا انصح بذلك - استعمال xaml هو الحل الامثل دائما
الرد }}}}
تم الشكر بواسطة: Amir_alzubidy
#8
جزاك الله كل خير
اشتقت اليكم كثيرا يا اخواني.
بلغنا الله رمان ورزقنا صيامه وقيامه
كانت هناك مقالات للمخلب الجارح في المنتدى القديم حول WPF
ولكنها ذهبت ادراج الرياح.
أخي الشاكي اكمل جزاك الله خيراً
سبحان الله والحمدلله ولا إله إلا الله والله أكبر
 رَبِّ اغْفِرْ لِي وَلِوَالِدَيَّ
Heart
الرد }}}}
تم الشكر بواسطة: ali.alfoly
#9
(17-06-14, 03:01 AM)Lion_Ksa كتب : جزاك الله كل خير
اشتقت اليكم كثيرا يا اخواني.
بلغنا الله رمان ورزقنا صيامه وقيامه
كانت هناك مقالات للمخلب الجارح في المنتدى القديم حول WPF
ولكنها ذهبت ادراج الرياح.
أخي الشاكي اكمل جزاك الله خيراً

ياهلا بك اخي "الاسد السعودي" ..

ان شاء الله سيتم اكمال الدورة .. انا على وعدي ولايوجد سبب يجعلني اتخلى عن الدورة

فالمصادر الاجنبية متوفرة وغنية وكلشيئ موجود فيها لذلك لايوجد سبب للتوقف

والدورة على ماعتقد بتتعدى ال50 درس


موفقين ..
الرد }}}}
تم الشكر بواسطة: Amir_alzubidy , أبو عمر
#10
وهذا هو البانر لو وافقت الادارة على عرضه :-


الرد }}}}


المواضيع المحتمل أن تكون متشابهة .
الموضوع : الكاتب الردود : المشاهدات : آخر رد
  [WPF حتى الاحتراف] - عمل واجهة (الفيديو الاول) الشاكي لله 5 734 02-12-16, 11:07 PM
آخر رد: alsef
  [WPF حتى الاحتراف] {4.3} - الـTemplate ومقدمة عن الـTrigger الشاكي لله 7 1,621 13-08-16, 07:01 PM
آخر رد: Anas gafer
  [WPF حتى الاحتراف] - ورشة عمل Pages Navigation (3- الانميشن) الشاكي لله 16 674 02-06-16, 02:53 PM
آخر رد: CLARO
  [WPF حتى الاحتراف] - ورشة عمل Pages Navigation (2- البرمحة) الشاكي لله 1 181 14-05-16, 11:54 PM
آخر رد: السندبااد
  [WPF حتى الاحتراف] - ورشة عمل Pages Navigation (1- التصميم) الشاكي لله 1 178 14-05-16, 11:27 PM
آخر رد: السندبااد
  [WPF حتى الاحتراف] {3.3} - اداة الـ Grid الشاكي لله 14 2,690 31-03-16, 11:11 PM
آخر رد: السندبااد
  [WPF حتى الاحتراف] {3.1} - الـ Layout الشاكي لله 13 2,888 17-03-16, 12:14 PM
آخر رد: mtalma
  [WPF حتى الاحتراف] {4.6} - الـ Data Template و الـ Sample Data الشاكي لله 12 2,327 14-02-16, 10:54 AM
آخر رد: السندبااد
  [WPF حتى الاحتراف] - عمل واجهة (الفيديو الخامس) الشاكي لله 4 483 18-10-15, 11:46 PM
آخر رد: الشاكي لله
  [WPF حتى الاحتراف] - عمل واجهة (الفيديو الرابع) الشاكي لله 4 584 26-09-15, 02:48 PM
آخر رد: أبو عمر

التنقل السريع :


يقوم بقرائة الموضوع: بالاضافة الى ( 1 ) ضيف كريم