WinForms: Kuinka lisätä useita teemoja sovellukseesi

On yleistä, että nykyaikaisissa sovelluksissa on mahdollisuus vaihtaa eri teemojen välillä. Joissakin sovelluksissa voit esimerkiksi vaihtaa vaalean ja tumman teeman välillä, kun taas toisissa voi olla enemmän teemavaihtoehtoja.

Windows Forms on käyttöliittymäkehys, jonka avulla voit luoda työpöytäsovelluksia. Voit toteuttaa teemoja Windows-lomakesovelluksessa luomalla valittavia painikkeita kullekin teemalle.

Kun käyttäjä valitsee teeman, voit muuttaa kunkin elementin taustaväriä tai tekstin väriominaisuuksia vastaamaan valittua teemaa.

Windows Form Projectin määrittäminen

Luo ensin uusi Windows-lomakesovellus. Täytä uusi projekti muutamilla perussäätimillä, kuten painikkeilla ja tarroilla.

1. Luo uusi Windows Forms -sovellus Visual Studiossa.
2. Uudessa projektissa voit etsiä painikeohjaimen työkalupakin avulla.
instagram viewer
3. Valitse painikkeen ohjaus ja vedä se kankaalle. Lisää yhteensä kolme painikeohjainta.
4. Napsauta ja vedä a etiketin ohjaus kankaalle. Aseta tarra painikkeiden alle.
5. Tyyli painikkeet ja tarrat ominaisuusikkunan avulla. Muuta ominaisuudet seuraavasti:

   Ohjaus	Kiinteistön nimi	Uusi arvo
   painike 1	Koko	580, 200
   FlatStyle	Tasainen
   Teksti	Käyttäjät
   painike 2	Koko	580, 100
   FlatStyle	Tasainen
   Teksti	Tilit
   painike 3	Koko	580, 100
   FlatStyle	Tasainen
   Teksti	Käyttöoikeudet
   etiketti1	Teksti	Tekijänoikeus 2022

Asetuspainikkeen ja teemaluettelon luominen

Jotta yksinkertainen teemavalikko toimisi, luo useita painikkeita edustamaan kutakin teemaa. Sovellus sisältää kolme teemaa, "Vaalea"-teeman, "Luonto"-teeman ja "Dark"-teeman.

1. Lisää kankaalle toinen painikeohjain, joka edustaa asetuspainiketta (tai "Teemat").
2. Muuta tämän painikkeen ominaisuudet seuraavasti:

   Kiinteistön nimi	Uusi arvo
   Nimi	btnThemeSettings
   FlatStyle	Tasainen
   Koko	200, 120
   Teksti	Teemat

3. Vedä kolme muuta painiketta kankaalle. Nämä painikkeet edustavat kolmea eri teemaa. Muuta kunkin painikkeen ominaisuudet seuraavasti:

   Ohjaus	Kiinteistön nimi	Uusi arvo
   1. painike	Nimi	btnLightTheme
   BackColor	Valkoinen savu
   Koko	200, 80
   FlatStyle	Tasainen
   Teksti	Kevyt
   Näkyy	Väärä
   2. painike	Nimi	btnNature-teema
   BackColor	Tummanmerenvihreä
   Koko	200, 80
   FlatStyle	Tasainen
   Teksti	Luonto
   Näkyy	Väärä
   3. painike	Nimi	btnDarkTheme
   BackColor	DimGray
   ForeColor	Valkoinen
   Koko	200, 80
   FlatStyle	Tasainen
   Teksti	Tumma
   Näkyy	Väärä

4. Kaksoisnapsauta kohtaa Teemat -painiketta. Tämä luo menetelmän "on click" -tapahtuman käsittelemiseksi. Menetelmä suoritetaan, kun käyttäjä napsauttaa tätä painiketta.
5. Oletusarvoisesti "Vaalea", "Luonto" ja "Tumma"-teemat eivät ole näkyvissä. Lisää toiminnon sisällä toiminto painikkeiden näkyvyyden vaihtamiseksi joko näytettäväksi tai piilotettavaksi.

   yksityinenmitätönbtnThemeSettings_Click(objektin lähettäjä, EventArgs e)
   {
    btnNature-teema. Näkyvä = !btnNatureTheme. Näkyvä;
    btnLightTheme. Näkyvä = !btnLightTheme. Näkyvä;
    btnDarkTheme. Näkyvä = !btnDarkTheme. Näkyvä;
   }
   

