{"id":270941,"date":"2023-02-14T12:02:00","date_gmt":"2023-02-14T09:02:00","guid":{"rendered":"https:\/\/howto.mediadoma.com\/?p=270941"},"modified":"2025-03-14T10:59:28","modified_gmt":"2025-03-14T07:59:28","slug":"winforms-come-aggiungere-piu-temi-alla-tua-applicazione","status":"publish","type":"post","link":"https:\/\/howto.mediadoma.com\/it\/winforms-come-aggiungere-piu-temi-alla-tua-applicazione\/","title":{"rendered":"WinForms: come aggiungere pi\u00f9 temi alla tua applicazione"},"content":{"rendered":"

I temi sono un ottimo modo per consentire ai tuoi utenti di personalizzare la tua applicazione senza dover essere troppo coinvolti in dettagli specifici.<\/p>\n

\u00c8 comune per le applicazioni moderne avere un’opzione per passare da un tema all’altro. Ad esempio, alcune applicazioni ti consentono di passare da un tema chiaro a un tema scuro, mentre altre potrebbero avere pi\u00f9 scelte di temi.<\/p>\n

Windows Forms \u00e8 un framework dell’interfaccia utente che consente di creare applicazioni desktop. Puoi implementare temi in un’app Windows Form creando pulsanti selezionabili per ogni tema.<\/p>\n

Quando l’utente seleziona un tema, \u00e8 possibile modificare il colore di sfondo o le propriet\u00e0 del colore del testo di ciascun elemento in modo che corrisponda al tema selezionato.<\/p>\n

Come impostare il progetto Windows Form<\/h2>\n

Innanzitutto, crea una nuova app per moduli Windows. Popolare il nuovo progetto con alcuni controlli di base, come pulsanti ed etichette.<\/p>\n

    \n
  1. \n

    Crea una nuova applicazione Windows Forms<\/a> in Visual Studio.<\/p>\n<\/li>\n

  2. \n

    Nel nuovo progetto, utilizzare la casella degli strumenti per cercare un controllo pulsante.<\/p>\n

    \"WinForms:<\/a>\n<\/li>\n

  3. \n

    Seleziona il controllo pulsante<\/strong> e trascinalo sulla tela. Aggiungi un totale di tre pulsanti di controllo.<\/p>\n

    \"WinForms:<\/a>\n<\/li>\n

  4. \n

    Utilizzando la casella degli strumenti, fare clic e trascinare un controllo etichetta<\/strong> sull’area di disegno. Posiziona l’etichetta sotto i pulsanti.<\/p>\n

    \"WinForms:<\/a>\n<\/li>\n

  5. \n

    Dai uno stile ai pulsanti e alle etichette utilizzando la finestra delle propriet\u00e0. Modificare le propriet\u00e0 come segue:<\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
    Controllo<\/th>\nNome della propriet\u00e0<\/th>\nNuovo valore<\/th>\n<\/tr>\n<\/thead>\n
    pulsante1<\/strong><\/td>\nDimensione<\/td>\n580, 200<\/td>\n<\/tr>\n
    Stile piatto<\/td>\nAppartamento<\/td>\n<\/tr>\n
    Testo<\/td>\nUtenti<\/td>\n<\/tr>\n
    pulsante2<\/strong><\/td>\nDimensione<\/td>\n580, 100<\/td>\n<\/tr>\n
    Stile piatto<\/td>\nAppartamento<\/td>\n<\/tr>\n
    Testo<\/td>\nConti<\/td>\n<\/tr>\n
    pulsante 3<\/strong><\/td>\nDimensione<\/td>\n580, 100<\/td>\n<\/tr>\n
    Stile piatto<\/td>\nAppartamento<\/td>\n<\/tr>\n
    Testo<\/td>\nPermessi<\/td>\n<\/tr>\n
    etichetta1<\/strong><\/td>\nTesto<\/td>\nDiritto d’autore 2022<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

    \"WinForms:<\/a>\n<\/li>\n<\/ol>\n

    Come creare il pulsante Impostazioni e l’elenco dei temi<\/h2>\n

    Affinch\u00e9 un semplice menu di temi funzioni, crea pi\u00f9 pulsanti per rappresentare ogni tema. L’applicazione includer\u00e0 tre temi, un tema "Luce", un tema "Natura" e un tema "Scuro".<\/p>\n

      \n
    1. \n

      Aggiungi un altro controllo pulsante all’area di disegno per rappresentare il pulsante delle impostazioni (o "Temi").<\/p>\n<\/li>\n

    2. \n

      Modificare le propriet\u00e0 di questo pulsante come segue:<\/p>\n\n\n\n\n\n\n\n\n
      Nome della propriet\u00e0<\/th>\nNuovo valore<\/th>\n<\/tr>\n<\/thead>\n
      Nome<\/td>\nbtnThemeSettings<\/td>\n<\/tr>\n
      Stile piatto<\/td>\nAppartamento<\/td>\n<\/tr>\n
      Dimensione<\/td>\n200, 120<\/td>\n<\/tr>\n
      Testo<\/td>\nTemi<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

      \"WinForms:<\/a>\n<\/li>\n

    3. \n

      Trascina altri tre pulsanti sulla tela. Questi pulsanti rappresenteranno i tre diversi temi. Modificare le propriet\u00e0 di ciascuno dei pulsanti come segue:<\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
      Controllo<\/th>\nNome della propriet\u00e0<\/th>\nNuovo valore<\/th>\n<\/tr>\n<\/thead>\n
      1\u00b0 bottone<\/strong><\/td>\nNome<\/td>\nbtnLightTheme<\/td>\n<\/tr>\n
      Colore di sfondo<\/td>\nFumo bianco<\/td>\n<\/tr>\n
      Dimensione<\/td>\n200, 80<\/td>\n<\/tr>\n
      Stile piatto<\/td>\nAppartamento<\/td>\n<\/tr>\n
      Testo<\/td>\nLuce<\/td>\n<\/tr>\n
      Visibile<\/td>\nFalso<\/td>\n<\/tr>\n
      2\u00b0 bottone<\/strong><\/td>\nNome<\/td>\nbtnNatureTheme<\/td>\n<\/tr>\n
      Colore di sfondo<\/td>\nDarkSeaGreen<\/td>\n<\/tr>\n
      Dimensione<\/td>\n200, 80<\/td>\n<\/tr>\n
      Stile piatto<\/td>\nAppartamento<\/td>\n<\/tr>\n
      Testo<\/td>\nNatura<\/td>\n<\/tr>\n
      Visibile<\/td>\nFalso<\/td>\n<\/tr>\n
      3\u00b0 bottone<\/strong><\/td>\nNome<\/td>\nbtnDarkTheme<\/td>\n<\/tr>\n
      Colore di sfondo<\/td>\nGrigio scuro<\/td>\n<\/tr>\n
      Colore anteriore<\/td>\nBianco<\/td>\n<\/tr>\n
      Dimensione<\/td>\n200, 80<\/td>\n<\/tr>\n
      Stile piatto<\/td>\nAppartamento<\/td>\n<\/tr>\n
      Testo<\/td>\nScuro<\/td>\n<\/tr>\n
      Visibile<\/td>\nFalso<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

      \"WinForms:<\/a>\n<\/li>\n

    4. \n

      Fare doppio clic sul pulsante Temi<\/strong>. Questo creer\u00e0 un metodo per gestire l’evento "al clic". Il metodo verr\u00e0 eseguito quando l’utente fa clic su questo pulsante.<\/p>\n<\/li>\n

    5. \n

      Per impostazione predefinita, i temi "Chiaro", "Natura" e "Scuro" non saranno visibili. All’interno della funzione, aggiungi la funzionalit\u00e0 per attivare o disattivare la visibilit\u00e0 dei pulsanti da mostrare o nascondere.<\/p>\n

      private void btnThemeSettings_Click(object sender, EventArgs e){    btnNatureTheme.Visible = !btnNatureTheme.Visible;    btnLightTheme.Visible = !btnLightTheme.Visible;    btnDarkTheme.Visible = !btnDarkTheme.Visible;}<\/code><\/pre>\n<\/li>\n
    6. \n
      Eseguire l’applicazione facendo clic sul pulsante di riproduzione verde nella parte superiore della finestra di Visual Studio.<\/p>\n
      \"WinForms:<\/a>\n<\/li>\n
    7. \n
      In fase di esecuzione, l’applicazione nasconder\u00e0 i pulsanti per ciascuno dei tre temi per impostazione predefinita.<\/p>\n
      \"WinForms:<\/a>\n<\/li>\n
    8. \n
      Fare clic sul pulsante Temi<\/strong> per alternare i temi da mostrare. Puoi continuare a premere il pulsante Temi<\/strong> per alternare la loro visibilit\u00e0.<\/p>\n
      \"WinForms:<\/a>\n<\/li>\n<\/ol>\n
      Come gestire i tuoi temi<\/h2>\n
      Crea dizionari per ogni tema per memorizzare i diversi colori che utilizzer\u00e0. Questo \u00e8 cos\u00ec che memorizzi tutti i colori del tuo tema in un unico posto, nel caso in cui dovessi usarli pi\u00f9 volte. Inoltre, semplifica l’aggiornamento di un tema con nuovi colori in futuro.<\/p>\n
        \n
      1. \n
        Nella parte superiore del file C# Form1.cs predefinito e all’interno della classe<\/strong> Form<\/strong>, creare un’enumerazione globale. Questa enum memorizzer\u00e0 i diversi tipi di colori che utilizzerai in un tema.<\/p>\n
        enum ThemeColor{    Primary,    Secondary,    Tertiary,    Text}  <\/code><\/pre>\n<\/li>\n
      2. \n
        Sotto, dichiara tre dizionari globali, uno per ciascuno dei tre temi. Puoi leggere di pi\u00f9 sui dizionari se non hai dimestichezza con l’uso di un dizionario in C#<\/a>.<\/p>\n
        Dictionary<ThemeColor, Color> Light = new Dictionary<ThemeColor, Color>();Dictionary<ThemeColor, Color> Nature = new Dictionary<ThemeColor, Color>();Dictionary<ThemeColor, Color> Dark = new Dictionary<ThemeColor, Color>();<\/code><\/pre>\n<\/li>\n
      3. \n
        All’interno del costruttore, inizializza i dizionari. Aggiungi valori per i diversi colori che utilizzer\u00e0 ogni tema.<\/p>\n
        public Form1(){    InitializeComponent();        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 }    };}<\/code><\/pre>\n<\/li>\n<\/ol>\n
        Come cambiare il tema<\/h2>\n
        Crea funzioni per gestire il tema dell’applicazione. Queste funzioni cambieranno il colore di sfondo o il colore del testo degli elementi dell’interfaccia utente sull’area di disegno.<\/p>\n
          \n
        1. \n
          Crea una nuova funzione chiamata ChangeTheme()<\/strong>. La funzione prender\u00e0 i colori per un tema come argomenti.<\/p>\n<\/li>\n
        2. \n
          All’interno della funzione, cambia le propriet\u00e0 del colore di sfondo degli elementi dell’interfaccia utente. I nuovi colori di sfondo utilizzeranno i colori per il tema selezionato.<\/p>\n
          private void ChangeTheme(Color primaryColor, Color secondaryColor, Color tertiaryColor){        btnThemeSettings.BackColor = primaryColor;    button1.BackColor = primaryColor;    button2.BackColor = secondaryColor;    button3.BackColor = secondaryColor;    this.BackColor = tertiaryColor;}<\/code><\/pre>\n<\/li>\n
        3. \n
          Crea una nuova funzione chiamata ChangeTextColor()<\/strong>. Puoi usarlo per cambiare il colore del testo tra scuro e chiaro. Questo per garantire che il testo su uno sfondo scuro sia ancora leggibile.<\/p>\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;}<\/code><\/pre>\n<\/li>\n
        4. \n
          Dal designer, fai doppio clic sul controllo del pulsante "Luce". Questo aprir\u00e0 il file code-behind e generer\u00e0 un gestore di eventi per quando l’utente fa clic sul pulsante.<\/p>\n<\/li>\n
        5. \n
          All’interno del gestore di eventi, utilizzare le funzioni ChangeTheme()<\/strong> e ChangeTextColor()<\/strong>. Immettere i colori utilizzati dal tema. Puoi recuperare questi colori dal dizionario dei temi "Luce".<\/p>\n
          private void btnLightTheme_Click(object sender, EventArgs e){    ChangeTheme(Light[ThemeColor.Primary], Light[ThemeColor.Secondary], Light[ThemeColor.Tertiary]);    ChangeTextColor(Light[ThemeColor.Text]);}<\/code><\/pre>\n<\/li>\n
        6. \n
          Torna al designer e fai clic sui pulsanti "Natura" e "Scuro". Utilizzare anche le funzioni ChangeTheme()<\/strong> e ChangeTextColor()<\/strong> nei rispettivi gestori di eventi.<\/p>\n
          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]);}<\/code><\/pre>\n<\/li>\n
        7. \n
          Per impostazione predefinita, il tema deve essere impostato sul tema "Leggero" quando l’utente apre l’app per la prima volta. Nel costruttore, sotto i dizionari, usa le funzioni ChangeTheme()<\/strong> e ChangeTextColor()<\/strong>.<\/p>\n
          ChangeTheme(Light[ThemeColor.Primary], Light[ThemeColor.Secondary], Light[ThemeColor.Tertiary]);ChangeTextColor(Light[ThemeColor.Text]);<\/code><\/pre>\n<\/li>\n
        8. \n
          Eseguire l’applicazione facendo clic sul pulsante di riproduzione verde nella parte superiore della finestra di Visual Studio.<\/p>\n<\/li>\n
        9. \n
          Per impostazione predefinita, l’applicazione utilizza il tema "Chiaro" e applica la combinazione di colori grigi ai controlli dell’interfaccia utente. Attiva o disattiva il pulsante dei temi per visualizzare l’elenco dei temi.<\/p>\n
          \"WinForms:<\/a>\n<\/li>\n
        10. \n
          Fare clic sul tema Natura.<\/p>\n
          \"WinForms:<\/a>\n<\/li>\n
        11. \n
          Fare clic sul tema Scuro.<\/p>\n
          \"WinForms:<\/a>\n<\/li>\n<\/ol>\n
          Creazione di applicazioni utilizzando Windows Form<\/h2>\n
          Molte applicazioni consentono all’utente di passare da un tema all’altro. Puoi aggiungere temi a un’applicazione Windows Forms creando opzioni che l’utente pu\u00f2 selezionare.<\/p>\n
          Quando l’utente fa clic su un tema, \u00e8 possibile modificare il colore di sfondo, il testo o qualsiasi altra propriet\u00e0 in modo che corrisponda ai colori utilizzati nel tema selezionato.<\/p>\n
          I colori per ciascuno dei temi usano i colori predefiniti di Visual Studio. Dovrai utilizzare una combinazione di colori adeguata per offrire agli utenti un’esperienza migliore. Puoi saperne di pi\u00f9 sui diversi modi in cui puoi scegliere una combinazione di colori per la tua app.<\/p>\n
          Fonte di registrazione:  www.makeuseof.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
          I temi sono un ottimo modo per consentire ai tuoi utenti di personalizzare la tua applicazione senza dover essere troppo coinvolti in dettagli specifici.<\/p>\n","protected":false},"author":1,"featured_media":232341,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[2936],"tags":[3059],"class_list":["post-270941","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-programmazione","tag-affiai-it"],"_links":{"self":[{"href":"https:\/\/howto.mediadoma.com\/it\/wp-json\/wp\/v2\/posts\/270941","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/howto.mediadoma.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/howto.mediadoma.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/it\/wp-json\/wp\/v2\/comments?post=270941"}],"version-history":[{"count":1,"href":"https:\/\/howto.mediadoma.com\/it\/wp-json\/wp\/v2\/posts\/270941\/revisions"}],"predecessor-version":[{"id":307303,"href":"https:\/\/howto.mediadoma.com\/it\/wp-json\/wp\/v2\/posts\/270941\/revisions\/307303"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/it\/wp-json\/wp\/v2\/media\/232341"}],"wp:attachment":[{"href":"https:\/\/howto.mediadoma.com\/it\/wp-json\/wp\/v2\/media?parent=270941"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/howto.mediadoma.com\/it\/wp-json\/wp\/v2\/categories?post=270941"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/howto.mediadoma.com\/it\/wp-json\/wp\/v2\/tags?post=270941"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}