Take an iOS app generated with the SDK Assistant and make it multilingual with SAP Translation Hub.
To view the entire series of tutorials, see the Customize UI’s, themes and onboarding for iOS apps tutorial group.
Log on to your SAP Cloud Platform cockpit at https://account.hanatrial.ondemand.com/cockpit/ and navigate to Services.
Locate the SAP Translation Hub tile (search for translation):
If it is not yet enabled, click the tile.
In the next page, click the Enable button:
Once the SAP Translation Hub service is enabled, click the Go to UI for Translation Workflow link at the bottom. The SAP Translation Hub web interface will open in a new tab:
Open the SDK Assistant. Click the Settings icon in the top-left, and open the Accounts page:
Click the Plus button to add a new account. From the list, select Translation Hub:
Click Continue.
In the next screen, add the following details:
| Field | Value |
|---|---|
| Name | A descriptive name for the configuration, for instance SAP Translation Hub |
| Base URL | https://saptranslation-<your_trial_account_user>trial.hanatrial.ondemand.com/ |
| User | Your trial account user |
| Password | Password for your trial account user |
Click Add when done. The account is now added to the SDK Assistant:
Close the Accounts dialog.
In the SDK Assistant, right-click the ESPMReminders app and from the context menu, select Add translation…
In the next page, leave the pre-populated values as they are.
Select one or more languages from the list for which you want to translate your app:
Click the Add button. The project will now be translated in the chosen languages:
Open the Xcode project for your app. Notice the added InfoPlist.strings and Localizable.strings files for the languages you have selected for translation:
While most translations seem right, some may not be translated correctly.
Although you can fix this from within the file itself, it may be more convenient to change it in the SAP Translation Hub web app.
Navigate to Services > SAP Translation Hub in your SAP Cloud Platform trial account and click the Go to UI for Translation Workflow link at the bottom. The SAP Translation Hub web interface will open in a new tab. you will now see the just added espmreminders project:
Click the Translations tab. In this page, an overview of the original texts and the translated texts for the selected languages are shown:
Here you can correct any translations that may be incorrect, and click the Save Project button once done.
Open the SDK Assistant, right-click the ESPMReminders app and from the context menu, select Add translation…. Select the same languages from the list you have chosen in Step 4, and click the Add button.
Once finished, open your Xcode project and notice the modified translations:
Open the file Info.plist and add the following entry:
| Field | Value |
|---|---|
| Key | Application has localized display name |
| Value | YES |
On your device, open the Settings app and navigate to General > Language & Region and click iPhone Language.
From the list, select one of the languages you have created a translation for, and confirm the language change for your device:
When the device has started up in the new language, remove the old application from the device.
Build and run the application. You will now see the (partial) translation of the onboarding flow, as well as the translation of your custom UI:
Updated 03/26/2018
Contributors Provide Feedback
15 Min
