WinForms: Ako pridať do aplikácie viacero tém

Pre moderné aplikácie je bežné, že majú možnosť prepínať medzi rôznymi témami. Niektoré aplikácie vám napríklad umožňujú prepínať medzi svetlou a tmavou témou, zatiaľ čo iné môžu mať viac možností výberu tém.

Windows Forms je rámec používateľského rozhrania, ktorý vám umožňuje vytvárať desktopové aplikácie. Témy môžete implementovať do aplikácie formulára Windows vytvorením voliteľných tlačidiel pre každý motív.

VYUŽITIE VIDEA DŇA

Keď používateľ vyberie tému, môžete zmeniť farbu pozadia alebo farbu textu každého prvku tak, aby zodpovedala vybratej téme.

ako dostať sériu späť na snapchat

Ako nastaviť projekt Windows Form Project

Najprv vytvorte novú aplikáciu formulára Windows. Naplňte nový projekt niektorými základnými ovládacími prvkami, ako sú tlačidlá a štítky.

Vytvor nová aplikácia Windows Forms vo Visual Studiu.
V novom projekte použite panel s nástrojmi na vyhľadanie ovládacieho prvku tlačidla.
Vyberte tlačidlové ovládanie a pretiahnite ho na plátno. Pridajte celkom tri ovládacie tlačidlá.
Pomocou panela nástrojov kliknite a potiahnite a kontrola štítkov na plátno. Umiestnite štítok pod tlačidlá.

Pomocou okna vlastností upravte štýl tlačidiel a štítkov. Zmeňte vlastnosti na nasledujúce:

tlačidlo1	Veľkosť	580 200
	FlatStyle	Plochý
	Text	Používatelia
tlačidlo2	Veľkosť	580, 100
	FlatStyle	Plochý
	Text	účty
tlačidlo3	Veľkosť	580, 100
	FlatStyle	Plochý
	Text	Povolenia
štítok1	Text	Copyright 2022

Ako vytvoriť tlačidlo Nastavenia a zoznam motívov

Aby fungovala jednoduchá ponuka tém, vytvorte viacero tlačidiel, ktoré budú reprezentovať každú tému. Aplikácia bude obsahovať tri témy, tému „Svetlo“, tému „Príroda“ a tému „Tma“.

virtuálna pamäť windows 10 8gb ram

Pridajte na plátno ďalší ovládací prvok tlačidla, ktorý bude predstavovať tlačidlo nastavení (alebo tlačidlo „Témy“).
Zmeňte vlastnosti tohto tlačidla na nasledovné:

názov btnThemeSettings

FlatStyle Plochý

Veľkosť 200, 120

Text Témy

Pretiahnite tri ďalšie tlačidlá na plátno. Tieto tlačidlá budú reprezentovať tri rôzne témy. Zmeňte vlastnosti každého z tlačidiel na nasledovné:

1. tlačidlo	názov	btnLightTheme
	BackColor	WhiteSmoke
	Veľkosť	200, 80
	FlatStyle	Plochý
	Text	Svetlo
	Viditeľné	Nepravdivé
2. tlačidlo	názov	btnNatureTheme
	BackColor	Tmavomorská zelená
	Veľkosť	200, 80
	FlatStyle	Plochý
	Text	Príroda
	Viditeľné	Nepravdivé
3. tlačidlo	názov	btnDarkTheme
	BackColor	DimGray
	Farba popredia	biely
	Veľkosť	200, 80
	FlatStyle	Plochý
	Text	Tmavý
	Viditeľné	Nepravdivé

Dvakrát kliknite na Témy tlačidlo. Tým sa vytvorí metóda na spracovanie udalosti „po kliknutí“. Metóda sa spustí, keď používateľ klikne na toto tlačidlo.

V predvolenom nastavení nebudú témy „Svetlé“, „Príroda“ a „Tma“ viditeľné. Vo vnútri funkcie pridajte funkciu prepínania viditeľnosti tlačidiel na zobrazenie alebo skrytie.

