WinForms: كيفية إضافة سمات متعددة إلى تطبيقك

WinForms: كيفية إضافة سمات متعددة إلى تطبيقك

من الشائع أن يكون للتطبيقات الحديثة خيار للتبديل بين السمات المختلفة. على سبيل المثال ، تسمح لك بعض التطبيقات بالتبديل بين سمة فاتحة أو سمة داكنة ، بينما قد يكون لدى البعض الآخر المزيد من خيارات السمات.



Windows Forms هي إطار عمل لواجهة المستخدم يسمح لك بإنشاء تطبيقات سطح المكتب. يمكنك تنفيذ السمات في تطبيق نموذج Windows عن طريق إنشاء أزرار قابلة للتحديد لكل سمة.





اجعل فيديو اليوم

عندما يحدد المستخدم سمة ، يمكنك تغيير لون الخلفية أو خصائص لون النص لكل عنصر لمطابقة السمة المحددة.





كيفية إعداد مشروع نموذج Windows

أولاً ، قم بإنشاء تطبيق نموذج Windows جديد. املأ المشروع الجديد ببعض عناصر التحكم الأساسية ، مثل الأزرار والتسميات.

  1. إنشاء تطبيق Windows Forms الجديد في Visual Studio.
  2. في المشروع الجديد ، استخدم مربع الأدوات للبحث عن عنصر تحكم زر.   نافذة الخاصية للزر في تطبيق Winforms
  3. حدد ملف زر التحكم واسحبه على اللوحة القماشية. أضف ما مجموعه ثلاثة أزرار تحكم.   نافذة الخاصية للزر في تطبيق Winforms
  4. باستخدام مربع الأدوات ، انقر واسحب ملف مراقبة التسمية على القماش. ضع الملصق أسفل الأزرار.   نافذة الخاصية للزر في تطبيق Winforms
  5. صمم الأزرار والتسميات باستخدام نافذة الخصائص. قم بتغيير الخصائص إلى ما يلي:
    زر +1 بحجم 580 ، 200
    نمط مسطح مسطحة
    نص المستخدمون
    زر 2 بحجم 580 ، 100
    نمط مسطح مسطحة
    نص حسابات
    زر 3 بحجم 580 ، 100
    نمط مسطح مسطحة
    نص أذونات
    التسمية 1 نص حقوق الطبع والنشر 2022

كيفية إنشاء زر الإعدادات وقائمة السمات

لكي تعمل قائمة السمات البسيطة ، قم بإنشاء أزرار متعددة لتمثيل كل سمة. سيتضمن التطبيق ثلاثة موضوعات ، موضوع 'فاتح' وموضوع 'طبيعة' وموضوع 'مظلم'.



  1. أضف عنصر تحكم زر آخر إلى لوحة الرسم لتمثيل الإعدادات (أو زر 'السمات').
  2. قم بتغيير خصائص هذا الزر إلى ما يلي:
    اسم إعدادات btnTheme
    نمط مسطح مسطحة
    بحجم 200 ، 120
    نص ثيمات
  3. اسحب ثلاثة أزرار أخرى على اللوحة القماشية. ستمثل هذه الأزرار ثلاثة موضوعات مختلفة. قم بتغيير خصائص كل زر من الأزرار إلى ما يلي:
    الزر الأول اسم btnLightTheme
    لون الخلفية دخان ابيض
    بحجم 200 ، 80
    نمط مسطح مسطحة
    نص خفيفة
    مرئي خطأ شنيع
    الزر الثاني اسم btn الطبيعة
    لون الخلفية دارك سي جرين
    بحجم 200 ، 80
    نمط مسطح مسطحة
    نص طبيعة سجية
    مرئي خطأ شنيع
    الزر الثالث اسم btnDarkTheme
    لون الخلفية ديمغراي
    لون الصدارة أبيض
    بحجم 200 ، 80
    نمط مسطح مسطحة
    نص مظلم
    مرئي خطأ شنيع
  4. انقر نقرًا مزدوجًا فوق ملف ثيمات زر. سيؤدي هذا إلى إنشاء طريقة للتعامل مع حدث 'عند النقر'. سيتم تشغيل الطريقة عندما ينقر المستخدم على هذا الزر.
  5. افتراضيًا ، لن تكون السمات 'الفاتحة' و 'الطبيعة' و 'الداكنة' مرئية. داخل الوظيفة ، أضف الوظيفة لتبديل رؤية الأزرار إما لإظهار أو إخفاء.
  6. قم بتشغيل التطبيق بالنقر فوق زر التشغيل الأخضر في الجزء العلوي من نافذة Visual Studio.
  7. في وقت التشغيل ، سيخفي التطبيق الأزرار لكل من السمات الثلاثة افتراضيًا.
  8. اضغط على ثيمات زر لتبديل الموضوعات لإظهارها. يمكنك الاستمرار في الضغط على ملف ثيمات زر لتبديل رؤيتهم.

