Temos yra puikus būdas leisti vartotojams tinkinti jūsų programą, pernelyg nesigilinant į konkrečią informaciją.
Įprasta, kad šiuolaikinės programos turi galimybę perjungti skirtingas temas. Pavyzdžiui, kai kurios programos leidžia keisti šviesią ar tamsią temą, o kitose gali būti daugiau temų pasirinkimų.
„Windows Forms“ yra vartotojo sąsajos sistema, leidžianti kurti darbalaukio programas. Galite įdiegti temas „Windows“ formos programoje, sukurdami pasirenkamus kiekvienos temos mygtukus.
Kai vartotojas pasirenka temą, galite pakeisti kiekvieno elemento fono spalvą arba teksto spalvos ypatybes, kad jos atitiktų pasirinktą temą.
Kaip nustatyti „Windows“ formos projektą
Pirmiausia sukurkite naują „Windows“ formos programą. Užpildykite naują projektą kai kuriais pagrindiniais valdikliais, pvz., mygtukais ir etiketėmis.
- Sukurti nauja „Windows Forms“ programa Visual Studio.
- Naujame projekte mygtuko valdiklio ieškokite naudodami įrankių rinkinį.
- Pasirinkite mygtuko valdymas ir vilkite jį ant drobės. Iš viso pridėkite tris mygtukų valdiklius.
- Naudodami įrankių rinkinį spustelėkite ir vilkite a etikečių valdymas ant drobės. Padėkite etiketę po mygtukais.
- Sukurkite mygtukų ir etikečių stilių naudodami ypatybių langą. Pakeiskite ypatybes į šias:
Kontrolė Nuosavybės pavadinimas Nauja vertė mygtukas 1 Dydis 580, 200 FlatStyle Butas Tekstas Vartotojai mygtukas 2 Dydis 580, 100 FlatStyle Butas Tekstas Sąskaitos mygtukas 3 Dydis 580, 100 FlatStyle Butas Tekstas Leidimai etiketė1 Tekstas Autorių teisės 2022 m
Kaip sukurti nustatymų mygtuką ir temų sąrašą
Kad veiktų paprastas temų meniu, sukurkite kelis mygtukus, vaizduojančius kiekvieną temą. Programoje bus trys temos: „Šviesioji“, „Gamtos“ ir „Tamsioji“.
- Pridėkite kitą mygtuko valdiklį prie drobės, kad būtų rodomas nustatymų (arba „Temų“) mygtukas.
- Pakeiskite šio mygtuko ypatybes į šias:
Nuosavybės pavadinimas Nauja vertė vardas btnThemeSettings FlatStyle Butas Dydis 200, 120 Tekstas Temos - Vilkite dar tris mygtukus ant drobės. Šie mygtukai parodys tris skirtingas temas. Pakeiskite kiekvieno mygtuko ypatybes į šias:
Kontrolė Nuosavybės pavadinimas Nauja vertė 1 mygtukas vardas btnLight Theme BackColor WhiteSmoke Dydis 200, 80 FlatStyle Butas Tekstas Šviesa Matomas Netiesa 2-as mygtukas vardas btnNature Theme BackColor TamsiaiJūra Žalia Dydis 200, 80 FlatStyle Butas Tekstas Gamta Matomas Netiesa 3 mygtukas vardas btnDarkTheme BackColor Neryškus pilkas ForeColor Baltas Dydis 200, 80 FlatStyle Butas Tekstas Tamsus Matomas Netiesa - Dukart spustelėkite Temos mygtuką. Taip bus sukurtas būdas apdoroti įvykį „paspaudus“. Metodas bus paleistas, kai vartotojas spustelėja šį mygtuką.
- Pagal numatytuosius nustatymus „Šviesos“, „Gamtos“ ir „Tamsios“ temos nebus matomos. Funkcijos viduje pridėkite funkciją, kad perjungtumėte mygtukų matomumą arba rodymą, arba slėpimą.
privatustuštumabtnThemeSettings_Click(objekto siuntėjas, EventArgs e)
{
btnNature Theme. Matoma = !btnNatureTheme. Matomas;
btnLight Theme. Matoma = !btnLightTheme. Matomas;
btnDarkTheme. Matoma = !btnDarkTheme. Matomas;
} - Paleiskite programą spustelėdami žalią paleidimo mygtuką Visual Studio lango viršuje.
- Vykdymo metu programa pagal numatytuosius nustatymus paslėps kiekvienos iš trijų temų mygtukus.
- Spustelėkite ant Temos mygtuką, kad perjungtumėte rodomas temas. Galite toliau spausti Temos mygtuką, kad perjungtumėte jų matomumą.
Kaip tvarkyti savo temas
Sukurkite žodynus kiekvienai temai, kad išsaugotumėte skirtingas spalvas, kurias ji naudos. Taip reikia saugoti visas temos spalvas vienoje vietoje, jei prireiktų jas naudoti kelis kartus. Taip pat lengviau, jei ateityje norėsite atnaujinti temą naujomis spalvomis.
- Numatytosios vertės viršuje Forma1.cs C# failą ir viduje Forma klasėje, sukurkite pasaulinį sąrašą. Šiame sąraše bus saugomi įvairių tipų spalvos, kurias naudosite temoje.
enum Temos spalva
{
pirminis,
vidurinis,
Tretinis,
Tekstas
} - Apačioje paskelbkite tris pasaulinius žodynus, po vieną kiekvienai iš trijų temų. Galite perskaityti daugiau apie žodynus, jei nežinote, kaip naudoti a žodynas C#.
Žodynas<TemaSpalva, Spalva> Šviesa = naujas žodynas<TemaSpalva, Spalva>();
Žodynas<TemaSpalva, Spalva> Gamta = naujas žodynas<TemaSpalva, Spalva>();
Žodynas<TemaSpalva, Spalva> Tamsus = naujas žodynas<TemaSpalva, Spalva>(); - Konstruktoriaus viduje inicijuokite žodynus. Pridėkite skirtingų spalvų, kurias naudos kiekviena tema, vertes.
viešas 1 forma ()
{
InitializeComponent();
// Čia pridėkite žodynus
Šviesa = naujas žodynas<TemaSpalva, Spalva>() {
{ ThemeColor. Pirminis, Spalva. WhiteSmoke },
{ ThemeColor. Antrinė, Spalva. Sidabras },
{ ThemeColor. Tretinis, spalvotas. balta },
{ ThemeColor. Tekstas, Spalva. juoda }
};
Gamta = naujas žodynas<TemaSpalva, Spalva>() {
{ ThemeColor. Pirminis, Spalva. DarkSeaGreen },
{ ThemeColor. Antrinė, Spalva. AliceBlue},
{ ThemeColor. Tretinis, spalvotas. Honeydew},
{ ThemeColor. Tekstas, Spalva. juoda }
};
Tamsus = naujas žodynas<TemaSpalva, Spalva>() {
{ ThemeColor. Pirminis, Spalva. Tamsiai pilka },
{ ThemeColor. Antrinė, Spalva. Tamsiai pilka },
{ ThemeColor. Tretinis, spalvotas. juoda },
{ ThemeColor. Tekstas, Spalva. balta }
};
}
Kaip pakeisti temą
Kurkite funkcijas, kad galėtumėte valdyti programos temą. Šios funkcijos pakeis drobėje esančių UI elementų fono arba teksto spalvą.
- Sukurkite naują funkciją, pavadintą Keisti temą (). Funkcija kaip argumentus paims temos spalvas.
- Funkcijoje pakeiskite vartotojo sąsajos elementų fono spalvų ypatybes. Naujose fono spalvose bus naudojamos pasirinktos temos spalvos.
privatustuštumaKeisti temą(Pagrindinė spalva, antrinė spalva, trečioji spalva)
{
// Keisti mygtukų fono spalvą
btnThemeSettings. BackColor = pirminė spalva;
mygtukas1.BackColor = pagrindinė spalva;
mygtukas2.BackColor = antrinė spalva;
mygtukas3.BackColor = antrinė spalva;
tai.BackColor = tretinė spalva;
} - Sukurkite naują funkciją, pavadintą ChangeTextColor(). Tai galite naudoti norėdami pakeisti teksto spalvą iš tamsios ir šviesios. Taip siekiama užtikrinti, kad tekstas tamsiame fone vis tiek būtų skaitomas.
privatustuštumaKeistiTextColor(Spalva teksto spalva)
{
// Keisti spalva apietekstą
mygtukas1.ForeColor = textColor;
mygtukas2.ForeColor = textColor;
mygtukas3.ForeColor = textColor;
etiketė1.ForeColor = teksto spalva;
btnThemeSettings. ForeColor = teksto spalva;
} - Iš dizainerio dukart spustelėkite mygtuko valdiklį „Šviesa“. Tai atidarys kodo failą ir sugeneruos įvykių tvarkyklę, kai vartotojas spustelėja mygtuką.
- Įvykių tvarkyklėje naudokite Keisti temą () ir ChangeTextColor() funkcijas. Įveskite spalvas, kurias naudoja tema. Šias spalvas galite gauti iš temų žodyno „Šviesa“.
privatustuštumabtnLightTheme_Click(objekto siuntėjas, EventArgs e)
{
Keisti temą(Šviesa[Temos spalva. Pagrindinis], Šviesa[Temos spalva. vidurinis], Šviesa[Temos spalva. Tretinis]);
KeistiTextColor(Šviesa[Temos spalva. Tekstas]);
} - Grįžkite į dizainerį ir spustelėkite mygtukus „Gamta“ ir „Tamsiai“. Naudoti Keisti temą () ir ChangeTextColor() funkcijas ir jų įvykių tvarkytuvėse.
privatustuštumabtnNatureTheme_Click(objekto siuntėjas, EventArgs e)
{
Keisti temą(Gamta[Temos spalva. Pagrindinis], Gamta[Temos spalva. vidurinis], Gamta[Temos spalva. Tretinis]);
KeistiTextColor(Gamta[Temos spalva. Tekstas]);
}
privatustuštumabtnDarkTheme_Click(objekto siuntėjas, EventArgs e)
{
Keisti temą(Tamsus[Temos spalva. Pagrindinis], Tamsus[Temos spalva. vidurinis], Tamsus[Temos spalva. Tretinis]);
KeistiTextColor(Tamsus[Temos spalva. Tekstas]);
} - Pagal numatytuosius nustatymus, vartotojui pirmą kartą atidarius programą, tema turėtų būti nustatyta į „Šviesią“. Konstruktoriui, po žodynais, naudokite Keisti temą () ir ChangeTextColor() funkcijas.
Keisti temą(Šviesa[Temos spalva. Pagrindinis], Šviesa[Temos spalva. vidurinis], Šviesa[Temos spalva. Tretinis]);
KeistiTextColor(Šviesa[Temos spalva. Tekstas]); - Paleiskite programą spustelėdami žalią paleidimo mygtuką Visual Studio lango viršuje.
- Pagal numatytuosius nustatymus programa naudoja temą „Šviesi“ ir vartotojo sąsajos valdikliui taiko pilkų spalvų schemą. Perjunkite temų mygtuką, kad peržiūrėtumėte temų sąrašą.
- Spustelėkite gamtos temą.
- Spustelėkite tamsiąją temą.
Programų kūrimas naudojant „Windows“ formas
Daugelis programų leidžia vartotojui perjungti kelias temas. Galite pridėti temų prie „Windows Forms“ programos sukurdami parinktis, kurias vartotojas galės pasirinkti.
Kai vartotojas spustelėja temą, galite pakeisti fono spalvą, tekstą ar bet kokias kitas savybes, kad jos atitiktų pasirinktoje temoje naudojamas spalvas.
Kiekvienos temos spalvos naudoja „Visual Studio“ integruotas spalvas. Turėsite naudoti tinkamą spalvų schemą, kad suteiktumėte vartotojams geresnę patirtį. Galite sužinoti daugiau apie įvairius būdus, kuriais galite pasirinkti programos spalvų schemą.