private void btnThemeSettings_Click(object sender, EventArgs e) 
{ 
    btnNatureTheme.Visible = !btnNatureTheme.Visible; 
    btnLightTheme.Visible = !btnLightTheme.Visible; 
    btnDarkTheme.Visible = !btnDarkTheme.Visible; 
}

Spustite aplikáciu kliknutím na zelené tlačidlo prehrávania v hornej časti okna Visual Studio.
Aplikácia za behu štandardne skryje tlačidlá pre každú z troch tém.
Klikni na Témy tlačidlo na prepínanie tém, ktoré sa majú zobraziť. Môžete pokračovať v stláčaní tlačidla Témy tlačidlo na prepnutie ich viditeľnosti.

Ako spravovať svoje témy

Vytvorte slovníky pre každú tému na uloženie rôznych farieb, ktoré bude používať. Je to preto, aby ste si všetky farby motívu uložili na jedno miesto pre prípad, že by ste ich potrebovali použiť viackrát. Uľahčí to aj to, ak chcete v budúcnosti aktualizovať tému novými farbami.

V hornej časti predvolenej položky Form1.cs C# súbor a vo vnútri Formulár triedy, vytvorte globálny enum. Tento zoznam uloží rôzne typy farieb, ktoré použijete v téme.
```
enum ThemeColor 
{ 
    Primary, 
    Secondary, 
    Tertiary, 
    Text 
}  
```

Dole deklarujte tri globálne slovníky, jeden pre každú z troch tém. Môžete si prečítať viac o slovníkoch, ak neviete, ako používať a slovník v C# .

Dictionary<ThemeColor, Color> Light = new Dictionary<ThemeColor, Color>(); 
Dictionary<ThemeColor, Color> Nature = new Dictionary<ThemeColor, Color>(); 
Dictionary<ThemeColor, Color> Dark = new Dictionary<ThemeColor, Color>();

Vo vnútri konštruktora inicializujte slovníky. Pridajte hodnoty pre rôzne farby, ktoré bude každý motív používať.

public Form1() 
{ 
    InitializeComponent(); 
    // Add dictionaries here 
    Light = new Dictionary<ThemeColor, Color>() { 
        { ThemeColor.Primary, Color.WhiteSmoke }, 
        { ThemeColor.Secondary, Color.Silver }, 
        { ThemeColor.Tertiary, Color.White }, 
        { ThemeColor.Text, Color.Black } 
    }; 
    Nature = new Dictionary<ThemeColor, Color>() { 
        { ThemeColor.Primary, Color.DarkSeaGreen }, 
        { ThemeColor.Secondary, Color.AliceBlue }, 
        { ThemeColor.Tertiary, Color.Honeydew }, 
        { ThemeColor.Text, Color.Black } 
    }; 
    Dark = new Dictionary<ThemeColor, Color>() { 
        { ThemeColor.Primary, Color.DimGray }, 
        { ThemeColor.Secondary, Color.DimGray }, 
        { ThemeColor.Tertiary, Color.Black }, 
        { ThemeColor.Text, Color.White } 
    }; 
}

Ako zmeniť tému

Vytvorte funkcie na správu témy aplikácie. Tieto funkcie zmenia farbu pozadia alebo farbu textu prvkov používateľského rozhrania na plátne.

Vytvorte novú funkciu s názvom Zmeniť tému() . Funkcia vezme farby pre tému ako argumenty.

Vo vnútri funkcie zmeňte vlastnosti farby pozadia prvkov používateľského rozhrania. Nové farby pozadia budú používať farby pre vybranú tému.

private void ChangeTheme(Color primaryColor, Color secondaryColor, Color tertiaryColor) 
{ 
    // Change background color of buttons 
    btnThemeSettings.BackColor = primaryColor; 
    button1.BackColor = primaryColor; 
    button2.BackColor = secondaryColor; 
    button3.BackColor = secondaryColor; 
    this.BackColor = tertiaryColor; 
}

