WinForms: כיצד להוסיף ערכות נושא מרובות ליישום שלך

מקובל שלאפליקציות מודרניות יש אפשרות לעבור בין נושאים שונים. לדוגמה, יישומים מסוימים מאפשרים לך להחליף בין ערכת נושא בהיר או ערכת נושא כהה, בעוד שלאחרים עשויים להיות אפשרויות רבות יותר של נושא.

Windows Forms היא מסגרת ממשק משתמש המאפשרת לך ליצור יישומי שולחן עבודה. אתה יכול ליישם ערכות נושא באפליקציית טופס של Windows על ידי יצירת לחצנים הניתנים לבחירה עבור כל ערכת נושא.

כאשר המשתמש בוחר ערכת נושא, אתה יכול לשנות את צבע הרקע או מאפייני צבע הטקסט של כל אלמנט כך שיתאים לנושא שנבחר.

כיצד להגדיר את Windows Form Project

ראשית, צור אפליקציית טופס חדשה של Windows. אכלס את הפרויקט החדש בכמה פקדים בסיסיים, כגון לחצנים ותוויות.

1. ליצור אפליקציית Windows Forms חדשה ב-Visual Studio.
2. בפרויקט החדש, השתמש בארגז הכלים כדי לחפש פקד לחצן.
3. בחר את שליטה בכפתור וגרור אותו על הבד. הוסף בסך הכל שלושה פקדי לחצנים.
4. באמצעות ארגז הכלים, לחץ וגרור א בקרת תווית על הבד. הנח את התווית מתחת ללחצנים.
instagram viewer
5. סגנון הלחצנים והתוויות באמצעות חלון המאפיינים. שנה את המאפיינים למאפיינים הבאים:

   לִשְׁלוֹט	שם הנכס	ערך חדש
   כפתור 1	גודל	580, 200
   FlatStyle	שָׁטוּחַ
   טֶקסט	משתמשים
   כפתור 2	גודל	580, 100
   FlatStyle	שָׁטוּחַ
   טֶקסט	חשבונות
   כפתור 3	גודל	580, 100
   FlatStyle	שָׁטוּחַ
   טֶקסט	הרשאות
   תווית1	טֶקסט	זכויות יוצרים 2022

כיצד ליצור את כפתור ההגדרות ורשימת ערכות נושא

כדי שתפריט ערכות נושא פשוט יפעל, צור כפתורים מרובים שיייצגו כל נושא. האפליקציה תכלול שלושה נושאים, נושא "אור", נושא "טבע" ונושא "כהה".

1. הוסף פקד לחצן נוסף לבד כדי לייצג את כפתור ההגדרות (או "נושאים").
2. שנה את המאפיינים של כפתור זה למאפיינים הבאים:

   שם הנכס	ערך חדש
   שֵׁם	btnThemeSettings
   FlatStyle	שָׁטוּחַ
   גודל	200, 120
   טֶקסט	ערכות נושא

3. גרור שלושה כפתורים נוספים אל הבד. לחצנים אלה ייצגו את שלושת הנושאים השונים. שנה את המאפיינים של כל אחד מהלחצנים למאפיינים הבאים:

   לִשְׁלוֹט	שם הנכס	ערך חדש
   הכפתור הראשון	שֵׁם	btnLightTheme
   צבע אחורי	עשן לבן
   גודל	200, 80
   FlatStyle	שָׁטוּחַ
   טֶקסט	אוֹר
   גלוי	שֶׁקֶר
   כפתור 2	שֵׁם	btnNatureTheme
   צבע אחורי	ירוק ים כהה
   גודל	200, 80
   FlatStyle	שָׁטוּחַ
   טֶקסט	טֶבַע
   גלוי	שֶׁקֶר
   כפתור 3	שֵׁם	btnDarkTheme
   צבע אחורי	DimGray
   ForeColor	לבן
   גודל	200, 80
   FlatStyle	שָׁטוּחַ
   טֶקסט	אפל
   גלוי	שֶׁקֶר

4. לחץ פעמיים על ערכות נושא לַחְצָן. פעולה זו תיצור שיטה לטיפול באירוע "בלחיצה". השיטה תפעל כאשר המשתמש ילחץ על כפתור זה.
5. כברירת מחדל, ערכות הנושא "אור", "טבע" ו"כהה" לא יהיו גלויות. בתוך הפונקציה, הוסף את הפונקציונליות כדי לשנות את החשיפה של הלחצנים כדי להציג או להסתיר.

   פְּרָטִיבָּטֵלbtnThemeSettings_Click(שולח אובייקט, EventArgs e)
   {
    btnNatureTheme. Visible = !btnNatureTheme. גלוי;
    btnLightTheme. Visible = !btnLightTheme. גלוי;
    btnDarkTheme. גלוי = !btnDarkTheme. גלוי;
   }
   

