تُعد السمات طريقة رائعة للسماح للمستخدمين بتخصيص تطبيقك دون الحاجة إلى الانخراط كثيرًا في تفاصيل محددة.
من الشائع أن يكون للتطبيقات الحديثة خيار للتبديل بين السمات المختلفة. على سبيل المثال ، تسمح لك بعض التطبيقات بالتبديل بين سمة فاتحة أو سمة داكنة ، بينما قد يكون لدى البعض الآخر المزيد من خيارات السمات.
Windows Forms هي إطار عمل لواجهة المستخدم يسمح لك بإنشاء تطبيقات سطح المكتب. يمكنك تنفيذ السمات في تطبيق نموذج Windows عن طريق إنشاء أزرار قابلة للتحديد لكل سمة.
عندما يحدد المستخدم سمة ، يمكنك تغيير لون الخلفية أو خصائص لون النص لكل عنصر لمطابقة السمة المحددة.
كيفية إعداد مشروع نموذج Windows
أولاً ، قم بإنشاء تطبيق نموذج Windows جديد. املأ المشروع الجديد ببعض عناصر التحكم الأساسية ، مثل الأزرار والتسميات.
- إنشاء تطبيق Windows Forms الجديد في Visual Studio.
- في المشروع الجديد ، استخدم مربع الأدوات للبحث عن عنصر تحكم زر.
- حدد ملف زر التحكم واسحبه على اللوحة القماشية. أضف ما مجموعه ثلاثة أزرار تحكم.
- باستخدام مربع الأدوات ، انقر واسحب ملف مراقبة التسمية على القماش. ضع الملصق أسفل الأزرار.
- صمم الأزرار والتسميات باستخدام نافذة الخصائص. قم بتغيير الخصائص إلى ما يلي:
مراقبة اسم الخاصية قيمة جديدة زر +1 بحجم 580, 200 نمط مسطح مسطحة نص المستخدمون زر 2 بحجم 580, 100 نمط مسطح مسطحة نص حسابات زر 3 بحجم 580, 100 نمط مسطح مسطحة نص أذونات التسمية 1 نص حقوق الطبع والنشر 2022
كيفية إنشاء زر الإعدادات وقائمة السمات
لكي تعمل قائمة السمات البسيطة ، قم بإنشاء أزرار متعددة لتمثيل كل سمة. سيتضمن التطبيق ثلاثة موضوعات ، موضوع "فاتح" وموضوع "طبيعة" وموضوع "مظلم".
- أضف عنصر تحكم زر آخر إلى لوحة الرسم لتمثيل الإعدادات (أو زر "السمات").
- قم بتغيير خصائص هذا الزر إلى ما يلي:
اسم الخاصية قيمة جديدة اسم إعدادات btnTheme نمط مسطح مسطحة بحجم 200, 120 نص ثيمات - اسحب ثلاثة أزرار أخرى على اللوحة القماشية. ستمثل هذه الأزرار ثلاثة موضوعات مختلفة. قم بتغيير خصائص كل زر من الأزرار إلى ما يلي:
مراقبة اسم الخاصية قيمة جديدة الزر الأول اسم btnLightTheme لون الخلفية دخان ابيض بحجم 200, 80 نمط مسطح مسطحة نص خفيفة مرئي خطأ شنيع الزر الثاني اسم btn الطبيعة لون الخلفية دارك سي جرين بحجم 200, 80 نمط مسطح مسطحة نص طبيعة سجية مرئي خطأ شنيع الزر الثالث اسم btnDarkTheme لون الخلفية ديمغراي لون الصدارة أبيض بحجم 200, 80 نمط مسطح مسطحة نص مظلم مرئي خطأ شنيع - انقر نقرًا مزدوجًا فوق ملف ثيمات زر. سيؤدي هذا إلى إنشاء طريقة للتعامل مع حدث "عند النقر". سيتم تشغيل الطريقة عندما ينقر المستخدم على هذا الزر.
- افتراضيًا ، لن تكون السمات "الفاتحة" و "الطبيعة" و "الداكنة" مرئية. داخل الوظيفة ، أضف الوظيفة لتبديل رؤية الأزرار إما لإظهارها أو إخفائها.
خاصفارغbtnThemeSettings_Click(كائن المرسل ، EventArgs e)
{
btn الطبيعة مرئي =! btnNatureTheme. مرئي؛
btnLightTheme. مرئي =! btnLightTheme. مرئي؛
btnDarkTheme. مرئي =! btnDarkTheme. مرئي؛
} - قم بتشغيل التطبيق بالنقر فوق زر التشغيل الأخضر في الجزء العلوي من نافذة Visual Studio.
- في وقت التشغيل ، سيخفي التطبيق الأزرار لكل من السمات الثلاثة افتراضيًا.
- اضغط على ثيمات زر لتبديل الموضوعات لإظهارها. يمكنك الاستمرار في الضغط على ملف ثيمات زر لتبديل رؤيتهم.
كيفية إدارة السمات الخاصة بك
أنشئ قواميس لكل نسق لتخزين الألوان المختلفة التي سيستخدمها. هذا حتى تقوم بتخزين جميع ألوان السمات الخاصة بك في مكان واحد ، في حالة احتياجك إلى استخدامها عدة مرات. كما أنه يسهل الأمر إذا كنت تريد تحديث سمة بألوان جديدة في المستقبل.
- في الجزء العلوي من الافتراضي Form1.cs C # وداخل ملف استمارة فئة ، إنشاء تعداد عالمي. سيقوم هذا التعداد بتخزين أنواع مختلفة من الألوان التي ستستخدمها في النسق.
تعداد لون الموضوع
{
الأولية،
ثانوي،
بعد الثانوي،
نص
} - تحته ، قم بتعريف ثلاثة قواميس عالمية ، واحد لكل من الموضوعات الثلاثة. يمكنك قراءة المزيد عن القواميس إذا لم تكن على دراية بكيفية استخدام ملف القاموس في C #.
قاموس<الموضوع: اللون واللون> الضوء = قاموس جديد<الموضوع: اللون واللون>();
قاموس<الموضوع: اللون واللون> الطبيعة = قاموس جديد<الموضوع: اللون واللون>();
قاموس<الموضوع: اللون واللون> Dark = قاموس جديد<الموضوع: اللون واللون>(); - داخل المنشئ ، قم بتهيئة القواميس. أضف قيمًا للألوان المختلفة التي سيستخدمها كل موضوع.
عام Form1 ()
{
InitializeComponent () ،
// أضف قواميس هنا
الضوء = قاموس جديد<الموضوع: اللون واللون>() {
{ لون الموضوع. لون أصلي. دخان ابيض }،
{ لون الموضوع. اللون الثانوي. فضة }،
{ لون الموضوع. التعليم العالي ، اللون. أبيض }،
{ لون الموضوع. لون الخط. أسود }
};
الطبيعة = قاموس جديد<الموضوع: اللون واللون>() {
{ لون الموضوع. لون أصلي. DarkSeaGreen} ،
{ لون الموضوع. اللون الثانوي. أليس الأزرق }،
{ لون الموضوع. التعليم العالي ، اللون. المن }،
{ لون الموضوع. لون الخط. أسود }
};
Dark = قاموس جديد<الموضوع: اللون واللون>() {
{ لون الموضوع. لون أصلي. DimGray} ،
{ لون الموضوع. اللون الثانوي. DimGray} ،
{ لون الموضوع. التعليم العالي ، اللون. أسود }،
{ لون الموضوع. لون الخط. أبيض }
};
}
كيفية تغيير الموضوع
إنشاء وظائف لإدارة موضوع التطبيق. ستعمل هذه الوظائف على تغيير لون الخلفية أو لون النص لعناصر واجهة المستخدم على اللوحة القماشية.
- قم بإنشاء وظيفة جديدة تسمى غير الخلفية(). ستأخذ الوظيفة ألوان السمة كوسيطات.
- داخل الوظيفة ، قم بتغيير خصائص لون الخلفية لعناصر واجهة المستخدم. ستستخدم ألوان الخلفية الجديدة ألوانًا للموضوع المحدد.
خاصفارغغير الخلفية(لون أساسي ، لون ثانوي ، لون ثانوي ، لون ثلاثي ، لون)
{
// تغيير لون خلفية الأزرار
إعدادات btnTheme. BackColor = PrimaryColor ؛
button1.BackColor = PrimaryColor ؛
button2.BackColor = SecondaryColor ؛
button3.BackColor = SecondaryColor ؛
هذه.BackColor = tertiaryColor ؛
} - قم بإنشاء وظيفة جديدة تسمى ChangeTextColor (). يمكنك استخدام هذا لتغيير لون النص بين الظلام والفاتح. هذا للتأكد من أن النص الموجود على خلفية داكنة سيظل قابلاً للقراءة.
خاصفارغChangeTextColor(لون النص
{
// يتغيرون اللون مننص
button1.ForeColor = textColor ؛
button2.ForeColor = textColor ؛
button3.ForeColor = textColor ؛
label1.ForeColor = textColor ؛
إعدادات btnTheme. ForeColor = textColor ؛
} - من المصمم ، انقر نقرًا مزدوجًا فوق زر التحكم "Light". سيؤدي هذا إلى فتح ملف الشفرة الخلفية وإنشاء معالج حدث عندما ينقر المستخدم على الزر.
- داخل معالج الأحداث ، استخدم ملف غير الخلفية() و ChangeTextColor () المهام. أدخل الألوان التي يستخدمها السمة. يمكنك استرداد هذه الألوان من قاموس السمات "Light".
خاصفارغbtnLightTheme_Click(كائن المرسل ، EventArgs e)
{
غير الخلفية(خفيفة[لون الموضوع. الأولية], خفيفة[لون الموضوع. ثانوي], خفيفة[لون الموضوع. بعد الثانوي]);
ChangeTextColor(خفيفة[لون الموضوع. نص]);
} - ارجع إلى المصمم وانقر على زر "الطبيعة" و "الظلام". استخدم ال غير الخلفية() و ChangeTextColor () وظائف في معالجات الأحداث الخاصة بهم أيضًا.
خاصفارغbtnNatureTheme_Click(كائن المرسل ، EventArgs e)
{
غير الخلفية(طبيعة سجية[لون الموضوع. الأولية], طبيعة سجية[لون الموضوع. ثانوي], طبيعة سجية[لون الموضوع. بعد الثانوي]);
ChangeTextColor(طبيعة سجية[لون الموضوع. نص]);
}
خاصفارغbtnDarkTheme_Click(كائن المرسل ، EventArgs e)
{
غير الخلفية(مظلم[لون الموضوع. الأولية], مظلم[لون الموضوع. ثانوي], مظلم[لون الموضوع. بعد الثانوي]);
ChangeTextColor(مظلم[لون الموضوع. نص]);
} - بشكل افتراضي ، يجب تعيين السمة على السمة "Light" عندما يفتح المستخدم التطبيق لأول مرة. في المنشئ ، أسفل القواميس ، استخدم الامتداد غير الخلفية() و ChangeTextColor () المهام.
غير الخلفية(خفيفة[لون الموضوع. الأولية], خفيفة[لون الموضوع. ثانوي], خفيفة[لون الموضوع. بعد الثانوي]);
ChangeTextColor(خفيفة[لون الموضوع. نص]); - قم بتشغيل التطبيق بالنقر فوق زر التشغيل الأخضر في الجزء العلوي من نافذة Visual Studio.
- بشكل افتراضي ، يستخدم التطبيق سمة "Light" ويطبق نظام اللون الرمادي على عناصر تحكم واجهة المستخدم. قم بتبديل زر السمات لعرض قائمة السمات.
- انقر فوق موضوع الطبيعة.
- انقر فوق موضوع الظلام.
إنشاء تطبيقات باستخدام نماذج Windows
تسمح العديد من التطبيقات للمستخدم بالتبديل بين موضوعات متعددة. يمكنك إضافة سمات إلى تطبيق Windows Forms عن طريق إنشاء خيارات ليحددها المستخدم.
عندما ينقر المستخدم على سمة ، يمكنك تغيير لون الخلفية أو النص أو أي خصائص أخرى لمطابقة الألوان المستخدمة في النسق المحدد.
تستخدم ألوان كل سمة ألوان Visual Studio المدمجة. ستحتاج إلى استخدام نظام ألوان مناسب لمنح المستخدمين تجربة أفضل. يمكنك معرفة المزيد حول الطرق المختلفة التي يمكنك من خلالها اختيار نظام ألوان لتطبيقك.
