Click here to Skip to main content
15,124,861 members
Articles / Mobile Apps
Technical Blog
Posted 14 Sep 2014

Stats

6.9K views
3 bookmarked

Programmatically Changing UI Language in Windows Phone

Rate me:
Please Sign up or sign in to vote.
4.00/5 (2 votes)
14 Sep 2014CPOL2 min read
Let’s have a look at some tweaks to the default phone project created for Windows Phone 8.0 (and 8.1 Silverlight)

If you’ve done globally-focused development on Windows Phone, you already know that to change the display language, you have to do so in the Settings area of the phone, then reboot the emulator (or physical device) for the change to take effect.

What a pain. Wouldn’t it be better to change the UI language on-demand? Not to mention provide end users the ability to do so within your app as an added convenience. In this blog post, I’ll show you just how to make that happen.

If you haven’t already, check out my blog post on localizing your app – this is obviously the first step. Get some resource strings in other languages defined for the elements of your application.

Now that you’ve got your app all wired up with some added languages, if even machine generated, let’s get to making it on-the-fly switchable.

Let’s have a look at some tweaks to the default phone project created for Windows Phone 8.0 (and 8.1 Silverlight):

First, take a look at LocalizedStrings. This is the class that your text elements are (hopefully) already binging to in order to pull the resource from your RESX file.

Tweak it as follows:

C#
 1: public class LocalizedStrings : INotifyPropertyChanged
 2: {
 3:     private static AppResources _localizedResources = new AppResources();
 4:
 5:     public AppResources LocalizedResources { get { return _localizedResources; } }
 6:
 7:     internal void ChangeCulture(string cultureName)
 8:     {
 9:         AppResources.Culture = new System.Globalization.CultureInfo(cultureName);
10:
11:         OnPropertyChanged("LocalizedResources");
12:     }
13:
14:     public event PropertyChangedEventHandler PropertyChanged;
15:     void OnPropertyChanged([CallerMemberName]string propertyName = "")
16:     {
17:         if (this.PropertyChanged != null)
18:         {
19:             PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
20:         }
21:     }
22: }

That is, make it inherit from INotifyPropertyChanged, add the ChangeCulture and OnPropertyChanged methods.

The trick we’re exploiting here is the binding to LocalizedStrings that’s being done in your XAML when you create a localized app. It’s XAML. So when it creates a binding, it wires up PropertyChanged if the source object supports it. So we’re making LocalizedStrings support it. We’ll utilize this in a minute.

Now have a look at your XAML. Something like this I imagine:

C#
   1: <TextBlock HorizontalAlignment="Left"
   2:            TextWrapping="Wrap"
   3:            Text="{Binding Source={StaticResource LocalizedStrings}, 
                 Path=LocalizedResources.testString, Mode=OneWay}"
   4:            VerticalAlignment="Top"
   5:            Margin="22,10,0,0" />

Since Path is hitting the LocalizedResources property of the LocalizedStrings object, this is all we need to fire a PropertyChanged event for when we want the strings to update!

So, in my app, I’ve got an INotifyPropertyChanged ViewModel that reacts to a CurrentCulture string property when it’s set as follows:

C#
 1: private string _currentLanguage;
 2: public string CurrentLanguage
 3: {
 4:     get
 5:     {
 6:         return _currentLanguage;
 7:     }
 8:     set
 9:     {
10:         if (_currentLanguage != value)
11:         {
12:             _currentLanguage = value;
13:             OnPropertyChanged();
14:
15:             ChangeUICulture(_currentLanguage);
16:         }
17:     }
18: }

So yeah, it updates the property’s value, but then calls another method. Let’s take a look at that dude:

C#
1: private void ChangeUICulture(string currentLanguage)
2: {
3:     ((LocalizedStrings)App.Current.Resources["LocalizedStrings"]).ChangeCulture(currentLanguage);
4: }

And boom. We get the LocalizedStrings instance out of our App’s Resources (put there automatically as part of the project template) and call our new ChangeCulture method on it. If you don’t have your localized strings class in your app resources, just add this to App.xaml:

XML
1: <Application.Resources>
2:     <local:LocalizedStrings xmlns:local="clr-namespace:PhoneApp1" x:Key="LocalizedStrings"/>
3: </Application.Resources>

Now watch as the magic cascades string change events to all bound controls when you call our new method on LocalizedStrings!

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Share

About the Author

BC3Tech
Software Developer (Senior)
United States United States
I'm a Sr. Software Engineer in the Seattle area primarily focused on serverless technologies in the cloud. In my free time I enjoy hiking & other adventures with my family around the Puget Sound and the country! You can find out more about me at my homepage: http://bc3.tech/brandonh

Comments and Discussions

 
Questionwp8.1 xaml Pin
zdlik16-Apr-16 5:20
Memberzdlik16-Apr-16 5:20 
SuggestionYou might consider.. Pin
Afzaal Ahmad Zeeshan13-Oct-14 5:46
mveAfzaal Ahmad Zeeshan13-Oct-14 5:46 
GeneralRe: You might consider.. Pin
BC3Tech13-Oct-14 5:51
MemberBC3Tech13-Oct-14 5:51 
As this post is a pull from my blog, i blame the editors for butchering it in the post-processing they do manually.

please use the link in the upper right of the page to view the post in its intended fashion. Normally they don't screw them up quite this badly.
GeneralRe: You might consider.. Pin
Afzaal Ahmad Zeeshan13-Oct-14 5:55
mveAfzaal Ahmad Zeeshan13-Oct-14 5:55 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.