QML internationalization does not work

Hello all!

I am having a problem with the translation of my app developed in QML

The translation file (.qm) is done but it does not work.

Can anyone help me?

Thanks in advance.

Code below:

Code:

---

#include <QGuiApplication>
#include <QQmlApplicationEngine>
 
#include <QTranslator>
 
int main(int argc, char *argv[])
{
    QGuiApplication app(argc, argv);
 
    QTranslator tradutor;
 
    tradutor.load("qml_en", "./");
    app.installTranslator(&tradutor);
 
    QQmlApplicationEngine engine;
    engine.load(QUrl(QStringLiteral("qrc:/main.qml")));
 
    return app.exec();
}

---

What does QTranslator::load() return?

Sorry, with this config (./) it returns false, but now I changed to (:/) and the qml_en.qm is inserted in resources.

Now it returns true but the translation stills not working.

I tried using 2 ways:

Code:

---

#include <QGuiApplication>
#include <QQmlApplicationEngine>
 
#include <QTranslator>
 
int main(int argc, char *argv[])
{
    QGuiApplication app(argc, argv);
 
    QTranslator tradutor;
 
    tradutor.load("qml_en", ":/");
    app.installTranslator(&tradutor);
 
    QQmlApplicationEngine engine;
    engine.load(QUrl(QStringLiteral("qrc:/main.qml")));
 
    return app.exec();
}

---

and

Code:

---

#include <QGuiApplication>
#include <QQmlApplicationEngine>
 
#include <QTranslator>
 
int main(int argc, char *argv[])
{
    QGuiApplication app(argc, argv);
 
    QQmlApplicationEngine engine;
    engine.load(QUrl(QStringLiteral("qrc:/main.qml")));
 
    QTranslator tradutor;
 
    tradutor.load("qml_en", ":/");
    app.installTranslator(&tradutor);
 
    return app.exec();
}

---

You need to install the translator before loading the scene.

I have tried both ways, before and after. Neither of then works

Code:

---

#include <QGuiApplication>
#include <QQmlApplicationEngine>
 
#include <QTranslator>
 
int main(int argc, char *argv[])
{
    QGuiApplication app(argc, argv);
 
    QQmlApplicationEngine engine;
    engine.load(QUrl(QStringLiteral("qrc:/main.qml")));
 
    QTranslator tradutor;
 
    tradutor.load("qml_en", ":/");
    app.installTranslator(&tradutor);
 
    return app.exec();
}

---

Code:

---

#include <QGuiApplication>
#include <QQmlApplicationEngine>
 
#include <QTranslator>
 
int main(int argc, char *argv[])
{
    QGuiApplication app(argc, argv);
 
    QTranslator tradutor;
 
    tradutor.load("qml_en", ":/");
    app.installTranslator(&tradutor);
 
    QQmlApplicationEngine engine;
    engine.load(QUrl(QStringLiteral("qrc:/main.qml")));
 
    return app.exec();
}

---

Are you sure the catalog file is correct for the messages used in the QML file? How did you produce it?

I think it is. I created it using Lupdate and Lrelease

Here is the TS file

Code:

---

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE TS>
<TS version="2.0" language="en_US">
<context>
    <name>MainForm</name>
    <message>
        <location filename="MainForm.ui.qml" line="57"/>
        <source>Taxa de juros</source>
        <translation>Interest rate</translation>
    </message>
    <message>
        <location filename="MainForm.ui.qml" line="98"/>
        <source>Diária</source>
        <translation>Daily</translation>
    </message>
    <message>
        <location filename="MainForm.ui.qml" line="98"/>
        <source>Mensal</source>
        <translation>Monthly</translation>
    </message>
    <message>
        <location filename="MainForm.ui.qml" line="98"/>
        <source>Bimestral</source>
        <translation>Bimonthly</translation>
    </message>
    <message>
        <location filename="MainForm.ui.qml" line="98"/>
        <source>Trimestral</source>
        <translation>Quarterly</translation>
    </message>
    <message>
        <location filename="MainForm.ui.qml" line="98"/>
        <source>Semestral</source>
        <translation>Semiannual</translation>
    </message>
    <message>
        <location filename="MainForm.ui.qml" line="98"/>
        <source>Anual</source>
        <translation>Yearly</translation>
    </message>
    <message>
        <location filename="MainForm.ui.qml" line="111"/>
        <source>Calcular</source>
        <translation>Calculate</translation>
    </message>
    <message>
        <location filename="MainForm.ui.qml" line="130"/>
        <source>Conversões (%) </source>
        <translation>Conversions (%)</translation>
    </message>
    <message>
        <location filename="MainForm.ui.qml" line="142"/>
        <source>Ao dia: </source>
        <translation>Per day:</translation>
    </message>
    <message>
        <location filename="MainForm.ui.qml" line="169"/>
        <source>Ao mês: </source>
        <translation>Per month:</translation>
    </message>
    <message>
        <location filename="MainForm.ui.qml" line="196"/>
        <source>Ao bimestre: </source>
        <translation>Per bimester:</translation>
    </message>
    <message>
        <location filename="MainForm.ui.qml" line="223"/>
        <source>Ao trimestre: </source>
        <translation>Per quarter:</translation>
    </message>
    <message>
        <location filename="MainForm.ui.qml" line="250"/>
        <source>Ao semestre: </source>
        <translation>Per semester:</translation>
    </message>
    <message>
        <location filename="MainForm.ui.qml" line="277"/>
        <source>Ao ano: </source>
        <translation>Per year:</translation>
    </message>
