QML实现UI下QLCDNumber控件LCD显示数字

    我们都知道QT在UI下为我们实现了QLCDNumber控件LCD显示数字，但在QML下，没有相关元素。我们要实现在QML下LCD显示数字就需要自己动手写。

    今天教大家一个方法：QML加载字库来实现，首先到点击打开链接网上下载LCD字库。本人使用的是"DS-DIGI.TTF"字库。创建一个QML文件TestLCDNumber.qml。文件内容如下：

import QtQuick 2.2

Item {

    FontLoader{

        id: fontlcd

        source: "DS-DIGI.TTF"

    }

    Text {

        id:lcdnumber

        color: "black"

        text: qsTr("10.0")

        font.family: fontlcd.name

        font.pixelSize: 50

    }

}

显示效果如下：