الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

درس بسيط لعمل برنامج رسام بسيط

بدأه bahbah في 4 يوليو 2012 · 6 رد · 2,197 مشاهدة · في قسم تكنولوجيا Microsoft .NET العام
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

بسم الله الرحمن الرحيم

اللهم صل على محمد وآل محمد

السلام عليكم ورحمة الله وبركاته

في هذا اليوم سأقدم لكم درس بسيط حول إستخدام تقنية WPF

والدرس يعتمد على تصميم برنامج رسام بسيط بإمكانية الرسم والمسح فقط

أي بسيط بمعنى الكلمة !! :wacko:

ولا يحتاج إلا سطرين صغيرين من الأكواد !! :sleep:

فلنبدأ قم بعمل مشروع WPF جديد وسمه أي اسم تريد مثلاً Paint ...

قم بتغيير عنوان البرنامج من خلال خاصية Title إلى Paint أو اي اسم تحب ..

ثم إنزل تحت إلى خاصية Width ثم غيرها إلى 370

وإذهب إلى خاصية Height وغيرها إلى 550

post-219398-098794900 1341415945_thumb.p

الآن نحتاج إلى أداة InkCanvas أي الأداة التي سنقوم بالرسم عليها ..

أولاً إضغط بزر الفأرة الأيمن على صندوق الأدوات وإختر Choose Items ...

post-219398-069657300 1341416058_thumb.p

ستظهر لك نافذة إختر التبويب الخاص بأدوات WPF ...

post-219398-087041300 1341416094_thumb.p

ثم إختر هذه الخصائص وغيرها في الأداة كما في الصورة ...

post-219398-062588300 1341416212_thumb.p

يجب أن يكون حجم الأداة كما في الصورة ...

post-219398-007359500 1341416318_thumb.p

أضف زرين إلى البرنامج الأول غير العنوان الخاص به إلى Clear والثاني Close ...

post-219398-008189200 1341416385_thumb.p

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

فملاً البرنامج غيرته إلى اللون البني Brown ..

والأداة إلى Chocolate ..

طبعاً ستغير اللون من خاصية Background ...

post-219398-021569200 1341416548_thumb.p

إنتهى وقت التصميم والآن وقت الكود ...

كود زر Clear :

Me.InkCanvas1.Strokes.Clear()

كود زر Close :

Me.Close()

ماذا قلت لكم ألن يكون البرنامج سهلاً ..

اهِ على أيام الفيجوال بيسك تكتب كود طويل فقط لليرسم وهنا لا تكتب شئ

ويرسم :wacko:

والسلام خير ختام (وقل رب زدني علما)

المرفقات
04-07-2012 06-31-57 م.png04-07-2012 06-20-16 م.png10.png04-07-2012 06-35-56 م.png04-07-2012 06-37-59 م.png04-07-2012 06-39-33 م.png04-07-2012 06-42-07 م.png

تم تعديل هذه المشاركة بواسطة bahbah في 4 يوليو 2012 في 18:46

2

رجعت ومازال الفريق خاملاَ  :( 


 


abPuw.1.gif

#2

السلام عليكم

مرحبا أخي الكريم, سأعطيك وجهة نظري حول الموضوع و أرجو أن تتقبلها بصدر رحب :)

... أكثر ما أخافه على مبرمجي الــ VB.NET هو البرمجة على طريقة Drag and Drop ! و البكاء على أطلال "كتابة الأكواد" !!

لأنني لاحظتُ أن مُعظم مبرمجي الفيجول أول ما يتعلمونه هو كيفية تصميم النوافذ و الأزرار و القوائم في الــ GUI.

بالتوفيق.

#3

أتقبل كل وجهات النظر ..

ولكنني أحببت تنشيط الأقسام فكما تعلم المنتدى أصبح خامل بنسبة 99% والواحد بالمئة الباقية

هي فقط مواضيع أسئلة ومساعدة فأحببت أن ينشط الأعضاء بهذا الموضوع وأيضاً أنا لا أرى قسم مخصص لهذه التقنية ..

حتى هذا المنتدى بدون إشراف !!!

