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


--


اليوم ندخل في باب جديد ودروس جديدة ستأخذ بيدك الى الغوض في عالم جمال الواجهات في WPF .

فهذه الدروس ستكون ممتعة جدا ولكن ستكون طويلة نوعا ما ، سنتعلم من خلالها كيفية إنشاء تصميم فريد لبرنامجك وتغيير اشكال الControls وكل مايتعلق في ذلك امثال الTrigger والParts وغيرها.

في هذه الدروس سنستعمل برنامج Expression Blend الموجود مع VS2012 او VS2013 .. ضروري يكون عندك لان من الدرس القادم التطبيق بيكون دائما عليه .










مفهوم الـ Style



الStyle بكلمات بسيطة ، هو كود XAML يحتوي على قيم لخصائص معينة .

كل Control يرتبط بهذا الStyle ، يتم تغيير قيم خصائصه بالموجود في الStyle




جميع هذه الButtons الظاهرة ترتبط بStyle واحد ، حيث قام ذلك الStyle بتغيير قيمة خاصية Background للButtons.











مفهوم الـ Template



الـ Template حرفيا تعني "قالب" ، فهذه الميزة تقوم بصنع قالب للControls ..

فكل فئة موروثة من System.Windows.Controls تحتوي على امكانية انشاء قالب لها .


الTemplate بعبارة اخرى هو تغيير شكل الControl بدون تغيير وظيفته ، يعني انت لما تسوي Template للButton ، لابد ان تقوم بتصميم Template يتناسب مع وظيفة الButton .


لاحظوا هذا شكل الProgressBar التقليدي تبع WPF :



هذا هو الProgressBar بعد عمل Template له :


قمنا بتغيير شكل الProgressBar الى شكل جميل ، ولاحظ الشكل الجديد لازال يحافظ على وظيفته ك ProgressBar



اذن نستخدم ميزة Template لتغيير شكل الControls .


الTemplate هو القلب النابض لجمال واجهات WPF .












في الموضوع القادم سندخل في تفاصيل الStyle وكيفية كتابته وكل مايتعلق به ..




انتهى
الرد }}}}
#2
السلام عليكم

جميل جدا بانتظار بقية الدروس

تحياتي
الرد }}}}
تم الشكر بواسطة: الشاكي لله
#3
جميل جدا بارك الله بكم أنتظر هذا الموضوع بفارغ الصبر
وأعتذر عن غيابي عن هذه الدورة ﻷسباب عديدة
الرد }}}}
تم الشكر بواسطة:
#4
متشوق لهذه الدروس Smile

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

بورك فيك أخينا محمد ، بانتظار الدرس القادم ولا تعجل بنا ، خطوة خطوة التأسيس شيء طيب والعجلة من الشيطان .

ألا يوجد رابط لتنزيل Expression Blend بمفرده ؟
قال رسول الله صلى الله عليه وسلم ( من قال لا إله إلا الله دخل الجنة ) حديث صحيح.
قال رسول الله صلى الله عليه وسلم ( كلمتان خفيفتان على اللسان ثقيلتان في الميزان حبيبتان للرحمن : سبحان الله وبحمده سبحان الله العظيم ) حديث صحيح.
الرد }}}}
تم الشكر بواسطة:
#6
(06-07-14, 06:25 PM)عبد الله كتب : وعليكم السلام ورحمة الله وبركاته

بورك فيك أخينا محمد ، بانتظار الدرس القادم ولا تعجل بنا ، خطوة خطوة التأسيس شيء طيب والعجلة من الشيطان .

ألا يوجد رابط لتنزيل Expression Blend بمفرده ؟


للاسف اخي هذا الامر ممكن قبل سنتين تقريبا

اما الان فهو اصبح من منتجات Visual studio ولايمكن الحصول عليه بدونه (على ماعتقد)

وانا انصح بشدة تنزيل Visual studio 2012 او 2013 لان كمبرمج لهذه التقنية تحتاج قدرات وميزات لاتتوفر الا في هذين الاصدارين .

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

فافضل شي انك تتوكل على الله وتنزل فيجوال 2012 وهكذا بتحصل على Expression blend


للعلم ان برنامج Expression blend هو الي اعطى التقنية حقها والا الفيجوال ستوديو مامنه فايدة من ناحية التصميم ، اما من ناحية كتابة كود XAML والCodeBehind فلا غبار عليه

لذلك انا اصمم بBlend وابرمج بVisual studio - اترك الاثنين شغالين في نفس الوقت واصمم ببBlend واكتب اكواد البرمجة ب Visual studio .



بالنسبة للعجلة في الدروس ههههههه ، انا هالايام مشغول جدا ويادوب كتبت هذا الدرس الي المفروض يكون درس كبير نوعا ما ، ولكن خليته مقدمة بس لضيق الوقت .
الرد }}}}
#7
باركـ الله فيكـ يا غالي Heart
مافي شي جديد عليكـ | دائما مبدع ! Shy
والله متشوق لهذه الدروس بشكل كبيييير Smile
الرد }}}}
تم الشكر بواسطة:
#8
متابعين الدروس اخى ولا تنشغل عنا

