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
    }
 
 
}

显示效果如下:


猜你喜欢

转载自blog.csdn.net/yangxueyangxue/article/details/80754915