رجعت ومازال الفريق خاملاَ  :( 


 


abPuw.1.gif

#4
اقتباس
المنتدى أصبح خامل بنسبة 99% والواحد بالمئة الباقية هي فقط مواضيع أسئلة ومساعدة

نحن أيضا في قسم السي و السي++ نمر بهذه المرحلة و أعتقد أن الطريقة الأمثل للنهوض بالقسم تكمن في الإجابة عن أسئلة الأعضاء و تقديم دروس "دسمة" بالإضافة إلى إفتتاح مسابقات و مشاريع برمجية من شأنها إثارة جو جميل من المنافسة و التحدي بين الأعضاء.

اقتباس
حتى هذا المنتدى بدون إشراف !!!

هناك 5 مشرفين لقسم Microsoft Visual Basic.NET و هذا أحد فروعه :)

تحياتي.

#5
أحمد الشنقيطي كتب:

نحن أيضا في قسم السي و السي++ نمر بهذه المرحلة و أعتقد أن الطريقة الأمثل للنهوض بالقسم تكمن في الإجابة عن أسئلة الأعضاء و تقديم دروس "دسمة" بالإضافة إلى إفتتاح مسابقات و مشاريع برمجية من شأنها إثارة جو جميل من المنافسة و التحدي بين الأعضاء.

هناك 5 مشرفين لقسم Microsoft Visual Basic.NET و هذا أحد فروعه :)

تحياتي.

أتفق معك ... يا ليتني أفكر في درس "دسم" الآن لأقوم به ..

رجعت ومازال الفريق خاملاَ  :( 


 


abPuw.1.gif

#6
bahbah كتب:

بسم الله الرحمن الرحيم

اللهم صل على محمد وآل محمد

السلام عليكم ورحمة الله وبركاته

في هذا اليوم سأقدم لكم درس بسيط حول إستخدام تقنية WPF

والدرس يعتمد على تصميم برنامج رسام بسيط بإمكانية الرسم والمسح فقط

أي بسيط بمعنى الكلمة !! :wacko:

ولا يحتاج إلا سطرين صغيرين من الأكواد !! :sleep:

فلنبدأ قم بعمل مشروع WPF جديد وسمه أي اسم تريد مثلاً Paint ...

قم بتغيير عنوان البرنامج من خلال خاصية Title إلى Paint أو اي اسم تحب ..

ثم إنزل تحت إلى خاصية Width ثم غيرها إلى 370

وإذهب إلى خاصية Height وغيرها إلى 550

post-219398-098794900 1341415945_thumb.p

الآن نحتاج إلى أداة InkCanvas أي الأداة التي سنقوم بالرسم عليها ..

أولاً إضغط بزر الفأرة الأيمن على صندوق الأدوات وإختر Choose Items ...

post-219398-069657300 1341416058_thumb.p

ستظهر لك نافذة إختر التبويب الخاص بأدوات WPF ...

post-219398-087041300 1341416094_thumb.p

ثم إختر هذه الخصائص وغيرها في الأداة كما في الصورة ...

post-219398-062588300 1341416212_thumb.p

يجب أن يكون حجم الأداة كما في الصورة ...

post-219398-007359500 1341416318_thumb.p

أضف زرين إلى البرنامج الأول غير العنوان الخاص به إلى Clear والثاني Close ...

post-219398-008189200 1341416385_thumb.p

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

فملاً البرنامج غيرته إلى اللون البني Brown ..

والأداة إلى Chocolate ..

طبعاً ستغير اللون من خاصية Background ...

post-219398-021569200 1341416548_thumb.p

إنتهى وقت التصميم والآن وقت الكود ...

كود زر Clear :

Me.InkCanvas1.Strokes.Clear()

كود زر Close :

Me.Close()

ماذا قلت لكم ألن يكون البرنامج سهلاً ..

اهِ على أيام الفيجوال بيسك تكتب كود طويل فقط لليرسم وهنا لا تكتب شئ

ويرسم :wacko:

والسلام خير ختام (وقل رب زدني علما)

بسم الله الرحمن الرحيم

أخي الكريم .. السلام عليكم ورحمة الله وبركاته ,

ظهرت لي مشكله .. هي إن صندوق الأدوات بيطلع فارغ من كل الأدوات ..

أتمنى لو ممكن تساعدني في حل هذي المشكله ..

ربنا يخليك

#7

هل من الممكن توضيح أكثر للمشكلة !!

رجعت ومازال الفريق خاملاَ  :( 


 


abPuw.1.gif

مواضيع مشابهة