اتمنى من حضرتك بعد ذلك توضح كيفية الاتصال بقواعد البيانات من خلال ال wpf
لانى اعتقد ان الاتصال بقواعد البيانات ومعالجتها على الويندوز فورم اسهل بكثير من ال
wpf
الرد }}}}
تم الشكر بواسطة:
#9
(16-07-14, 03:30 PM)delegater كتب : متابعين الدروس اخى ولا تنشغل عنا

اتمنى من حضرتك بعد ذلك توضح كيفية الاتصال بقواعد البيانات من خلال ال wpf
لانى اعتقد ان الاتصال بقواعد البيانات ومعالجتها على الويندوز فورم اسهل بكثير من ال
wpf

مع احترامي

الي قالك هالكلام غلطان جداا جداا ..

الطرق الي تستعملها مع الوندوز فورم مثل الربط بالكود ، تقدر تستعملها مع WPF

ولا انسى قوة WPF في ناحية التعامل مع البيانات ، فهناك شيئ يدعى Binding وValueConverter وDataTemplate وغيرها من الامور التي من[u] المستحيل[/u] تحقيقها من الوندوز فورم

ولا انسى النمط العملاق mvvm الذي يتيح لك جلب البيانات وقت الDesign time من اي مكان في العالم والتحكم بها على كيفك

يعني لو كان عندك ملف xml على الانترنت وطبقت عليه نمط mvvm ، البيانات الي فيه بتتحمل في الdatagrid وقت التصميم

وذلك سيعطي امكانية dataTemplate التي ستعطيك امكانية تغيير شكل عرض البيانات الى اي شكل تحب .



حقيقا WPF غيرت مفهوم التعامل مع قواعد البيانات فهو الان لايقل اثارة عن جمال الواجهات التي تقدمها هذه التقنية

هناك باب كبير لاحقا في انتظارنا سيتكلم عن كل هالامور فلا تقلقوا

اما الان فالجهاز الذي اعمله عليه خراب !! لذلك لايمكنني عمل شروحات حاليا وخاصة الدرس القادم بكون مهم جدا .


بجانب انا انصح بالتخلي عن الطرق القديمة التي تستعملونها مثل oledbconnection والامور القديمة هذي

هناك تقنية تدعى EF5 وهي تسوي لك Model لكل جدول وبالتالي عملية الbinding في wpf ستصبح سهلة جدا لان المودلات جاهزة وتقدر تطبق عليها نمط mvvm .




اتطورا ياجماعة الزمن تغير والطريقة الي تبرمجون فيها قديمة .

وسامحوني على الاطالة .
الرد }}}}
#10
دروس رائعة ومفيدة جداً جداً
وأنا متأكد أنه سوف يستفيد منها شريحة كبيرة من المبرمجيين وخاصة الذين يفكرون في التحول إلى WPF
جزاك الله أخي الكريم كل خير
ووفقك الله
الرد }}}}
تم الشكر بواسطة:


المواضيع المحتمل أن تكون متشابهة .
الموضوع : الكاتب الردود : المشاهدات : آخر رد
  [WPF حتى الاحتراف] - عمل واجهة (الفيديو الاول) الشاكي لله 5 775 02-12-16, 11:07 PM
آخر رد: alsef
  [WPF حتى الاحتراف] {1} - إنشاء برنامجك الاول الشاكي لله 29 6,273 16-08-16, 11:09 AM
آخر رد: أبوبكر سويدان
  [WPF حتى الاحتراف] {4.3} - الـTemplate ومقدمة عن الـTrigger الشاكي لله 7 1,653 13-08-16, 07:01 PM
آخر رد: Anas gafer
  [WPF حتى الاحتراف] - ورشة عمل Pages Navigation (3- الانميشن) الشاكي لله 16 708 02-06-16, 02:53 PM
آخر رد: CLARO
  [WPF حتى الاحتراف] - ورشة عمل Pages Navigation (2- البرمحة) الشاكي لله 1 198 14-05-16, 11:54 PM
آخر رد: السندبااد
  [WPF حتى الاحتراف] - ورشة عمل Pages Navigation (1- التصميم) الشاكي لله 1 188 14-05-16, 11:27 PM
آخر رد: السندبااد
  [WPF حتى الاحتراف] {3.3} - اداة الـ Grid الشاكي لله 14 2,745 31-03-16, 11:11 PM
آخر رد: السندبااد
  [WPF حتى الاحتراف] {3.1} - الـ Layout الشاكي لله 13 2,918 17-03-16, 12:14 PM
آخر رد: mtalma
  [WPF حتى الاحتراف] {4.6} - الـ Data Template و الـ Sample Data الشاكي لله 12 2,368 14-02-16, 10:54 AM
آخر رد: السندبااد
  [WPF حتى الاحتراف] - عمل واجهة (الفيديو الخامس) الشاكي لله 4 498 18-10-15, 11:46 PM
آخر رد: الشاكي لله

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


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