كيفية إدارة السمات الخاصة بك

أنشئ قواميس لكل نسق لتخزين الألوان المختلفة التي سيستخدمها. هذا حتى تقوم بتخزين جميع ألوان السمات الخاصة بك في مكان واحد ، في حالة احتياجك إلى استخدامها عدة مرات. كما أنه يسهل الأمر إذا كنت تريد تحديث سمة بألوان جديدة في المستقبل.

  1. في الجزء العلوي من الافتراضي Form1.cs C # وداخل ملف استمارة فئة ، إنشاء تعداد عالمي. سيقوم هذا التعداد بتخزين الأنواع المختلفة من الألوان التي ستستخدمها في السمة.
  2. تحته ، قم بتعريف ثلاثة قواميس عالمية ، واحد لكل من الموضوعات الثلاثة. يمكنك قراءة المزيد عن القواميس إذا لم تكن على دراية بكيفية استخدام ملف القاموس في C # .
    Dictionary<ThemeColor, Color> Light = new Dictionary<ThemeColor, Color>(); 
    Dictionary<ThemeColor, Color> Nature = new Dictionary<ThemeColor, Color>();
    Dictionary<ThemeColor, Color> Dark = new Dictionary<ThemeColor, Color>();
  3. داخل المنشئ ، قم بتهيئة القواميس. أضف قيمًا للألوان المختلفة التي سيستخدمها كل موضوع.

كيفية تغيير الموضوع

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





  1. قم بإنشاء وظيفة جديدة تسمى غير الخلفية() . ستأخذ الوظيفة ألوان السمة كوسيطات.
  2. داخل الوظيفة ، قم بتغيير خصائص لون الخلفية لعناصر واجهة المستخدم. ستستخدم ألوان الخلفية الجديدة ألوانًا للموضوع المحدد.
  3. قم بإنشاء وظيفة جديدة تسمى ChangeTextColor () . يمكنك استخدام هذا لتغيير لون النص بين الظلام والفاتح. هذا للتأكد من أن النص الموجود على خلفية داكنة سيظل قابلاً للقراءة.
  4. من المصمم ، انقر نقرًا مزدوجًا فوق زر التحكم 'Light'. سيؤدي هذا إلى فتح ملف الشفرة الخلفية وإنشاء معالج حدث عندما ينقر المستخدم على الزر.
  5. داخل معالج الأحداث ، استخدم ملف غير الخلفية() و ChangeTextColor () المهام. أدخل الألوان التي يستخدمها السمة. يمكنك استرداد هذه الألوان من قاموس النسق 'Light'.
  6. ارجع إلى المصمم وانقر على زر 'الطبيعة' و 'الظلام'. استخدم ال غير الخلفية() و ChangeTextColor () الوظائف في معالجات الأحداث الخاصة بهم أيضًا.
  7. بشكل افتراضي ، يجب تعيين السمة على السمة 'Light' عندما يفتح المستخدم التطبيق لأول مرة. في المنشئ ، أسفل القواميس ، استخدم الامتداد غير الخلفية() و ChangeTextColor () الوظائف.
    ChangeTheme(Light[ThemeColor.Primary], Light[ThemeColor.Secondary], Light[ThemeColor.Tertiary]); 
    ChangeTextColor(Light[ThemeColor.Text]);
  8. قم بتشغيل التطبيق بالنقر فوق زر التشغيل الأخضر في الجزء العلوي من نافذة Visual Studio.
  9. بشكل افتراضي ، يستخدم التطبيق سمة 'Light' ويطبق نظام اللون الرمادي على عناصر تحكم واجهة المستخدم. قم بتبديل زر السمات لعرض قائمة السمات.
  10. انقر فوق موضوع الطبيعة.
  11. انقر فوق موضوع الظلام.

إنشاء تطبيقات باستخدام نماذج Windows

تسمح العديد من التطبيقات للمستخدم بالتبديل بين موضوعات متعددة. يمكنك إضافة سمات إلى تطبيق Windows Forms عن طريق إنشاء خيارات ليحددها المستخدم.

هل يمكنك إقران airpods بـ android

عندما ينقر المستخدم على سمة ، يمكنك تغيير لون الخلفية أو النص أو أي خصائص أخرى لمطابقة الألوان المستخدمة في النسق المحدد.





تستخدم ألوان كل سمة ألوان Visual Studio المدمجة. ستحتاج إلى استخدام نظام ألوان مناسب لمنح المستخدمين تجربة أفضل. يمكنك معرفة المزيد حول الطرق المختلفة التي يمكنك من خلالها اختيار نظام ألوان لتطبيقك.