Teme su sjajan način da dopustite korisnicima da prilagode vašu aplikaciju bez potrebe da se previše upuštaju u određene detalje.
Uobičajeno je da moderne aplikacije imaju opciju prebacivanja između različitih tema. Na primjer, neke vam aplikacije omogućuju izmjenu između svijetle i tamne teme, dok druge mogu imati više izbora tema.
Windows Forms je okvir korisničkog sučelja koji vam omogućuje stvaranje aplikacija za radnu površinu. Teme možete implementirati u Windows obrazac aplikaciji stvaranjem gumba koji se mogu odabrati za svaku temu.
Kada korisnik odabere temu, možete promijeniti boju pozadine ili svojstva boje teksta svakog elementa kako bi odgovarala odabranoj temi.
Kako postaviti projekt Windows Form
Najprije izradite novu Windows aplikaciju obrasca. Napunite novi projekt nekim osnovnim kontrolama, kao što su gumbi i oznake.
- Stvoriti novu aplikaciju Windows Forms u Visual Studiju.
- U novom projektu koristite okvir s alatima za traženje kontrole gumba.
- Odaberite upravljanje gumbom i povucite ga na platno. Dodajte ukupno tri kontrole gumba.
- Pomoću okvira s alatima kliknite i povucite a kontrola oznake na platno. Stavite naljepnicu ispod gumba.
- Stilizirajte gumbe i oznake pomoću prozora svojstava. Promijenite svojstva u sljedeće:
Kontrolirati Naziv nekretnine Nova vrijednost gumb1 Veličina 580, 200 FlatStyle Ravan Tekst Korisnici gumb2 Veličina 580, 100 FlatStyle Ravan Tekst Računi gumb3 Veličina 580, 100 FlatStyle Ravan Tekst Dozvole oznaka1 Tekst Autorska prava 2022
Kako stvoriti gumb za postavke i popis tema
Kako bi jednostavan izbornik tema funkcionirao, stvorite više gumba koji će predstavljati svaku temu. Aplikacija će uključivati tri teme, "Svijetlu" temu, "Prirodu" temu i "Tamnu" temu.
- Dodajte još jednu kontrolu gumba na platno da predstavlja gumb postavki (ili "Teme").
- Promijenite svojstva ovog gumba u sljedeće:
Naziv nekretnine Nova vrijednost Ime btnThemeSettings FlatStyle Ravan Veličina 200, 120 Tekst Teme - Povucite još tri gumba na platno. Ovi gumbi će predstavljati tri različite teme. Promijenite svojstva za svaki od gumba na sljedeće:
Kontrolirati Naziv nekretnine Nova vrijednost 1. gumb Ime btnLightTheme BackColor WhiteSmoke Veličina 200, 80 FlatStyle Ravan Tekst Svjetlo Vidljivo lažno 2. gumb Ime btnNatureTheme BackColor DarkSeaGreen Veličina 200, 80 FlatStyle Ravan Tekst Priroda Vidljivo lažno 3. gumb Ime btnDarkTheme BackColor DimGray ForeColor Bijela Veličina 200, 80 FlatStyle Ravan Tekst tamno Vidljivo lažno - Dvaput kliknite na Teme dugme. Ovo će stvoriti metodu za rukovanje događajem "on click". Metoda će se pokrenuti kada korisnik klikne na ovaj gumb.
- Prema zadanim postavkama teme "Svijetlo", "Priroda" i "Tamno" neće biti vidljive. Unutar funkcije dodajte funkciju za prebacivanje vidljivosti gumba na prikaz ili skrivanje.
privatniponištitibtnThemeSettings_Click(pošiljatelj objekta, EventArgs e)
{
btnNatureTheme. Vidljivo = !btnNatureTheme. Vidljivo;
btnLightTheme. Vidljivo = !btnLightTheme. Vidljivo;
btnDarkTheme. Vidljivo = !btnDarkTheme. Vidljivo;
} - Pokrenite aplikaciju klikom na zeleni gumb za reprodukciju na vrhu prozora Visual Studio.
- Tijekom izvođenja, aplikacija će prema zadanim postavkama sakriti gumbe za svaku od tri teme.
- Klikni na Teme gumb za prebacivanje tema za prikaz. Možete nastaviti pritiskati Teme gumb za promjenu njihove vidljivosti.
Kako upravljati svojim temama
Stvorite rječnike za svaku temu kako biste pohranili različite boje koje će koristiti. To je tako da sve svoje boje teme pohranjujete na jedno mjesto, u slučaju da ih trebate upotrijebiti više puta. Također olakšava ako u budućnosti želite ažurirati temu novim bojama.
- Na vrhu zadanog Form1.cs C# datoteku i unutar Oblik klase, kreirajte globalni enum. Ovaj popis će pohraniti različite vrste boja koje ćete koristiti u temi.
nabrajanje ThemeColor
{
Primarno,
sekundarni,
Tercijarni,
Tekst
} - Ispod, deklarirajte tri globalna rječnika, po jedan za svaku od tri teme. Možete pročitati više o rječnicima ako niste upoznati s načinom korištenja a rječnik u C#.
Rječnik<Boja teme, boja> Svjetlo = novi rječnik<Boja teme, boja>();
Rječnik<Boja teme, boja> Priroda = novi rječnik<Boja teme, boja>();
Rječnik<Boja teme, boja> Tamno = novi rječnik<Boja teme, boja>(); - Unutar konstruktora inicijalizirajte rječnike. Dodajte vrijednosti za različite boje koje će svaka tema koristiti.
javnost obrazac1()
{
Inicijaliziraj komponentu();
// Ovdje dodajte rječnike
Svjetlo = novi rječnik<Boja teme, boja>() {
{ Boja teme. Primarni, boja. Bijeli dim},
{ Boja teme. Sekundarni, boja. srebro },
{ Boja teme. Tercijar, boja. Bijelo },
{ Boja teme. Tekst, boja. Crno }
};
Priroda = novi rječnik<Boja teme, boja>() {
{ Boja teme. Primarni, boja. DarkSeaGreen },
{ Boja teme. Sekundarni, boja. AliceBlue },
{ Boja teme. Tercijar, boja. Medljika },
{ Boja teme. Tekst, boja. Crno }
};
Tamno = novi rječnik<Boja teme, boja>() {
{ Boja teme. Primarni, boja. DimGray },
{ Boja teme. Sekundarni, boja. DimGray },
{ Boja teme. Tercijar, boja. Crno },
{ Boja teme. Tekst, boja. Bijelo }
};
}
Kako promijeniti temu
Stvorite funkcije za upravljanje temom aplikacije. Ove funkcije će promijeniti boju pozadine ili boju teksta elemenata korisničkog sučelja na platnu.
- Napravite novu funkciju tzv Promijenitemu(). Funkcija će uzeti boje za temu kao argumente.
- Unutar funkcije promijenite svojstva boje pozadine elemenata korisničkog sučelja. Nove boje pozadine koristit će boje za odabranu temu.
privatniponištitiPromijeni temu(Boja primarna boja, boja sekundarna boja, boja tercijarna boja)
{
// Promjena boje pozadine gumba
btnThemeSettings. BackColor = primarna boja;
button1.BackColor = primarna boja;
button2.BackColor = secondaryColor;
button3.BackColor = secondaryColor;
ovaj.BackColor = tercijarna boja;
} - Napravite novu funkciju tzv Promijeni boju teksta(). Ovo možete koristiti za promjenu boje teksta između tamne i svijetle. Time se osigurava da će tekst na tamnoj pozadini i dalje biti čitljiv.
privatniponištitiChangeTextColor(Boja teksta u boji)
{
// Promijeniti boja odtekst
button1.ForeColor = textColor;
button2.ForeColor = textColor;
button3.ForeColor = textColor;
label1.ForeColor = textColor;
btnThemeSettings. ForeColor = boja teksta;
} - U dizajneru dvaput kliknite na kontrolu gumba "Svjetlo". Ovo će otvoriti datoteku iza koda i generirati rukovatelj događajem kada korisnik klikne na gumb.
- Unutar rukovatelja događajima koristite Promijenitemu() i Promijeni boju teksta() funkcije. Unesite boje koje tema koristi. Ove boje možete preuzeti iz rječnika tema "Svjetlo".
privatniponištitibtnLightTheme_Click(pošiljatelj objekta, EventArgs e)
{
Promijeni temu(Svjetlo[Boja teme. Primarno], Svjetlo[Boja teme. sekundarni], Svjetlo[Boja teme. Tercijarni]);
ChangeTextColor(Svjetlo[Boja teme. Tekst]);
} - Vratite se na dizajner i kliknite na gumbe "Priroda" i "Tamno". Koristiti Promijenitemu() i Promijeni boju teksta() funkcionira iu njihovim rukovateljima događajima.
privatniponištitibtnNatureTheme_Click(pošiljatelj objekta, EventArgs e)
{
Promijeni temu(Priroda[Boja teme. Primarno], Priroda[Boja teme. sekundarni], Priroda[Boja teme. Tercijarni]);
ChangeTextColor(Priroda[Boja teme. Tekst]);
}
privatniponištitibtnDarkTheme_Click(pošiljatelj objekta, EventArgs e)
{
Promijeni temu(tamno[Boja teme. Primarno], tamno[Boja teme. sekundarni], tamno[Boja teme. Tercijarni]);
ChangeTextColor(tamno[Boja teme. Tekst]);
} - Prema zadanim postavkama, tema bi trebala biti postavljena na "Svijetlu" temu kada korisnik prvi put otvori aplikaciju. U konstruktoru, ispod rječnika, koristite Promijenitemu() i Promijeni boju teksta() funkcije.
Promijeni temu(Svjetlo[Boja teme. Primarno], Svjetlo[Boja teme. sekundarni], Svjetlo[Boja teme. Tercijarni]);
ChangeTextColor(Svjetlo[Boja teme. Tekst]); - Pokrenite aplikaciju klikom na zeleni gumb za reprodukciju na vrhu prozora Visual Studio.
- Prema zadanim postavkama, aplikacija koristi temu "Light" i primjenjuje shemu sive boje na kontrole korisničkog sučelja. Uključite gumb tema da biste vidjeli popis tema.
- Kliknite na temu Priroda.
- Kliknite na tamnu temu.
Stvaranje aplikacija pomoću Windows Forms
Mnoge aplikacije omogućuju korisniku prebacivanje između više tema. Možete dodati teme aplikaciji Windows Forms stvaranjem opcija koje korisnik može odabrati.
Kada korisnik klikne na temu, možete promijeniti boju pozadine, tekst ili bilo koja druga svojstva da odgovaraju bojama koje se koriste u odabranoj temi.
Boje za svaku od tema koriste ugrađene boje Visual Studija. Morat ćete koristiti odgovarajuću shemu boja kako biste korisnicima pružili bolje iskustvo. Možete saznati više o različitim načinima na koje možete odabrati shemu boja za svoju aplikaciju.