五、LCD效果的QML时间显示

关键词：LCD Number控件，字体，定时器，布局
1、QML没有类似与Qt Widgets中的LCD Number控件，可以在https://www.dafont.com/theme.php?cat=302下载LCD效果的字体DS-Digital
2、把字体文件添加到Resources中，如何添加参见第一篇文章；
3、SendTime.qml中的代码如下：
Rectangle {
    id:detailRect
    Layout.fillHeight: true
    Layout.fillWidth: true
    anchors.top: parent.top
    anchors.topMargin: 0
    height: 30
    width: 60
    color: "#00000000"
    property string sendT: "00:00:50.500"
    property int labelsize1: 0
    property int labelsize2: 0
    GridLayout {

        columns: 2
        rows:1
        Layout.fillHeight: true
        Layout.fillWidth: true

        FontLoader {
            id:fontlcd
            source: "qrc:/file/ds_digital/DS-DIGI.TTF"
        }

        Rectangle {
            id:rect1
            Layout.fillHeight: true
            Layout.fillWidth: true
            anchors.top: parent.top
            anchors.topMargin: 6
            anchors.left: parent.left
            anchors.leftMargin: 5
            width: 2*detailRect.width/5
            height: detailRect.height
            color: "#00000000";      //必须也设置透明
            Label {
                id: mvalue
                text: " 发射时间 : "
                anchors.centerIn: parent.Center
                color: Qt.rgba(255, 255, 255,1)