6. הפעל את היישום על ידי לחיצה על כפתור ההפעלה הירוק בחלק העליון של חלון Visual Studio.
7. בזמן ריצה, האפליקציה תסתיר את הכפתורים עבור כל אחד משלושת הנושאים כברירת מחדל.
8. הקלק על ה ערכות נושא לחצן כדי לשנות את ערכות הנושא להצגה. אתה יכול להמשיך ללחוץ על ערכות נושא לחצן כדי לשנות את הנראות שלהם.

כיצד לנהל את ערכות הנושא שלך

צור מילונים עבור כל נושא כדי לאחסן את הצבעים השונים שבהם הוא ישתמש. זאת כדי שתשמור את כל צבעי הנושא שלך במקום אחד, למקרה שתצטרך להשתמש בהם מספר פעמים. זה גם מקל אם אתה רוצה לעדכן ערכת נושא עם צבעים חדשים בעתיד.

1. בראש ברירת המחדל Form1.cs קובץ C# ובתוך טופס כיתה, צור מנה גלובלית. המספר הזה יאחסן את סוגי הצבעים השונים שבהם תשתמש בערכת נושא.

   enum צבע נושא
   {
    יְסוֹדִי,
    מִשׁנִי,
    שלישי,
    טֶקסט
   } 

2. מתחת, הכריזו על שלושה מילונים גלובליים, אחד לכל אחד משלושת הנושאים. אתה יכול לקרוא עוד על מילונים אם אינך מכיר כיצד להשתמש ב-a מילון ב-C#.

   מילון<צבע נושא, צבע> אור = מילון חדש<צבע נושא, צבע>();
   מילון<צבע נושא, צבע> טבע = מילון חדש<צבע נושא, צבע>();
   מילון<צבע נושא, צבע> כהה = מילון חדש<צבע נושא, צבע>();

3. בתוך הבנאי, אתחל את המילונים. הוסף ערכים עבור הצבעים השונים שכל ערכת נושא תשתמש.

   פּוּמְבֵּי צורה 1()
   {
    InitializeComponent();
   // הוסף מילונים כאן
    אור = מילון חדש<צבע נושא, צבע>() {
    { צבע נושא. צבע יסוד. עשן לבן },
    { צבע נושא. משני, צבע. כסף },
    { צבע נושא. שלישוני, צבע. לבן },
    { צבע נושא. צבע טקסט. שחור }
    };
    טבע = מילון חדש<צבע נושא, צבע>() {
    { צבע נושא. צבע יסוד. DarkSeaGreen },
    { צבע נושא. משני, צבע. אליס בלו },
    { צבע נושא. שלישוני, צבע. טל דבש },
    { צבע נושא. צבע טקסט. שחור }
    };
    כהה = מילון חדש<צבע נושא, צבע>() {
    { צבע נושא. צבע יסוד. DimGray },
    { צבע נושא. משני, צבע. DimGray },
    { צבע נושא. שלישוני, צבע. שחור },
    { צבע נושא. צבע טקסט. לבן }
    };
   }

כיצד לשנות את ערכת הנושא

צור פונקציות לניהול נושא האפליקציה. פונקציות אלו ישנו את צבע הרקע או צבע הטקסט של רכיבי ממשק המשתמש על הקנבס.

1. צור פונקציה חדשה בשם לשנות נושא(). הפונקציה תיקח את הצבעים עבור ערכת נושא כארגומנטים.
2. בתוך הפונקציה, שנה את מאפייני צבע הרקע של רכיבי ממשק המשתמש. צבעי הרקע החדשים ישתמשו בצבעים עבור הנושא שנבחר.

   פְּרָטִיבָּטֵללשנות נושא(צבע עיקרי צבע, צבע משני צבע, צבע שלישוני צבע)
   {
   // שנה את צבע הרקע של הכפתורים
    btnThemeSettings. BackColor = primaryColor;
    button1.BackColor = primaryColor;
    button2.BackColor = secondaryColor;
    button3.BackColor = SecondaryColor;
   זֶה.BackColor = tertiaryColor;
   }

