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.0Text {    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.显示样例