6. Suorita sovellus napsauttamalla vihreää toistopainiketta Visual Studio -ikkunan yläosassa.
7. Ajon aikana sovellus piilottaa oletusarvoisesti kunkin kolmen teeman painikkeet.
8. Klikkaa Teemat -painiketta vaihtaaksesi näytettävät teemat. Voit jatkaa -painikkeen painamista Teemat -painiketta muuttaaksesi niiden näkyvyyttä.

Teemojen hallinta

Luo sanakirjat kullekin teemalle tallentaaksesi eri värit, joita se käyttää. Näin voit tallentaa kaikki teemavärisi yhteen paikkaan siltä varalta, että joudut käyttämään niitä useita kertoja. Se helpottaa myös, jos haluat päivittää teeman uusilla väreillä tulevaisuudessa.

1. Oletusarvon yläosassa Lomake1.cs C#-tiedosto ja sisällä Lomake luo globaali enum. Tämä luettelo tallentaa erityyppiset värit, joita käytät teemassa.

   enum Teeman väri
   {
    Ensisijainen,
    Toissijainen,
    Tertiäärinen,
    Teksti
   } 

2. Ilmoita alla kolme maailmanlaajuista sanakirjaa, yksi kullekin kolmelle teemalle. Voit lukea lisää sanakirjoista, jos et ole perehtynyt a sanakirja C#.

   Sanakirja<Teema Väri, väri> Valo = uusi sanakirja<Teema Väri, väri>();
   Sanakirja<Teema Väri, väri> Luonto = uusi sanakirja<Teema Väri, väri>();
   Sanakirja<Teema Väri, väri> Tumma = uusi sanakirja<Teema Väri, väri>();

3. Alusta sanakirjat rakentajan sisällä. Lisää arvot kunkin teeman käyttämille eri väreille.

   julkinen Lomake1()
   {
    InitializeComponent();
   // Lisää sanakirjoja tähän
    Valo = uusi sanakirja<Teema Väri, väri>() {
    { Teemanväri. Ensisijainen, Väri. Valkoinen savu },
    { Teemanväri. Toissijainen, Väri. Hopea },
    { Teemanväri. Kolmannen asteen, väri. valkoinen },
    { Teemanväri. Teksti, väri. musta }
    };
    Luonto = uusi sanakirja<Teema Väri, väri>() {
    { Teemanväri. Ensisijainen, Väri. Tummanmerenvihreä },
    { Teemanväri. Toissijainen, Väri. AliceBlue},
    { Teemanväri. Kolmannen asteen, väri. mesikaste },
    { Teemanväri. Teksti, väri. musta }
    };
    Tumma = uusi sanakirja<Teema Väri, väri>() {
    { Teemanväri. Ensisijainen, Väri. DimGray },
    { Teemanväri. Toissijainen, Väri. DimGray },
    { Teemanväri. Kolmannen asteen, väri. musta },
    { Teemanväri. Teksti, väri. valkoinen }
    };
   }

Kuinka vaihtaa teemaa

Luo toimintoja sovelluksen teeman hallintaan. Nämä toiminnot muuttavat kankaalla olevien käyttöliittymäelementtien taustaväriä tai tekstin väriä.

1. Luo uusi funktio nimeltä Vaihda teema(). Funktio ottaa teeman värit argumentteina.
2. Muuta funktion sisällä käyttöliittymäelementtien taustavärin ominaisuuksia. Uudet taustavärit käyttävät valitun teeman värejä.

   yksityinenmitätönVaihda teema(Väri ensisijainen väri, väri toissijainen väri, väri tertiaryColor)
   {
   // Muuta painikkeiden taustaväriä
    btnThemeSettings. BackColor = ensisijainen väri;
    button1.BackColor = ensisijainen väri;
    button2.BackColor = toissijainen väri;
    button3.BackColor = toissijainen väri;
   Tämä.BackColor = tertiaryColor;
   }