Vytvorte novú funkciu s názvom ChangeTextColor() . Môžete to použiť na zmenu farby textu medzi tmavou a svetlou. Tým sa zabezpečí, že text na tmavom pozadí bude stále čitateľný.

private void ChangeTextColor(Color textColor) 
{ 
    // Change color of text 
    button1.ForeColor = textColor; 
    button2.ForeColor = textColor; 
    button3.ForeColor = textColor; 
    label1.ForeColor = textColor; 
    btnThemeSettings.ForeColor = textColor; 
}

Z návrhára dvakrát kliknite na ovládací prvok tlačidla 'Svetlo'. Tým sa otvorí súbor s kódom na pozadí a vygeneruje sa obsluha udalosti, keď používateľ klikne na tlačidlo.

Vo vnútri obslužného programu udalosti použite Zmeniť tému() a ChangeTextColor() funkcie. Zadajte farby, ktoré téma používa. Tieto farby môžete získať zo slovníka tém „Svetlo“.

private void btnLightTheme_Click(object sender, EventArgs e) 
{ 
    ChangeTheme(Light[ThemeColor.Primary], Light[ThemeColor.Secondary], Light[ThemeColor.Tertiary]); 
    ChangeTextColor(Light[ThemeColor.Text]); 
}

Vráťte sa k návrhárovi a kliknite na tlačidlá „Príroda“ a „Tma“. Použi Zmeniť tému() a ChangeTextColor() funguje aj vo svojich obslužných programoch udalostí.

private void btnNatureTheme_Click(object sender, EventArgs e) 
{ 
    ChangeTheme(Nature[ThemeColor.Primary], Nature[ThemeColor.Secondary], Nature[ThemeColor.Tertiary]); 
    ChangeTextColor(Nature[ThemeColor.Text]); 
} 
private void btnDarkTheme_Click(object sender, EventArgs e) 
{ 
    ChangeTheme(Dark[ThemeColor.Primary], Dark[ThemeColor.Secondary], Dark[ThemeColor.Tertiary]); 
    ChangeTextColor(Dark[ThemeColor.Text]); 
}

V predvolenom nastavení by mala byť téma nastavená na tému „Svetlá“, keď používateľ prvýkrát otvorí aplikáciu. V konštruktore pod slovníkmi použite Zmeniť tému() a ChangeTextColor() funkcie.
```
ChangeTheme(Light[ThemeColor.Primary], Light[ThemeColor.Secondary], Light[ThemeColor.Tertiary]); 
ChangeTextColor(Light[ThemeColor.Text]);
```
Spustite aplikáciu kliknutím na zelené tlačidlo prehrávania v hornej časti okna Visual Studio.
Aplikácia v predvolenom nastavení používa tému „Svetlo“ a na ovládacie prvky používateľského rozhrania aplikuje sivú farebnú schému. Prepnutím tlačidla tém zobrazíte zoznam tém.
Kliknite na tému Príroda.
Kliknite na temnú tému.

Vytváranie aplikácií pomocou Windows Forms

Mnoho aplikácií umožňuje používateľovi prepínať medzi viacerými témami. Do aplikácie Windows Forms môžete pridať motívy vytvorením možností, ktoré si môže používateľ vybrať.

Keď používateľ klikne na motív, môžete zmeniť farbu pozadia, text alebo akékoľvek iné vlastnosti tak, aby zodpovedali farbám použitým vo vybranom motíve.

raspberry pi pri spustení spustí skript

Farby pre každú z tém používajú vstavané farby Visual Studio. Budete musieť použiť správnu farebnú schému, aby ste používateľom poskytli lepší zážitok. Môžete sa dozvedieť viac o rôznych spôsoboch výberu farebnej schémy pre vašu aplikáciu.

názov	btnThemeSettings
FlatStyle	Plochý
Veľkosť	200, 120
Text	Témy