Click here to Skip to main content
13,452,991 members (50,483 online)
Click here to Skip to main content
Add your own
alternative version

Tagged as


7 bookmarked
Posted 13 Dec 2010

Bing Translator Service for Windows Phone 7

, 13 Dec 2010
Rate this:
Please Sign up or sign in to vote.
Bing Translator service for Windows Phone 7

Time for a new Windows Phone tutorial! Today, we'll create a simple mobile translator using Bing web services. Our program will load all the available languages and the user will select the desired ones. This tutorial is supposed to be an introduction to using SOAP services, too. I promise that the next one will be about REST services and Google API.

If you want to try out the Translator immediately, just download the source code. Continue reading to understand what's going on...

Windows Phone 7 Translator in action

Step 1: The User Interface

So, let's begin! Launch Visual Studio and create a new Windows Phone 7 portrait application. I named it "WindowsPhoneBingTranslate". The user interface is far from complicated. We only need two list boxes (for language selection), two text boxes (for input and output text) and a button (for translation). You may come up with way different ideas, but the following XAML will do the job:

<StackPanel Orientation="Vertical">
     <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
          <StackPanel Orientation="Vertical">
               <ListBox Name="lbxFrom" Height="140"></ListBox>
          <StackPanel Orientation="Vertical">
               <ListBox Name="lbxTo" Height="140"></ListBox>
     <TextBox Name="txtInput" Text="" Height="180" />
     <Button Name="btnTranslate" Content="Translate"  

                 Click="btnTranslate_Click" />
     <TextBox Name="txtOutput" Text="" Height="180" />

Step 2: Creating the Languages Source

Each language has two properties: A name (such as "English", "French", "Greek", etc.) and a unique code (such as "en", "fr", "el" respectively). An object containing both properties is necessary, so create the following class and place it in a Language.cs file:

public class Language   
    public string Code { get; set; }   
    public string Name { get; set; }   

The user needs to see the language name only - and not the code. So, when retrieving the appropriate data, only the Name property will be displayed in the UI. Modify the DataTemplate of the list boxes to achieve this:

<ListBox Name="lbxFrom" Height="140">  
               <TextBlock Text="{Binding Name}" FontSize="25" />  

Moving on to the code-behind .cs file, it's useful to create three placeholders:

private List<string> _codes = new List<string>();   
private List<string> _names = new List<string>();   
private List<Language> _languages = new List<Language>();

Step 3: Using Bing SOAP Services

It's time to make some calls to Bing Translate API now. Navigate to Solution Explorer and right click the "References" folder. Select "Add service reference" and type into the Address field. Press "Go" to add the reference and have a look at its methods. They seem pretty straightforward, but they are a little bit tricky to use:

Add service reference to Bing Translate

SOAP services, like the one we just imported, use XML to transfer their data. This XML is not directly visible because it is encapsulated (according to WSDL) and exposed to us as simple methods! That's the only thing you need to know about SOAP for now ;-).

How do we access these methods? Well, firstly import the reference to the code-behind file: 

using WindowsPhoneBingTranslate.BingTranslateReference;

Importing the proper reference gives access to LanguageServiceClient class. LanguageServiceClient is a proxy which exposes all the supported Bing methods.  

private LanguageServiceClient _proxy = new LanguageServiceClient();

Silverlight uses asynchronous web method invocation. Consequently, the results of each method invocation will be handled separately. Here are the events defined:

_proxy.GetLanguagesForTranslateCompleted +=   
           new EventHandler<GetLanguagesForTranslateCompletedEventArgs>   
_proxy.GetLanguageNamesCompleted +=   
           new EventHandler<GetLanguageNamesCompletedEventArgs>   
_proxy.TranslateCompleted +=   
           new EventHandler<TranslateCompletedEventArgs>   

You can define the above event handlers right in MainPage's constructor. GetLanguagesForTranslateCompleted method is called after MainPage finishes loading.

void MainPage_Loaded(object sender, RoutedEventArgs e)   