3. צור פונקציה חדשה בשם ChangeTextColor(). אתה יכול להשתמש בזה כדי לשנות את צבע הטקסט בין כהה לבהיר. זאת כדי להבטיח שטקסט על רקע כהה עדיין יהיה קריא.

   פְּרָטִיבָּטֵלChangeTextColor(טקסט צבעוני צבע)
   {
    // שינוי צֶבַע שֶׁלטֶקסט
    button1.ForeColor = textColor;
    button2.ForeColor = textColor;
    button3.ForeColor = textColor;
    label1.ForeColor = textColor;
    btnThemeSettings. ForeColor = textColor;
   }

4. מהמעצב, לחץ פעמיים על פקד כפתור "אור". פעולה זו תפתח את הקובץ שמאחורי הקוד ותיצור מטפל באירועים כאשר המשתמש ילחץ על הכפתור.
5. בתוך מטפל האירוע, השתמש ב- לשנות נושא() ו ChangeTextColor() פונקציות. הזן את הצבעים שבהם נעשה שימוש בערכת הנושא. אתה יכול לאחזר צבעים אלה ממילון הנושא "אור".

   פְּרָטִיבָּטֵלbtnLightTheme_Click(שולח אובייקט, EventArgs e)
   {
   לשנות נושא(אוֹר[צבע נושא. יְסוֹדִי], אוֹר[צבע נושא. מִשׁנִי], אוֹר[צבע נושא. שלישי]);
   ChangeTextColor(אוֹר[צבע נושא. טֶקסט]);
   }

6. חזור למעצב ולחץ על הכפתורים "טבע" ו"כהה". להשתמש ב לשנות נושא() ו ChangeTextColor() מתפקד גם במטפלי האירועים שלהם.

   פְּרָטִיבָּטֵלbtnNatureTheme_Click(שולח אובייקט, EventArgs e)
   {
   לשנות נושא(טֶבַע[צבע נושא. יְסוֹדִי], טֶבַע[צבע נושא. מִשׁנִי], טֶבַע[צבע נושא. שלישי]);
   ChangeTextColor(טֶבַע[צבע נושא. טֶקסט]);
   }
   פְּרָטִיבָּטֵלbtnDarkTheme_Click(שולח אובייקט, EventArgs e)
   {
   לשנות נושא(אפל[צבע נושא. יְסוֹדִי], אפל[צבע נושא. מִשׁנִי], אפל[צבע נושא. שלישי]);
   ChangeTextColor(אפל[צבע נושא. טֶקסט]);
   }

7. כברירת מחדל, ערכת הנושא צריכה להיות מוגדרת לנושא "אור" כאשר המשתמש פותח את האפליקציה לראשונה. בקונסטרוקטור, מתחת למילונים, השתמש ב- לשנות נושא() ו ChangeTextColor() פונקציות.

   לשנות נושא(אוֹר[צבע נושא. יְסוֹדִי], אוֹר[צבע נושא. מִשׁנִי], אוֹר[צבע נושא. שלישי]);
   ChangeTextColor(אוֹר[צבע נושא. טֶקסט]);

8. הפעל את היישום על ידי לחיצה על כפתור ההפעלה הירוק בחלק העליון של חלון Visual Studio.
9. כברירת מחדל, היישום משתמש בערכת הנושא "אור" ומחיל את ערכת הצבעים האפורה על פקדי הממשק. החלף את לחצן ערכות הנושא כדי להציג את רשימת הנושאים.
10. לחץ על נושא הטבע.
11. לחץ על ערכת הנושא האפלה.

יצירת יישומים באמצעות Windows Forms

יישומים רבים מאפשרים למשתמש לעבור בין מספר נושאים. אתה יכול להוסיף ערכות נושא ליישום Windows Forms על ידי יצירת אפשרויות לבחירת המשתמש.

כאשר המשתמש לוחץ על ערכת נושא, אתה יכול לשנות את צבע הרקע, הטקסט או כל מאפיינים אחרים כך שיתאימו לצבעים המשמשים בערכת הנושא שנבחרה.

הצבעים עבור כל אחד מהנושאים משתמשים בצבעים המובנים של Visual Studio. תצטרך להשתמש בערכת צבעים מתאימה כדי להעניק למשתמשים חוויה טובה יותר. תוכל ללמוד עוד על הדרכים השונות שבהן תוכל לבחור ערכת צבעים עבור האפליקציה שלך.