3. Luo uusi funktio nimeltä MuutaTextColor(). Voit käyttää tätä vaihtaaksesi tekstin väriä tumman ja vaalean välillä. Näin varmistetaan, että tummalla taustalla oleva teksti on edelleen luettavissa.

   yksityinenmitätönMuutaTextColor(VäritekstiVäri)
   {
    // Muuttaa väri- /teksti
    button1.ForeColor = textColor;
    button2.ForeColor = textColor;
    button3.ForeColor = textColor;
    etiketti1.Etuväri = textColor;
    btnThemeSettings. ForeColor = textColor;
   }

4. Kaksoisnapsauta suunnittelijassa "Valo"-painiketta. Tämä avaa koodin takana olevan tiedoston ja luo tapahtumakäsittelijän, kun käyttäjä napsauttaa painiketta.
5. Käytä tapahtumakäsittelijän sisällä olevaa Vaihda teema() ja MuutaTextColor() toimintoja. Syötä teeman käyttämät värit. Voit hakea nämä värit "Vaale"-teemasanakirjasta.

   yksityinenmitätönbtnLightTheme_Click(objektin lähettäjä, EventArgs e)
   {
   Vaihda teema(Kevyt[ThemeColor. Ensisijainen], Kevyt[ThemeColor. Toissijainen], Kevyt[ThemeColor. Tertiäärinen]);
   MuutaTextColor(Kevyt[ThemeColor. Teksti]);
   }

6. Palaa suunnittelijaan ja napsauta "Luonto"- ja "Dark" -painikkeita. Käytä Vaihda teema() ja MuutaTextColor() toimii myös tapahtumakäsittelijöissään.

   yksityinenmitätönbtnNatureTheme_Click(objektin lähettäjä, EventArgs e)
   {
   Vaihda teema(Luonto[ThemeColor. Ensisijainen], Luonto[ThemeColor. Toissijainen], Luonto[ThemeColor. Tertiäärinen]);
   MuutaTextColor(Luonto[ThemeColor. Teksti]);
   }
   yksityinenmitätönbtnDarkTheme_Click(objektin lähettäjä, EventArgs e)
   {
   Vaihda teema(Tumma[ThemeColor. Ensisijainen], Tumma[ThemeColor. Toissijainen], Tumma[ThemeColor. Tertiäärinen]);
   MuutaTextColor(Tumma[ThemeColor. Teksti]);
   }

7. Oletusarvoisesti teemaksi tulee asettaa "Kevyt" teema, kun käyttäjä avaa sovelluksen ensimmäisen kerran. Käytä rakentajassa sanakirjojen alla olevaa Vaihda teema() ja MuutaTextColor() toimintoja.

   Vaihda teema(Kevyt[ThemeColor. Ensisijainen], Kevyt[ThemeColor. Toissijainen], Kevyt[ThemeColor. Tertiäärinen]);
   MuutaTextColor(Kevyt[ThemeColor. Teksti]);

8. Suorita sovellus napsauttamalla vihreää toistopainiketta Visual Studio -ikkunan yläosassa.
9. Oletuksena sovellus käyttää "Vaalea"-teemaa ja käyttää harmaata väriteemaa käyttöliittymän säätimiin. Voit tarkastella teemaluetteloa vaihtamalla teemat-painiketta.
10. Napsauta Luonto-teemaa.
11. Napsauta tummaa teemaa.

Sovellusten luominen Windows-lomakkeilla

Monet sovellukset antavat käyttäjälle mahdollisuuden vaihtaa useiden teemojen välillä. Voit lisätä teemoja Windows Forms -sovellukseen luomalla vaihtoehtoja, jotka käyttäjä voi valita.

Kun käyttäjä napsauttaa teemaa, voit muuttaa taustaväriä, tekstiä tai muita ominaisuuksia vastaamaan valitussa teemassa käytettyjä värejä.

Jokaisen teeman värit käyttävät Visual Studion sisäänrakennettuja värejä. Sinun on käytettävä oikeaa värimaailmaa tarjotaksesi käyttäjille paremman käyttökokemuksen. Saat lisätietoja eri tavoista, joilla voit valita väriteeman sovelluksellesi.