利用Qt.locale显示本地化数据

来源：互联网发布：大数据用英语怎么说编辑：程序博客网时间：2024/05/21 17:40

我们知道对于一些应用来说，我们可以根据语言的选择来显示不同的数据格式，比如时间，金钱等。在今天的例程中，我们来展示如何Qt.locale根据不同的语言选择来帮助我们显示不同格式的数据。

import QtQuick 2.0import Ubuntu.Components 1.1/*!    \brief MainView with a Label and Button elements.*/MainView {    // objectName for functional testing purposes (autopilot-qt5)    objectName: "mainView"    // Note! applicationName needs to match the "name" field of the click manifest    applicationName: "locale.liu-xiao-guo"    /*     This property enables the application to change orientation     when the device is rotated. The default is false.    */    //automaticOrientation: true    // Removes the old toolbar and enables new features of the new header.    useDeprecatedToolbar: false    width: units.gu(60)    height: units.gu(85)    Page {        title: i18n.tr("Locale")        Rectangle {            id: root            anchors.fill: parent            color: "lightgray"            property string locale: view.currentItem.locale            Text {                id: title                text: "Select locale:"            }            Rectangle {                id: chooser                anchors.top: title.bottom                anchors.topMargin: 5                width: parent.width-10                x: 5                height: parent.height/2 - 10                color: "#40300030"                ListView {                    id: view                    clip: true                    focus: true                    anchors.fill: parent                    model: [                        "en_US",                        "en_GB",                        "fi_FI",                        "de_DE",                        "ar_SA",                        "hi_IN",                        "zh_CN",                        "th_TH",                        "fr_FR",                        "nb_NO",                        "sv_SE"                    ]                    delegate: Text {                        property string locale: modelData                        height: units.gu(3)                        width: view.width                        text: Qt.locale(modelData).name + " ("+ Qt.locale(modelData).nativeCountryName + "/" + Qt.locale(modelData).nativeLanguageName + ")"                        MouseArea {                            anchors.fill: parent                            onClicked: view.currentIndex = index                        }                    }                    highlight: Rectangle {                        height: 30                        color: "#60300030"                    }                }            }            Rectangle {                color: "white"                anchors.top: chooser.bottom                anchors.topMargin: 5                anchors.bottom: parent.bottom                anchors.bottomMargin: 5                x: 5; width: parent.width - 10                Column {                    anchors.fill: parent                    spacing: 5                    Text {                        property var date: new Date()                        text: "Date: " + date.toLocaleDateString(Qt.locale(root.locale))                    }                    Text {                        property var date: new Date()                        text: "Time: " + date.toLocaleTimeString(Qt.locale(root.locale))                    }                    Text {                        property var dow: Qt.locale(root.locale).firstDayOfWeek                        text: "First day of week: " + Qt.locale(root.locale).standaloneDayName(dow)                    }                    Text {                        property var num: 10023823                        text: "Number: " + num.toLocaleString(Qt.locale(root.locale))                    }                    Text {                        property var num: 10023823                        text: "Currency: " + num.toLocaleCurrencyString(Qt.locale(root.locale))                    }                }            }        }    }}

在例程中，注意下面的写法：

delegate: Text {                        property string locale: modelData                        height: units.gu(3)                        width: view.width                        text: Qt.locale(modelData).name + " ("+ Qt.locale(modelData).nativeCountryName + "/" + Qt.locale(modelData).nativeLanguageName + ")"                        MouseArea {                            anchors.fill: parent                            onClicked: view.currentIndex = index                        }                    }

我们可以通过定义一个property locale来得到当前的Item的modelData。这样在delegate的外面，我们通过

 property string locale: view.currentItem.locale

来得到当前列表项中的modelData，进而在程序的其它部分进行引用！

整个项目的源码在：https://github.com/liu-xiao-guo/locale

0 0