Mastering Multilingual in Xamarin Forms

Step: 4

After adding a resource file, we have to add one more Content Page to select a language in the list of languages and the save button for using the selected language in the whole application. First, we have to set actual language using

Thread.CurrentThread.CurrentUICulture = new CultureInfo(“es”);

AppResource.Culture = new CultureInfo(“es”);

For add one more content page open Solution Explorer -> Right-click on the project name -> Add -> New Item -> Select Content Page.

Here ListLanguagePage is our new content page name. Just open the ListLanguagePage file and add the below code.

On this XAML page, we can add a label control to display languages and picker control for selecting one language in the list of languages. And one button to apply the selected language in the application.

ListLanguagePage.xaml

English
Tamil
Spanish
Japanese
French

Step: 5

OpenListLanguagePage.xaml.cs file and add the below code.

ListLanguagePage.xaml

using System;
usingSystem.Collections.Generic;
usingSystem.Globalization;
usingSystem.Linq;
usingSystem.Text;
usingSystem.Threading;
usingSystem.Threading.Tasks;

using Xamarin.Forms;
usingXamarin.Forms.Xaml;

usingMultiLanguage.Resource;


namespaceMultiLanguage
{
    [XamlCompilation(XamlCompilationOptions.Compile)]
  publicpartialclassListLanguagePage :ContentPage
    {
    publicListLanguagePage()
        {
      InitializeComponent();
        }

    privatevoidOnClickedEvent(object sender, EventArgs e)
        {
      if (picklanguage.SelectedItem != null)
            {
        varlang = CultureInfo.GetCultures(CultureTypes.NeutralCultures).ToList().First(element => element.EnglishName.Contains(picklanguage.SelectedItem.ToString()));
        Thread.CurrentThread.CurrentUICulture = lang;
        AppResource.Culture = lang;
        App.Current.MainPage = newNavigationPage(newMainPage());
            }
        }
    }
}

In this .cs file, we can add a button click event for using the selected language. Here first we have to set the actual language after that change the language when the user can apply any language.

Step: 6

After that, open MainPage.Xaml here we can add frame for designing purpose, one label that shows Welcome Message, and one button for change the selected language.

MainPage.xaml

On this XAML page, the resource can help us to show welcome text in our selected language.

Step: 7

MainPage.xaml.cs

using System;
  usingSystem.Collections.Generic;
  usingSystem.ComponentModel;
  usingSystem.Linq;
  usingSystem.Text;
  usingSystem.Threading.Tasks;
  using Xamarin.Forms;
  
  namespaceMultiLanguage
  {
      [DesignTimeVisible(false)]
    publicpartialclassMainPage :ContentPage
      {
      publicMainPage()
          {
        InitializeComponent();
          }
      protectedasyncvoidHandle_Clicked(object sender, System.EventArgs e)
          {
        awaitNavigation.PushModalAsync(newListLanguagePage());
          }
      }
  }

In this .cs file, we just navigate a page MainPage.Xaml to ListLanguagePage.Xaml using PushModalAsync() method on Change Language button click event.

Step: 8

Just open App.Xaml.cs file and add the below line of code.

using System;
              usingSystem.Collections.Generic;
              usingSystem.ComponentModel;
              usingSystem.Linq;
              usingSystem.Text;
              usingSystem.Threading.Tasks;
              using Xamarin.Forms;
              
              namespaceMultiLanguage
              {
                  [DesignTimeVisible(false)]
                publicpartialclassMainPage :ContentPage
                  {
                  publicMainPage()
                      {
                    InitializeComponent();
                      }
                  protectedasyncvoidHandle_Clicked(object sender, System.EventArgs e)
                      {
                    awaitNavigation.PushModalAsync(newListLanguagePage());
                      }
                  }
              }

Output:

Image: Change Language

Image: Select Any Language

Image: Language Changed