</context>
<context>
    <name>main</name>
    <message>
        <location filename="main.qml" line="100"/>
        <location filename="main.qml" line="113"/>
        <location filename="main.qml" line="126"/>
        <location filename="main.qml" line="138"/>
        <location filename="main.qml" line="151"/>
        <location filename="main.qml" line="164"/>
        <source>mais de 10 trilhões</source>
        <translation>Higher then 10 trillion</translation>
    </message>
</context>
</TS>

---

What does the main.qml file look like?

main.qml

Code:

---

import QtQuick 2.4
import QtQuick.Window 2.2
 
Window {
    visible: true
 
    //width: Screen.width
    //height: Screen.height
 
    //maximumHeight: Screen.height
    //minimumHeight: Screen.height
 
    //maximumWidth: Screen.width
    //minimumWidth: Screen.width
 
    width: 360
    height: 640
 
    maximumHeight: 640
    minimumHeight: 640
 
    maximumWidth: 360
    minimumWidth: 360
 
    title: "InterestC-Mobile"
 
    MainForm {
        anchors.fill: parent
 
        mainContainer.width: parent.width
        mainContainer.height: parent.height
 
        conversaoDiariaValorText.text: Number(0.0).toLocaleString(Qt.locale());
        conversaoMensalValorText.text: Number(0.0).toLocaleString(Qt.locale());
        conversaoBimestralValorText.text: Number(0.0).toLocaleString(Qt.locale());
        conversaoTrimestralValorText.text: Number(0.0).toLocaleString(Qt.locale());
        conversaoSemestralValorText.text: Number(0.0).toLocaleString(Qt.locale());
        conversaoAnualValorText.text: Number(0.0).toLocaleString(Qt.locale());
 
        calcularButton.onClicked:
        {
            calculaConversoes();
        }
    }
}

---

MainForm.ui.qml

Code:

---

import QtQuick 2.4
import QtQuick.Controls 1.2
 