The method retrieves a list of all the available language codes. It also calls GetLanguageNamesAsync, which returns all the corresponding language names! Here they are:

void GetLanguagesForTranslateCompleted(object sender,   
          GetLanguagesForTranslateCompletedEventArgs e)   
    _codes = e.Result.ToList();   
    _proxy.GetLanguageNamesAsync(APP_ID, "en", e.Result);   
void GetLanguageNamesCompleted(object sender,   
         GetLanguageNamesCompletedEventArgs e)   
    _names = e.Result.ToList();   

But wait! What is this APP_ID parameter??? Don't worry... It is just a string containing a required unique Bing application identifier. You have to download one from Bing Developer Center (it's free). After clarifying this, let's have a look at LoadLanguages method...

private void LoadLanguages()   
    for (int index = 0; index < _codes.Count; index++)   
        _languages.Add(new Language   
            Code = _codes[index],   
            Name = _names[index]   
    }     lbxFrom.ItemsSource = _languages;   
    lbxTo.ItemsSource = _languages;   

Quite easy. It simply creates the proper Language objects and binds them to the list boxes.

Finally, the most important part: Translation! Double click on the UI's button and navigate to its event handler. Find the selected language names, get the corresponding language codes and call TranslateAsync.

private void btnTranslate_Click(object sender, RoutedEventArgs e)   
    Language from = lbxFrom.SelectedItem as Language;   
    Language to = lbxTo.SelectedItem as Language;   
    _proxy.TranslateAsync(APP_ID, txtInput.Text, from.Code, to.Code);   

TranslateAsync calls Bing, translates the text and, when completed, assigns the translated text to the output text box:

void TranslateCompleted(object sender, TranslateCompletedEventArgs e)   
    txtOutput.Text = e.Result;   

Here you are! Download the source code and enjoy.

Windows Phone 7 Translator in action



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


About the Author

Vangos Pterneas
CEO LightBuzz
United States United States
Vangos Pterneas is a Microsoft Most Valuable Professional in the Kinect technology. He helps companies from all over the world grow their revenue by creating profitable software products. Vangos is the founder of LightBuzz Inc. and author of two technical books.

You may also be interested in...


Comments and Discussions

QuestionInvalid appId Bing Translate Pin
Maciej Rzepiński23-Oct-12 22:36
memberMaciej Rzepiński23-Oct-12 22:36 
GeneralMy vote of 5 Pin
Kanasz Robert21-Sep-12 0:45
mvpKanasz Robert21-Sep-12 0:45 
GeneralMy vote of 5 Pin
Michael Haephrati27-Jan-12 8:37
memberMichael Haephrati27-Jan-12 8:37 
Questionexception problem! Pin
Karoglan Nurfelak7-Jan-12 11:41
memberKaroglan Nurfelak7-Jan-12 11:41 
AnswerRe: exception problem! Pin
Vangos Pterneas8-Jan-12 6:12
memberVangos Pterneas8-Jan-12 6:12 
GeneralRe: exception problem! Pin
Karoglan Nurfelak20-Jan-12 7:21
memberKaroglan Nurfelak20-Jan-12 7:21 
QuestionNeed Help Pin
irvieboy15-Nov-11 16:19
memberirvieboy15-Nov-11 16:19 
AnswerRe: Need Help Pin
Vangos Pterneas15-Nov-11 17:00
memberVangos Pterneas15-Nov-11 17:00 
GeneralMy vote of 5 Pin
Gergo Bogdan29-May-11 18:03
memberGergo Bogdan29-May-11 18:03 
GeneralThank you Pin
gWin22-Feb-11 5:24
membergWin22-Feb-11 5:24 
GeneralRe: Thank you Pin
Vangos Pterneas22-Feb-11 8:07
memberVangos Pterneas22-Feb-11 8:07 

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.

Permalink | Advertise | Privacy | Terms of Use | Mobile
Web02-2016 | 2.8.180318.3 | Last Updated 13 Dec 2010
Article Copyright 2010 by Vangos Pterneas
Everything else Copyright © CodeProject, 1999-2018
Layout: fixed | fluid