Motīvi ir lielisks veids, kā ļaut lietotājiem pielāgot jūsu lietojumprogrammu, pārāk neiejaucoties konkrētās detaļās.
Mūsdienu lietojumprogrammās parasti ir iespēja pārslēgties starp dažādām tēmām. Piemēram, dažas lietojumprogrammas ļauj pārslēgties starp gaišo vai tumšo motīvu, savukārt citās var būt vairāk motīvu.
Windows Forms ir lietotāja saskarnes ietvars, kas ļauj izveidot darbvirsmas lietojumprogrammas. Motīvus var ieviest Windows veidlapas lietotnē, izveidojot katrai tēmai atlasāmas pogas.
Kad lietotājs atlasa motīvu, varat mainīt katra elementa fona krāsu vai teksta krāsas rekvizītus, lai tas atbilstu atlasītajam motīvam.
Kā iestatīt Windows veidlapas projektu
Vispirms izveidojiet jaunu Windows veidlapas lietotni. Aizpildiet jauno projektu ar dažām pamata vadīklām, piemēram, pogām un etiķetēm.
- Izveidot a jaunā Windows Forms lietojumprogramma programmā Visual Studio.
- Jaunajā projektā izmantojiet rīklodziņu, lai meklētu pogas vadīklu.
- Izvēlieties pogu vadība un velciet to uz audekla. Pievienojiet pavisam trīs pogu vadīklas.
- Izmantojot rīklodziņu, noklikšķiniet un velciet a etiķetes kontrole uz audekla. Novietojiet etiķeti zem pogām.
- Izveidojiet pogu un etiķešu stilu, izmantojot rekvizītu logu. Mainiet rekvizītus uz šādiem:
Kontrole Īpašuma nosaukums Jauna vērtība poga 1 Izmērs 580, 200 FlatStyle Plakans Teksts Lietotāji poga 2 Izmērs 580, 100 FlatStyle Plakans Teksts Konti poga 3 Izmērs 580, 100 FlatStyle Plakans Teksts Atļaujas etiķete1 Teksts Autortiesības 2022
Kā izveidot iestatījumu pogu un motīvu sarakstu
Lai vienkārša motīvu izvēlne darbotos, izveidojiet vairākas pogas, kas attēlo katru motīvu. Lietojumprogrammā būs iekļautas trīs tēmas: tēma "Gaišais", "Daba" un "Tumšais".
- Pievienojiet audeklam citu pogas vadīklu, lai attēlotu iestatījumu (vai Motīvu) pogu.
- Mainiet šīs pogas rekvizītus uz šādiem:
Īpašuma nosaukums Jauna vērtība Vārds btnThemeSettings FlatStyle Plakans Izmērs 200, 120 Teksts Tēmas - Velciet uz audekla vēl trīs pogas. Šīs pogas attēlos trīs dažādas tēmas. Mainiet katras pogas rekvizītus uz šādu:
Kontrole Īpašuma nosaukums Jauna vērtība 1. poga Vārds btnLight Theme BackColor WhiteSmoke Izmērs 200, 80 FlatStyle Plakans Teksts Gaisma Redzams Nepatiesi 2. poga Vārds btnDabas tēma BackColor tumši jūras zaļš Izmērs 200, 80 FlatStyle Plakans Teksts Daba Redzams Nepatiesi 3. poga Vārds btnDarkTheme BackColor DimGray ForeColor Balts Izmērs 200, 80 FlatStyle Plakans Teksts Tumšs Redzams Nepatiesi - Veiciet dubultklikšķi uz Tēmas pogu. Tādējādi tiks izveidota metode, kā apstrādāt notikumu “noklikšķinot”. Metode darbosies, kad lietotājs noklikšķinās uz šīs pogas.
- Pēc noklusējuma motīvi "Gaišais", "Daba" un "Tumšs" nebūs redzami. Funkcijā pievienojiet funkcionalitāti, lai pārslēgtu pogu redzamību, lai parādītu vai paslēptu.
PrivātsnederīgsbtnThemeSettings_Click(objekta sūtītājs, EventArgs e)
{
btnDabas tēma. Redzams = !btnNatureTheme. Redzams;
btnLight Theme. Redzams = !btnLightTheme. Redzams;
btnDarkTheme. Redzams = !btnDarkTheme. Redzams;
} - Palaidiet lietojumprogrammu, noklikšķinot uz zaļās atskaņošanas pogas Visual Studio loga augšdaļā.
- Izpildes laikā lietojumprogramma pēc noklusējuma paslēps pogas katram no trim motīviem.
- Noklikšķiniet uz Tēmas pogu, lai pārslēgtu rādāmos motīvus. Varat turpināt nospiest Tēmas pogu, lai pārslēgtu to redzamību.
Kā pārvaldīt savus motīvus
Katrai tēmai izveidojiet vārdnīcas, lai saglabātu dažādās krāsas, kuras tā izmantos. Tas ir tāpēc, lai jūs saglabātu visas motīvu krāsas vienuviet, ja jums tās būtu jāizmanto vairākas reizes. Tas arī atvieglo darbu, ja vēlaties nākotnē atjaunināt motīvu ar jaunām krāsām.
- Noklusējuma augšdaļā Veidlapa1.cs C# failā un iekšpusē Veidlapa klasē, izveidojiet globālu sarakstu. Šajā sarakstā tiks saglabāti dažādi krāsu veidi, ko izmantosit motīvā.
enum Motīva krāsa
{
Primārs,
sekundārais,
terciārais,
Teksts
} - Zemāk norādiet trīs globālās vārdnīcas, pa vienai katrai no trim tēmām. Varat lasīt vairāk par vārdnīcām, ja nezināt, kā lietot a vārdnīca C# valodā.
Vārdnīca<Tēma Krāsa, Krāsa> Gaisma = jauna vārdnīca<Tēma Krāsa, Krāsa>();
Vārdnīca<Tēma Krāsa, Krāsa> Daba = jauna vārdnīca<Tēma Krāsa, Krāsa>();
Vārdnīca<Tēma Krāsa, Krāsa> Tumšs = jauna vārdnīca<Tēma Krāsa, Krāsa>(); - Konstruktora iekšpusē inicializējiet vārdnīcas. Pievienojiet vērtības dažādām krāsām, kuras izmantos katrs motīvs.
publiski 1. veidlapa()
{
InitializeComponent();
// Šeit pievienojiet vārdnīcas
Gaisma = jauna vārdnīca<Tēma Krāsa, Krāsa>() {
{ ThemeColor. Primārais, Krāsains. WhiteSmoke},
{ ThemeColor. Sekundārā, krāsa. Sudrabs },
{ ThemeColor. Terciārais, krāsains. balts},
{ ThemeColor. Teksts, krāsa. melns }
};
Daba = jauna vārdnīca<Tēma Krāsa, Krāsa>() {
{ ThemeColor. Primārais, Krāsains. tumši jūras zaļš},
{ ThemeColor. Sekundārā, krāsa. AliseBlue},
{ ThemeColor. Terciārais, krāsains. Medusrasa},
{ ThemeColor. Teksts, krāsa. melns }
};
Tumšs = jauna vārdnīca<Tēma Krāsa, Krāsa>() {
{ ThemeColor. Primārais, Krāsains. DimGray },
{ ThemeColor. Sekundārā, krāsa. DimGray },
{ ThemeColor. Terciārais, krāsains. melns},
{ ThemeColor. Teksts, krāsa. Balts }
};
}
Kā nomainīt motīvu
Izveidojiet funkcijas, lai pārvaldītu lietojumprogrammas motīvu. Šīs funkcijas mainīs audekla lietotāja interfeisa elementu fona krāsu vai teksta krāsu.
- Izveidojiet jaunu funkciju ar nosaukumu Mainīt tēmu(). Funkcija izmantos motīva krāsas kā argumentus.
- Funkcijā mainiet lietotāja interfeisa elementu fona krāsu īpašības. Jaunajās fona krāsās tiks izmantotas atlasītā motīva krāsas.
PrivātsnederīgsMainīt tēmu(Krāsa primārā krāsa, Krāsa SecondaryColor, Krāsa tertiaryColor)
{
// Mainiet pogu fona krāsu
btnThemeSettings. BackColor = primārā krāsa;
poga1.BackColor = primārā krāsa;
poga2.BackColor = SecondColor;
poga3.BackColor = SecondColor;
šis.BackColor = tertiaryColor;
} - Izveidojiet jaunu funkciju ar nosaukumu Mainīt teksta krāsu(). Varat to izmantot, lai mainītu teksta krāsu no tumšas uz gaišu. Tas ir paredzēts, lai teksts uz tumša fona joprojām būtu lasāms.
PrivātsnederīgsMainīt Teksta krāsu(Krāsu teksta krāsa)
{
// Mainīt krāsa notekstu
poga1.ForeColor = textColor;
poga2.ForeColor = textColor;
poga3.ForeColor = textColor;
etiķete1.ForeColor = textColor;
btnThemeSettings. ForeColor = textColor;
} - No dizainera veiciet dubultklikšķi uz pogas "Gaisma" vadīklas. Tas atvērs aiz koda esošo failu un ģenerēs notikumu apstrādātāju, kad lietotājs noklikšķina uz pogas.
- Notikumu apstrādātājā izmantojiet Mainīt tēmu() un Mainīt teksta krāsu() funkcijas. Ievadiet motīvā izmantotās krāsas. Šīs krāsas varat izgūt no tēmu vārdnīcas "Gaiša".
PrivātsnederīgsbtnLightTheme_Click(objekta sūtītājs, EventArgs e)
{
Mainīt tēmu(Gaisma[ThemeColor. Primārs], Gaisma[ThemeColor. sekundārais], Gaisma[ThemeColor. terciārais]);
Mainīt Teksta krāsu(Gaisma[ThemeColor. Teksts]);
} - Atgriezieties pie dizainera un noklikšķiniet uz pogām "Daba" un "Tumšs". Izmantojiet Mainīt tēmu() un Mainīt teksta krāsu() funkcijas arī savos notikumu apstrādātājos.
PrivātsnederīgsbtnNatureTheme_Click(objekta sūtītājs, EventArgs e)
{
Mainīt tēmu(Daba[ThemeColor. Primārs], Daba[ThemeColor. sekundārais], Daba[ThemeColor. terciārais]);
Mainīt Teksta krāsu(Daba[ThemeColor. Teksts]);
}
PrivātsnederīgsbtnDarkTheme_Click(objekta sūtītājs, EventArgs e)
{
Mainīt tēmu(Tumšs[ThemeColor. Primārs], Tumšs[ThemeColor. sekundārais], Tumšs[ThemeColor. terciārais]);
Mainīt Teksta krāsu(Tumšs[ThemeColor. Teksts]);
} - Pēc noklusējuma motīvam ir jābūt iestatītam uz motīvu “Vieglais”, kad lietotājs pirmo reizi atver lietotni. Konstruktorā zem vārdnīcām izmantojiet Mainīt tēmu() un Mainīt teksta krāsu() funkcijas.
Mainīt tēmu(Gaisma[ThemeColor. Primārs], Gaisma[ThemeColor. sekundārais], Gaisma[ThemeColor. terciārais]);
Mainīt Teksta krāsu(Gaisma[ThemeColor. Teksts]); - Palaidiet lietojumprogrammu, noklikšķinot uz zaļās atskaņošanas pogas Visual Studio loga augšdaļā.
- Pēc noklusējuma lietojumprogramma izmanto motīvu "Gaišs" un lietotāja saskarnes vadīklām izmanto pelēko krāsu shēmu. Pārslēdziet motīvu pogu, lai skatītu motīvu sarakstu.
- Noklikšķiniet uz dabas tēmas.
- Noklikšķiniet uz tumšās tēmas.
Lietojumprogrammu izveide, izmantojot Windows veidlapas
Daudzas lietojumprogrammas ļauj lietotājam pārslēgties starp vairākiem motīviem. Motīvus varat pievienot lietojumprogrammai Windows Forms, izveidojot opcijas, ko lietotājs var izvēlēties.
Kad lietotājs noklikšķina uz motīva, varat mainīt fona krāsu, tekstu vai citus rekvizītus, lai tie atbilstu atlasītajā motīvā izmantotajām krāsām.
Katras tēmas krāsās tiek izmantotas Visual Studio iebūvētās krāsas. Lai lietotājiem sniegtu labāku pieredzi, jums būs jāizmanto pareiza krāsu shēma. Varat uzzināt vairāk par dažādiem veidiem, kā izvēlēties lietotnes krāsu shēmu.