Rectangle {
    id: mainContainer
 
    width: 360
    height: 640
 
    property alias mainContainer: mainContainer
 
    property alias taxaJurosSpinBox: taxaJurosSpinBox
    property alias periodoJurosComboBox: periodoJurosComboBox
 
    property alias calcularButton: calcularButton
 
    property alias conversaoDiariaValorText: conversaoDiariaValorText
    property alias conversaoMensalValorText: conversaoMensalValorText
    property alias conversaoBimestralValorText: conversaoBimestralValorText
    property alias conversaoTrimestralValorText: conversaoTrimestralValorText
    property alias conversaoSemestralValorText: conversaoSemestralValorText
    property alias conversaoAnualValorText: conversaoAnualValorText
 
    color: "#ffffff"
 
    Rectangle {
        id: tituloRectangle
 
        anchors.horizontalCenter: parent.horizontalCenter
        y: parent.y
 
        width: parent.width
        height: parent.height * 0.10
        gradient: Gradient {
            GradientStop {
                position: 0
                color: "#fe3001"
            }
 
            GradientStop {
                position: 1
                color: "#fe8548"
            }
        }
        Image {
            antialiasing: false
            source: "Imagens/InterestC-Mobile-Text.png"
 
            anchors.horizontalCenter: parent.horizontalCenter
            anchors.verticalCenter: parent.verticalCenter
        }
    }
 
    Label {
        id: taxaJurosLabel
 
        anchors.horizontalCenter: parent.horizontalCenter
        y: parent.y + tituloRectangle.height * 1.3
 
        text: qsTr("Taxa de juros") + " (%)"
        font.pointSize: 18
    }
 
    Rectangle {
        id: taxaJurosInputRectangle
 
        width: parent.width * 0.85
        height: parent.height * 0.10
 
        anchors.horizontalCenter: parent.horizontalCenter
        y: parent.y + tituloRectangle.height * 1.7
 
        SpinBox {
            id: taxaJurosSpinBox
 
            anchors.verticalCenter: parent.verticalCenter
            anchors.left: parent.left
 
            width: parent.width * 0.47
            height: parent.height * 0.6
 
            font.pointSize: 16
 
            horizontalAlignment: Text.AlignHCenter
 
            decimals: 2
 
            minimumValue: 0
            maximumValue: 100
        }
 
        ComboBox {
            id: periodoJurosComboBox
 
            width: parent.width * 0.47
            height: parent.height * 0.6
 
            anchors.verticalCenter: parent.verticalCenter
            anchors.right: parent.right
 
            model: [qsTr("Diária"), qsTr("Mensal"), qsTr("Bimestral"), qsTr("Trimestral"), qsTr("Semestral"), qsTr("Anual")]
        }
    }
 
    Button {
        id: calcularButton
 
        anchors.horizontalCenter: parent.horizontalCenter
        y: 1.03 * (taxaJurosInputRectangle.y + taxaJurosInputRectangle.height)
 
        width: parent.width * 0.85
        height: taxaJurosInputRectangle.height * 0.6
 
        text: qsTr("Calcular")
    }
    Rectangle {
        id: conversoesRectangle
 
        width: parent.width * 0.9
        height: parent.height * 0.61
 
        anchors.horizontalCenter: parent.horizontalCenter
        y: 1.05 * (calcularButton.y + calcularButton.height)
 
        //property variant espacamentoConversoes: 1.03
 
        Text {
            id: conversaoTituloText
 
            anchors.horizontalCenter: parent.horizontalCenter
            anchors.top: parent.top
 
            text: qsTr("Conversões (%) ")
 
            font.bold: true
            font.pixelSize: 25
        }
 
        Text {
            id: conversaoDiariaText
 
            anchors.left: parent.left
            y: parent.height / 7
 
            text: qsTr("Ao dia: ")
 
            font.bold: true
            font.pixelSize: 20
        }
 
        Text {
            id: conversaoDiariaValorText
 
            anchors.right: parent.right
            y: conversaoDiariaText.y
 
            font.bold: true
            font.pixelSize: 20
 
            width: parent.width * 0.2
            height: parent.height * 0.1
 
            horizontalAlignment: Text.AlignRight
        }
 
        Text {
            id: conversaoMensalText
 
            anchors.left: parent.left
            y: parent.height / 7 * 2
 
            text: qsTr("Ao mês: ")
 
            font.bold: true
            font.pixelSize: 20
        }
 
        Text {
            id: conversaoMensalValorText
 
            anchors.right: parent.right
            y: conversaoMensalText.y
 
            font.bold: true
            font.pixelSize: 20
 
            width: parent.width * 0.2
            height: parent.height * 0.1
 
            horizontalAlignment: Text.AlignRight
        }
 
        Text {
            id: conversaoBimestralText
 
            anchors.left: parent.left
            y: parent.height / 7 * 3
 
            text: qsTr("Ao bimestre: ")
 
            font.bold: true
            font.pixelSize: 20
        }
 
        Text {
            id: conversaoBimestralValorText
 
            anchors.right: parent.right
            y: conversaoBimestralText.y
 
            font.bold: true
            font.pixelSize: 20
 
            width: parent.width * 0.2
            height: parent.height * 0.1
 
            horizontalAlignment: Text.AlignRight
        }
 
        Text {
            id: conversaoTrimestralText
 
            anchors.left: parent.left
            y: parent.height / 7 * 4
 
            text: qsTr("Ao trimestre: ")
 
            font.bold: true
            font.pixelSize: 20
        }
 
        Text {
            id: conversaoTrimestralValorText
 
            anchors.right: parent.right
            y: conversaoTrimestralText.y
 
            font.bold: true
            font.pixelSize: 20
 
            width: parent.width * 0.2
            height: parent.height * 0.1
 
            horizontalAlignment: Text.AlignRight
        }
 
        Text {
            id: conversaoSemestralText
 
            anchors.left: parent.left
            y: parent.height / 7 * 5
 
            text: qsTr("Ao semestre: ")
 
            font.bold: true
            font.pixelSize: 20
        }
 
        Text {
            id: conversaoSemestralValorText
 
            anchors.right: parent.right
            y: conversaoSemestralText.y
 
            font.bold: true
            font.pixelSize: 20
 
            width: parent.width * 0.2
            height: parent.height * 0.1
 
            horizontalAlignment: Text.AlignRight
        }
 
        Text {
            id: conversaoAnualText
 
            anchors.left: parent.left
            y: parent.height / 7 * 6
 
            text: qsTr("Ao ano: ")
 
            font.bold: true
            font.pixelSize: 20
        }
 
        Text {
            id: conversaoAnualValorText
 
            anchors.right: parent.right
            y: conversaoAnualText.y
 
            font.bold: true
            font.pixelSize: 20
 
            width: parent.width * 0.2
            height: parent.height * 0.1
 
            horizontalAlignment: Text.AlignRight
        }
    }
}

---

---

Added after 1 32 minutes:

Wysota, thanks for the replies

I have done some tests and I realized that the translation works with mail.qml but does not work with the MainForm.ui.qml

Do you know why?

Thank you