{"id":573,"date":"2015-01-12T17:12:47","date_gmt":"2015-01-12T11:42:47","guid":{"rendered":"http:\/\/www.e-consystems.com\/blog\/linux-android\/?p=573"},"modified":"2023-08-15T12:33:58","modified_gmt":"2023-08-15T07:03:58","slug":"make-your-application-multilingual","status":"publish","type":"post","link":"https:\/\/www.e-consystems.com\/blog\/system-on-module-som\/make-your-application-multilingual\/","title":{"rendered":"Make your application multilingual"},"content":{"rendered":"

Abstract<\/h2>\n

This paper describes how to build a multi-lingual application using Qt framework. Qt provides a linguist tool chain for building and supporting applications for various regions of the world. The tool chain includes tools starting from Qt Creator, lupdate, lrelease. This article provides a detailed treatment on how to use these tools to build a multi-lingual dialog box.<\/p>\n

Introduction<\/h2>\n

Qt provides QTranslator for developers to switch between language choices. QTranslator takes .qm files as input. Developers need to provide .qm files for each language that they plan to support.<\/p>\n

The following diagram details the steps for developers to generate .qm files. The .qm files could be packaged with the application as external or internal resources. The QTranslate load function loads a specific language resource for the application.<\/p>\n

\"Make-your-application-multilingual-1\"<\/p>\n

Implementation<\/h2>\n

Let\u2019s try to make the following user interface multi-lingual. We need to translate the following strings:<\/p>\n

    \n
  1. TranslationApp<\/li>\n
  2. Choose Language<\/li>\n
  3. English<\/li>\n
  4. Hindi<\/li>\n
  5. French<\/li>\n
  6. Welcome<\/li>\n<\/ol>\n

    \"Make-your-application-multilingual7\"<\/p>\n

    Pre-Requirements:<\/p>\n

      \n
    1. Qt Creator installation<\/li>\n
    2. Qt Linguist installation<\/li>\n
    3. User should have basic understanding of multilingual applications.<\/li>\n
    4. Create a widget project with name translationExample<\/strong> and save to disk.<\/li>\n<\/ol>\n

      Step 1- Add TRANLATIONS to application .pro file:
      \nTRANSLATIONS += english.ts \\
      \nhindi.ts \\
      \nfrench.ts<\/p>\n

      Step 2- Use lupdate command
      \nRun lupdate<\/strong> tool on your project translationExample.pro.<\/strong><\/p>\n

      Once this command is executed successfully all three .ts<\/strong> files (english, hindi, french) mentioned in the project file will be created on disk. Below is the sample output:<\/p>\n

      Command:<\/p>\n

      \"3\"
      \nOutput:<\/p>\n

      \"4\"<\/p>\n

      Step 3 – QT Linguist:<\/p>\n

      Open Qt linguist tool and choose the .ts file(s) from your disk, which you would like to translate. In the below image each entry is a string. The columns the three languages we choose to translate.<\/p>\n

      \"Make-your-application-multilingual3\"<\/p>\n

      \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Above image shows the untranslated strings after opening the .ts files in the qt linguist tool.<\/em><\/strong><\/p>\n

      Step 4 \u2013 Start Translating strings:<\/p>\n

      Once each string is translated to the corresponding language the corresponding language column needs to be checked as shown below.
      \n\"Make-your-application-multilingual4\"
      \nStep 5 \u2013 Once all the translations are complete, choose the Release All <\/strong>menu item under file menu.\u00a0 Release All command will create the .qm files as shown below.<\/p>\n

      \"Make-your-application-multilingual5\"<\/p>\n

      Step 6 \u2013 Coding<\/p>\n

        \n
      1. \n
          \n
        1. Add the Qtranslator header.<\/li>\n
        2. Create an object for the Qtranslator class.<\/li>\n
        3. To enable the translations, all the strings in the application, need to be inside tr() function or QcoreApplication::translate().<\/li>\n
        4. Use the load function of the qtranslator class to load the language file.<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n

          translator->load(“\/home\/French.qm”);<\/strong><\/p>\n

            \n
          1. \n
              \n
            1. Appropriate fonts have to be set to the application for the proper display. Using QFont.<\/li>\n
            2. Use the installTranslator() of the QCoreApplication class to install the translator.<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n

              qApp->installTranslator(translator);<\/strong><\/p>\n

              Sample Source code:<\/p>\n

              Please download the source from the below link:
              \nhttps:\/\/drive.google.com\/file\/d\/0B4LkGhFjozX3bHM1eXV2SFVieHc\/edit?usp=sharing<\/p>\n

              Output Screenshots:
              \n\"Make-your-application-multilingual6\"
              \n\"Make-your-application-multilingual7\"<\/p>\n

              Further reading recommendations:<\/h2>\n

              Along with QTranslator, Qt provides QLocale which can be used to handle currencies, date and time representations.<\/p>\n

              References<\/h2>\n

              1. http:\/\/doc.qt.io\/qt-4.8\/qtranslator.html<\/a>
              \n2.               http:\/\/doc.qt.io\/qt-4.8\/linguist-manual.html<\/a><\/p>\n

              For any technical support or queries feel free to write to us at sales@e-consystems.com<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

              Abstract This paper describes how to build a multi-lingual application using Qt framework. Qt provides…<\/p>\n","protected":false},"author":17,"featured_media":574,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[127],"tags":[126,125,124,123,207,129,121,120,122],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.e-consystems.com\/blog\/system-on-module-som\/wp-json\/wp\/v2\/posts\/573"}],"collection":[{"href":"https:\/\/www.e-consystems.com\/blog\/system-on-module-som\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.e-consystems.com\/blog\/system-on-module-som\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.e-consystems.com\/blog\/system-on-module-som\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/www.e-consystems.com\/blog\/system-on-module-som\/wp-json\/wp\/v2\/comments?post=573"}],"version-history":[{"count":17,"href":"https:\/\/www.e-consystems.com\/blog\/system-on-module-som\/wp-json\/wp\/v2\/posts\/573\/revisions"}],"predecessor-version":[{"id":2867,"href":"https:\/\/www.e-consystems.com\/blog\/system-on-module-som\/wp-json\/wp\/v2\/posts\/573\/revisions\/2867"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.e-consystems.com\/blog\/system-on-module-som\/wp-json\/wp\/v2\/media\/574"}],"wp:attachment":[{"href":"https:\/\/www.e-consystems.com\/blog\/system-on-module-som\/wp-json\/wp\/v2\/media?parent=573"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.e-consystems.com\/blog\/system-on-module-som\/wp-json\/wp\/v2\/categories?post=573"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.e-consystems.com\/blog\/system-on-module-som\/wp-json\/wp\/v2\/tags?post=573"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}