Τα θέματα είναι ένας πολύ καλός τρόπος για να επιτρέψετε στους χρήστες σας να προσαρμόσουν την εφαρμογή σας χωρίς να χρειάζεται να εμπλακούν υπερβολικά σε συγκεκριμένες λεπτομέρειες.
Είναι σύνηθες οι σύγχρονες εφαρμογές να έχουν την επιλογή εναλλαγής μεταξύ διαφορετικών θεμάτων. Για παράδειγμα, ορισμένες εφαρμογές σάς επιτρέπουν να κάνετε εναλλαγή μεταξύ ενός ανοιχτού θέματος ή ενός σκούρου θέματος, ενώ άλλες μπορεί να έχουν περισσότερες επιλογές θέματος.
Οι Φόρμες των Windows είναι ένα πλαίσιο διεπαφής χρήστη που σας επιτρέπει να δημιουργείτε εφαρμογές επιφάνειας εργασίας. Μπορείτε να εφαρμόσετε θέματα σε μια εφαρμογή φόρμας των Windows δημιουργώντας επιλέξιμα κουμπιά για κάθε θέμα.
Όταν ο χρήστης επιλέγει ένα θέμα, μπορείτε να αλλάξετε τις ιδιότητες χρώματος φόντου ή χρώματος κειμένου για κάθε στοιχείο ώστε να ταιριάζει με το επιλεγμένο θέμα.
Πώς να ρυθμίσετε το έργο φόρμας των Windows
Αρχικά, δημιουργήστε μια νέα εφαρμογή φόρμας Windows. Συμπληρώστε το νέο έργο με ορισμένα βασικά στοιχεία ελέγχου, όπως κουμπιά και ετικέτες.
- Δημιουργώ ένα νέα εφαρμογή Windows Forms στο Visual Studio.
- Στο νέο έργο, χρησιμοποιήστε την εργαλειοθήκη για να αναζητήσετε ένα στοιχείο ελέγχου κουμπιού.
- Επίλεξε το έλεγχος κουμπιών και σύρετέ το στον καμβά. Προσθέστε συνολικά τρία κουμπιά ελέγχου.
- Χρησιμοποιώντας την εργαλειοθήκη, κάντε κλικ και σύρετε το α έλεγχος ετικέτας στον καμβά. Τοποθετήστε την ετικέτα κάτω από τα κουμπιά.
- Δώστε στυλ στα κουμπιά και τις ετικέτες χρησιμοποιώντας το παράθυρο ιδιοτήτων. Αλλάξτε τις ιδιότητες ως εξής:
Ελεγχος Ονομα ιδιοκτησίας Νέα Αξία κουμπί 1 Μέγεθος 580, 200 FlatStyle Διαμέρισμα Κείμενο Χρήστες κουμπί 2 Μέγεθος 580, 100 FlatStyle Διαμέρισμα Κείμενο Λογαριασμοί κουμπί 3 Μέγεθος 580, 100 FlatStyle Διαμέρισμα Κείμενο Άδειες ετικέτα 1 Κείμενο Πνευματικά δικαιώματα 2022
Πώς να δημιουργήσετε το κουμπί ρυθμίσεων και τη λίστα θεμάτων
Για να λειτουργήσει ένα απλό μενού θεμάτων, δημιουργήστε πολλά κουμπιά για να αντιπροσωπεύσετε κάθε θέμα. Η εφαρμογή θα περιλαμβάνει τρία θέματα, ένα θέμα "Φως", ένα θέμα "Φύση" και ένα θέμα "Σκοτεινό".
- Προσθέστε ένα άλλο στοιχείο ελέγχου κουμπιού στον καμβά για να αντιπροσωπεύσετε το κουμπί ρυθμίσεων (ή "Θέματα").
- Αλλάξτε τις ιδιότητες αυτού του κουμπιού ως εξής:
Ονομα ιδιοκτησίας Νέα Αξία Ονομα btnΡυθμίσεις θέματος FlatStyle Διαμέρισμα Μέγεθος 200, 120 Κείμενο Θέματα - Σύρετε τρία ακόμη κουμπιά στον καμβά. Αυτά τα κουμπιά θα αντιπροσωπεύουν τα τρία διαφορετικά θέματα. Αλλάξτε τις ιδιότητες για κάθε ένα από τα κουμπιά ως εξής:
Ελεγχος Ονομα ιδιοκτησίας Νέα Αξία 1ο κουμπί Ονομα btnLightTheme BackColor Λευκός καπνός Μέγεθος 200, 80 FlatStyle Διαμέρισμα Κείμενο Φως Ορατός Ψευδής 2ο κουμπί Ονομα btnNatureTheme BackColor DarkSeaGreen Μέγεθος 200, 80 FlatStyle Διαμέρισμα Κείμενο Φύση Ορατός Ψευδής 3ο κουμπί Ονομα btnΣκοτεινό Θέμα BackColor DimGray ForeColor άσπρο Μέγεθος 200, 80 FlatStyle Διαμέρισμα Κείμενο Σκοτάδι Ορατός Ψευδής - Κάντε διπλό κλικ στο Θέματα κουμπί. Αυτό θα δημιουργήσει μια μέθοδο για τον χειρισμό του συμβάντος "στο κλικ". Η μέθοδος θα εκτελεστεί όταν ο χρήστης κάνει κλικ σε αυτό το κουμπί.
- Από προεπιλογή, τα θέματα "Light", "Nature" και "Dark" δεν θα είναι ορατά. Μέσα στη λειτουργία, προσθέστε τη λειτουργία για εναλλαγή της ορατότητας των κουμπιών είτε για εμφάνιση είτε για απόκρυψη.
ιδιωτικόςκενόςbtnThemeSettings_Κάντε κλικ(αποστολέας αντικειμένου, EventArgs e)
{
btnNatureTheme. Visible = !btnNatureTheme. Ορατός;
btnLightTheme. Visible = !btnLightTheme. Ορατός;
btnΣκοτεινό Θέμα. Visible = !btnDarkTheme. Ορατός;
} - Εκτελέστε την εφαρμογή κάνοντας κλικ στο πράσινο κουμπί αναπαραγωγής στο επάνω μέρος του παραθύρου του Visual Studio.
- Κατά το χρόνο εκτέλεσης, η εφαρμογή θα κρύψει τα κουμπιά για καθένα από τα τρία θέματα από προεπιλογή.
- Κάνε κλικ στο Θέματα κουμπί για εναλλαγή των θεμάτων προς εμφάνιση. Μπορείτε να συνεχίσετε να πατάτε το Θέματα κουμπί για να αλλάξετε την ορατότητά τους.
Πώς να διαχειριστείτε τα θέματά σας
Δημιουργήστε λεξικά για κάθε θέμα για να αποθηκεύσετε τα διαφορετικά χρώματα που θα χρησιμοποιεί. Αυτό γίνεται για να αποθηκεύετε όλα τα χρώματα θέματός σας σε ένα μέρος, σε περίπτωση που χρειαστεί να τα χρησιμοποιήσετε πολλές φορές. Διευκολύνει επίσης εάν θέλετε να ενημερώσετε ένα θέμα με νέα χρώματα στο μέλλον.
- Στην κορυφή της προεπιλογής Form1.cs αρχείο C# και μέσα στο Μορφή τάξη, δημιουργήστε ένα παγκόσμιο αριθμό. Αυτό το πλήθος θα αποθηκεύσει τους διαφορετικούς τύπους χρωμάτων που θα χρησιμοποιήσετε σε ένα θέμα.
αρίθμηση Χρώμα θέματος
{
Πρωταρχικός,
Δευτερεύων,
Τριτογενής,
Κείμενο
} - Από κάτω, δηλώστε τρία παγκόσμια λεξικά, ένα για κάθε ένα από τα τρία θέματα. Μπορείτε να διαβάσετε περισσότερα για τα Λεξικά εάν δεν είστε εξοικειωμένοι με τον τρόπο χρήσης του a λεξικό σε C#.
Λεξικό<Χρώμα θέματος, Χρώμα> Φως = νέο Λεξικό<Χρώμα θέματος, Χρώμα>();
Λεξικό<Χρώμα θέματος, Χρώμα> Φύση = νέο Λεξικό<Χρώμα θέματος, Χρώμα>();
Λεξικό<Χρώμα θέματος, Χρώμα> Dark = νέο Λεξικό<Χρώμα θέματος, Χρώμα>(); - Μέσα στον κατασκευαστή, αρχικοποιήστε τα λεξικά. Προσθέστε τιμές για τα διαφορετικά χρώματα που θα χρησιμοποιήσει κάθε θέμα.
δημόσιο Form1()
{
InitializeComponent();
// Προσθέστε λεξικά εδώ
Φως = νέο Λεξικό<Χρώμα θέματος, Χρώμα>() {
{ Χρώμα θέματος. Πρωτεύον, Έγχρωμο. Λευκός καπνός },
{ Χρώμα θέματος. Δευτερεύον, Χρώμα. Ασήμι},
{ Χρώμα θέματος. Τριτογενές, Έγχρωμο. Ασπρο },
{ Χρώμα θέματος. Χρώμα κειμένου. μαύρο}
};
Φύση = νέο Λεξικό<Χρώμα θέματος, Χρώμα>() {
{ Χρώμα θέματος. Πρωτεύον, Έγχρωμο. DarkSeaGreen },
{ Χρώμα θέματος. Δευτερεύον, Χρώμα. AliceBlue },
{ Χρώμα θέματος. Τριτογενές, Έγχρωμο. Μέλι },
{ Χρώμα θέματος. Χρώμα κειμένου. μαύρο}
};
Dark = νέο Λεξικό<Χρώμα θέματος, Χρώμα>() {
{ Χρώμα θέματος. Πρωτεύον, Έγχρωμο. DimGray },
{ Χρώμα θέματος. Δευτερεύον, Χρώμα. DimGray },
{ Χρώμα θέματος. Τριτογενές, Έγχρωμο. Μαύρο },
{ Χρώμα θέματος. Χρώμα κειμένου. Ασπρο }
};
}
Πώς να αλλάξετε το θέμα
Δημιουργήστε λειτουργίες για τη διαχείριση του θέματος της εφαρμογής. Αυτές οι λειτουργίες θα αλλάξουν το χρώμα φόντου ή το χρώμα του κειμένου των στοιχείων διεπαφής χρήστη στον καμβά.
- Δημιουργήστε μια νέα συνάρτηση που ονομάζεται Αλλαξε θέμα(). Η συνάρτηση θα λάβει τα χρώματα για ένα θέμα ως ορίσματα.
- Μέσα στη συνάρτηση, αλλάξτε τις ιδιότητες χρώματος φόντου των στοιχείων διεπαφής χρήστη. Τα νέα χρώματα φόντου θα χρησιμοποιούν χρώματα για το επιλεγμένο θέμα.
ιδιωτικόςκενόςΑλλαξε θέμα(Χρώμα πρωτεύονΧρώμα, Χρώμα δευτερεύονΧρώμα, Χρώμα τριτογενέςΧρώμα)
{
// Αλλαγή χρώματος φόντου των κουμπιών
btnΡυθμίσεις θέματος. BackColor = πρωτεύονΧρώμα;
button1.BackColor = πρωτεύονΧρώμα;
button2.BackColor = δευτερεύονΧρώμα;
button3.BackColor = δευτερεύονΧρώμα;
Αυτό.BackColor = τριτογενέςΧρώμα;
} - Δημιουργήστε μια νέα συνάρτηση που ονομάζεται ChangeTextColor(). Μπορείτε να το χρησιμοποιήσετε για να αλλάξετε το χρώμα του κειμένου μεταξύ σκούρου και ανοιχτού. Αυτό γίνεται για να διασφαλιστεί ότι το κείμενο σε σκούρο φόντο θα είναι ακόμα αναγνώσιμο.
ιδιωτικόςκενόςChangeTextColor(Έγχρωμο κείμενοΧρώμα)
{
// Αλλαγή χρώμα τουκείμενο
button1.ForeColor = textColor;
button2.ForeColor = textColor;
button3.ForeColor = textColor;
label1.ForeColor = textColor;
btnΡυθμίσεις θέματος. ForeColor = textColor;
} - Από τον σχεδιαστή, κάντε διπλό κλικ στο κουμπί ελέγχου "Light". Αυτό θα ανοίξει το αρχείο του κώδικα πίσω και θα δημιουργήσει έναν χειριστή συμβάντων για όταν ο χρήστης κάνει κλικ στο κουμπί.
- Μέσα στο πρόγραμμα χειρισμού συμβάντων, χρησιμοποιήστε το Αλλαξε θέμα() και ChangeTextColor() λειτουργίες. Εισαγάγετε τα χρώματα που χρησιμοποιεί το θέμα. Μπορείτε να ανακτήσετε αυτά τα χρώματα από το λεξικό θέματος "Light".
ιδιωτικόςκενόςbtnLightTheme_Click(αποστολέας αντικειμένου, EventArgs e)
{
Αλλαξε θέμα(Φως[Θέμα Χρώμα. Πρωταρχικός], Φως[Θέμα Χρώμα. Δευτερεύων], Φως[Θέμα Χρώμα. Τριτογενής]);
ChangeTextColor(Φως[Θέμα Χρώμα. Κείμενο]);
} - Επιστρέψτε στον σχεδιαστή και κάντε κλικ στα κουμπιά "Nature" και "Dark". Χρησιμοποιήστε το Αλλαξε θέμα() και ChangeTextColor() λειτουργεί και στους χειριστές συμβάντων τους.
ιδιωτικόςκενόςbtnNatureTheme_Click(αποστολέας αντικειμένου, EventArgs e)
{
Αλλαξε θέμα(Φύση[Θέμα Χρώμα. Πρωταρχικός], Φύση[Θέμα Χρώμα. Δευτερεύων], Φύση[Θέμα Χρώμα. Τριτογενής]);
ChangeTextColor(Φύση[Θέμα Χρώμα. Κείμενο]);
}
ιδιωτικόςκενόςbtnDarkTheme_Click(αποστολέας αντικειμένου, EventArgs e)
{
Αλλαξε θέμα(Σκοτάδι[Θέμα Χρώμα. Πρωταρχικός], Σκοτάδι[Θέμα Χρώμα. Δευτερεύων], Σκοτάδι[Θέμα Χρώμα. Τριτογενής]);
ChangeTextColor(Σκοτάδι[Θέμα Χρώμα. Κείμενο]);
} - Από προεπιλογή, το θέμα θα πρέπει να οριστεί στο θέμα "Light" όταν ο χρήστης ανοίξει για πρώτη φορά την εφαρμογή. Στον κατασκευαστή, κάτω από τα λεξικά, χρησιμοποιήστε το Αλλαξε θέμα() και ChangeTextColor() λειτουργίες.
Αλλαξε θέμα(Φως[Θέμα Χρώμα. Πρωταρχικός], Φως[Θέμα Χρώμα. Δευτερεύων], Φως[Θέμα Χρώμα. Τριτογενής]);
ChangeTextColor(Φως[Θέμα Χρώμα. Κείμενο]); - Εκτελέστε την εφαρμογή κάνοντας κλικ στο πράσινο κουμπί αναπαραγωγής στο επάνω μέρος του παραθύρου του Visual Studio.
- Από προεπιλογή, η εφαρμογή χρησιμοποιεί το θέμα "Light" και εφαρμόζει τον συνδυασμό γκρι χρωμάτων στα στοιχεία ελέγχου διεπαφής χρήστη. Κάντε εναλλαγή του κουμπιού θεμάτων για να προβάλετε τη λίστα θεμάτων.
- Κάντε κλικ στο θέμα Φύση.
- Κάντε κλικ στο Σκούρο θέμα.
Δημιουργία εφαρμογών με χρήση φορμών των Windows
Πολλές εφαρμογές επιτρέπουν στο χρήστη να κάνει εναλλαγή μεταξύ πολλών θεμάτων. Μπορείτε να προσθέσετε θέματα σε μια εφαρμογή Φόρμες των Windows δημιουργώντας επιλογές για να τις επιλέξει ο χρήστης.
Όταν ο χρήστης κάνει κλικ σε ένα θέμα, μπορείτε να αλλάξετε το χρώμα φόντου, το κείμενο ή οποιεσδήποτε άλλες ιδιότητες για να ταιριάζει με τα χρώματα που χρησιμοποιούνται στο επιλεγμένο θέμα.
Τα χρώματα για κάθε θέμα χρησιμοποιούν τα ενσωματωμένα χρώματα του Visual Studio. Θα χρειαστεί να χρησιμοποιήσετε έναν κατάλληλο συνδυασμό χρωμάτων για να δώσετε στους χρήστες μια καλύτερη εμπειρία. Μπορείτε να μάθετε περισσότερα σχετικά με τους διαφορετικούς τρόπους με τους οποίους μπορείτε να επιλέξετε έναν συνδυασμό χρωμάτων για την εφαρμογή σας.