Adattare un’app WP7.x a device con schermi grandi… 2a parte :-)

Share on:

Dopo aver mostrato come adattare un’app WP7 a device come il Lumia 1520, ho deciso di lavorare sull’eliminare il più possibile la barra nera quando sul telefono è selezionato il tema bianco.

Con il tema nero il risultato è accettabile, mentre col tema bianco no:

wp_ss_20140122_0005wp_ss_20140122_0003

Per avere un risultato accettabile col tema bianco ho smanettato un po’, e alla fine ho visto che abilitando la SystemTray questa veniva del colore del tema, e la barra nera diventava bianca, tra la tray e il resto dello schermo.

Non mi piaceva però la dimensione del buco, per cui ho tolto il titolo dell’app, per recuperare un po’ di spazio e mantenere le proporzioni, sistemando un po’ anche i margini. Questo è il risultato:

wp_ss_20140122_0006

L’unica accortezza è di impostare la SystemTray dentro la OnNavigatedTo:

if (Utility.IsBigScreen)
            {
               …

if (Utility.CurrentTheme == Theme.Light)
                {
                    ApplicationTitle.Visibility = Visibility.Collapsed;
                    TitlePanel.Margin = new Thickness(6, 0, 0, 0);
                    PageTitle.Margin = new Thickness(9, -25, 0, 0);
                    SystemTray.IsVisible = true;
                }
            }

Naturalmente ho messo lo stesso codice in tutte le pagine e tutto funziona bene.

Sicuramente c’è un modo migliore per farlo , visto che ad esempio il CustomMessageBox del Phone Toolkit è in grado di “colorare” la barra di grigio senza abilitare la Tray… Qualcuno ha voglia di guardarci dentro? 😊

Post originale