Dynamic Styles – part 2

In the last post we saw we could change the skin of the application without reloading the app. what is missing is when the user opens the app the next time, it doesnt remember the last theme selected. To start the app with the last selected theme when the user runs the app again is quite easy

We need to make the changes only in couple of places.

In Page.xaml.cs, before we clear the ApplciationSettings, we get the theme we stored, if it is there and after we load all our themes we default to the one we got from ApplicationSettings. When the user changes the Theme we save it in the ThemeChanged eventhandler.

The modified version of the code in Page.xaml.cs is below

 public Page()
        {
            string currentTheme = “DefaultTheme”;
           
            if (IsolatedStorageSettings.ApplicationSettings.Contains(“CurrentTheme”))
                currentTheme = IsolatedStorageSettings.ApplicationSettings[“CurrentTheme”] as string;

            IsolatedStorageSettings.ApplicationSettings.Clear();
            IsolatedStorageSettings.ApplicationSettings.Add(“CurrentTheme”, currentTheme);

            GetThemes(“Default”);
            GetThemes(“Red”);
            GetThemes(“Flat”);
            InitializeComponent();
            LayoutRoot.Background = App.Current.Resources[“BkgBrush”] as SolidColorBrush;

            ThemeSelection ts = new ThemeSelection(currentTheme);
            cc2.Content = ts;
            ts.ThemeChanged += new ThemeSelection.ThemeChangedEventHandler(ts_ThemeChanged);
            MainContent mc = new MainContent();
            cc1.Content = mc;
                    
        }

 void ts_ThemeChanged(object sender, ThemeChangedEventArgs e)
        {           
            ThemeSelection ts = new ThemeSelection(e.Theme);
            IsolatedStorageSettings.ApplicationSettings[“CurrentTheme”] = e.Theme;
            cc2.Content = ts;
            MainContent mc = new MainContent();
            cc1.Content = mc;
            ts.ThemeChanged += new ThemeSelection.ThemeChangedEventHandler(ts_ThemeChanged);
            LayoutRoot.Background = App.Current.Resources[“BkgBrush”] as SolidColorBrush;
        }

 

With these changes in place, when the user runs the application, it shows up with the theme where he left the last time