树莓派GUI显示温度监控-PySide/PyQT/QML _上传

本文介绍在树莓派上使用和qt开发GUI程序，程序功能为显示模块的温度曲线。开发环境依然使用之前介绍的编写代码和远程开发，然后使用编写QML界面的方式。
1、新建项目 1.1、新建工程
打开，新建工程，如下：
1.2、添加主程序
.py 主程序如下：
import mathimport osimport sysimport timefrom pathlib import Pathfrom PySide2.QtCore import Qt, QObject, Slotfrom PySide2.QtQml import QQmlApplicationEnginefrom PySide2.QtWidgets import QApplicationclass Controler(QObject):def __init__(self):super().__init__()self.tempValue = http://www.kingceram.com/post/0@Slot()def exit(self):sys.exit()@Slot(result=float)def getTempValue(self):file_name = os.path.join("/", "mnt", "1wire", "uncached", "28.99E88D0D0000", "temperature")file_object = open(file_name, 'r')temp = file_object.read()self.tempValue = http://www.kingceram.com/post/float(temp)print("tempvalue:",self.tempValue)file_object.close()return self.tempValueif __name__=='__main__':a = QApplication(sys.argv)a.setOverrideCursor(Qt.BlankCursor)engine = QQmlApplicationEngine()controler = Controler()context = engine.rootContext()context.setContextProperty("_Controler", controler)engine.load(os.fspath(Path(__file__).resolve().parent / "ui/monitor.qml"))if not engine.rootObjects():sys.exit(-1)sys.exit(a.exec_())
1.3、添加界面文件
import QtQuick 2.11import QtQuick.Window 2.4import QtQuick.Controls 2.4import QtQuick.Controls.Styles 1.4import QtQuick.Extras 1.4import QtGraphicalEffects 1.0import QtCharts 2.2ApplicationWindow{id:rootwidth: 800height: 480visible: truevisibility: Window.FullScreenbackground: Rectangle{color: "black"anchors.fill: parent}Button{id:btnexitbackground: Rectangle{color: "#a01010"anchors.fill: parentradius:12}width: 48height: 48anchors{top: parent.topright: parent.righttopMargin: 8rightMargin: 8}Text {text: qsTr("X")anchors.centerIn: parentfont{pointSize: 32}color: "white"}onClicked: {_Controler.exit();}}Text {id: titletext: qsTr("Temperature Monitor")anchors{top:parent.tophorizontalCenter: parent.horizontalCentertopMargin: 20}font{pointSize: 24}color: "#a0a0a0"}ChartView{id:cvwidth:600height:400anchors{top:title.bottomtopMargin:10left:parent.leftleftMargin:40}antialiasing: truetheme: ChartView.ChartThemeDarkproperty inttimcnt: 0property doubletempValue: 0ValueAxis{id:xAxismin: 0max: cv.timcnt < 10 ? 10 : cv.timcnt + 1tickCount: 11labelFormat: "%d"}ValueAxis{id:yAxismin: 20max: 40tickCount: 1labelFormat: "%d"}LineSeries {name: "Temperature"id:linesaxisX: xAxisaxisY: yAxiswidth: 3color: "#F11C9C"}Timer{id:tminterval: 1000repeat: truerunning: trueonTriggered: {cv.timcnt = cv.timcnt + 1cv.tempValue = http://www.kingceram.com/post/_Controler.getTempValue()lines.append(cv.timcnt,cv.tempValue)console.log("qml temp value:",cv.tempValue)}}}Rectangle {width: 80height: 300color: "transparent"anchors{left: cv.rightleftMargin: 20verticalCenter: cv.verticalCenter}Timer {running: truerepeat: trueinterval: 600onTriggered: gauge.value = http://www.kingceram.com/post/cv.tempValue}Gauge {id: gaugeanchors.fill: parentanchors.margins: 10minimumValue: 20maximumValue: 40Behavior on value {NumberAnimation {duration: 600}}style: GaugeStyle {valueBar: Rectangle {color:"#e34c22"implicitWidth: 28}}}}}
2、执行程序 2.1、上传程序到树莓派
在工程上右键将这个项目文件上传到树莓派中：
2.2、执行程序
上传后，在树莓派对应文件夹中，执行如下命令执行程序：
python3 tempMonitor.py
执行后可以看到显示如下：
当用手接触温度模块后，可以看到温度变化曲线：
【树莓派GUI显示温度监控-PySide/PyQT/QML】树莓派GUI显示温度监控-/PyQT/QML