QT QML初体验随笔之QQuickView(7)

如何设计出像Qt的LCDNumber控件一样的LCD的液晶数字

1.环境

QT QML初体验随笔之QQuickView(6)

2.原理

和汉字的字体是：宋体，行体，楷体一样，将数字显示为LCD液晶字体，只需加载LCD字体库即可

3.下载字体库

百度搜索，输入“LCD液晶字体”，下载获取相应的*.TTF字体库即可

4.整理

简单的将字体库放入和要调用的qml相同目录即可

5.编码

Label_Kingmei.qml中

import QtQuick 2.0

Text {
    id: label;      // 内部调用对象名称   

    property alias font_LCD: lcd.name;

    FontLoader {
        id: lcd;
        source: "LCD.TTF";
    }
}

6.main.qml添加

    Label_Kingmei {
        id: test;


        anchors.centerIn: parent;

        Rectangle {
            id: background;

            anchors.fill: parent;
            opacity: 0.2;

            border.width: 2;
            border.color: "#ff808080";
        }

        text: "5.66";

        font.pixelSize: 60;
        font.family: font_LCD;
        color: "red";
    }

7.显示样例