树莓派GUI控制蜂鸣器-Pyside-python/qml/qt_综合

本文介绍在树莓派上使用Pyside2+QML方式进行GUI程序的开发，该GUI程序可以通过按钮来控制蜂鸣器播放不同的音调，这里演示按钮弹奏歌曲《两只老虎》。开发环境依然使用之前介绍的PyCharm编写python代码和远程开发，然后使用QtCreator编写QML界面的方式。

1、新建项目

1.1、新建工程

打开PyCharm，新建工程buzzer_control，如下：

在这里插入图片描述

1.2、添加python主程序

buzzer_control.py 主程序如下：

# This Python file uses the following encoding: utf-8
import os
from pathlib import Path
import sysfrom PySide2.QtCore import Qt, QObject, Slot, QTimer
from PySide2.QtGui import QGuiApplication
from PySide2.QtQml import QQmlApplicationEngine
from gpiozero import TonalBuzzer
from gpiozero.tones import Toneclass Controler(QObject):buzzer = TonalBuzzer(25)def __init__(self):super().__init__()@Slot()def exit(self):sys.exit()@Slot(str)def play(self,mid_tone):self.buzzer.play(Tone(mid_tone))print("play.")QTimer.singleShot(200, lambda: self.stop())def stop(self):self.buzzer.stop()print("stop.")if __name__ == "__main__":app = QGuiApplication(sys.argv)app.setOverrideCursor(Qt.BlankCursor)engine = QQmlApplicationEngine()controler = Controler()context = engine.rootContext()context.setContextProperty("_Controler", controler)engine.load(os.fspath(Path(__file__).resolve().parent / "ui/main.qml"))if not engine.rootObjects():sys.exit(-1)sys.exit(app.exec_())

Controler类

这个类用于控制python控制硬件和退出程序

TonalBuzzer

这个接口用于Buzzer播放不同的音调，使用play方法播放，stop方法停止

停止播放的方法

要在播放一定时间后停止需要一定的延时，如果直接使用python中的sleep方法会导致界面在延时过程中无法响应，因此这里使用Qt中的QTimer来实现延时，即 QTimer.singleShot()

1.3、添加界面文件

在项目中添加ui文件夹，并新建main.qml文件;
同时在ui文件夹下新建image文件夹，并把要用到的资源放置在这个文件夹下；

2、界面制作

界面用QtCreator编写，里面主要包含一个7个按键用于控制不同声调；这里为了简单，演示歌曲《两只老虎》里面一共有7个音符：1、2、3、4、5、6、5.(低音5)，因此这里就只制作了7个按钮，如果要播放更复杂的歌曲，就需要实现完整的音符按钮。

界面布局如下：

在这里插入图片描述

参考代码：

import QtQuick 2.11 import QtQuick.Window 2.4 import QtQuick.Controls 2.4 import QtQuick.Controls.Styles 1.4 import QtQuick.Extras 1.4 import QtGraphicalEffects 1.0ApplicationWindow{
    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("BUZZER Control")anchors{
    horizontalCenter: parent.horizontalCentertop: parent.toptopMargin: 10}font{
    pointSize: 24bold: true}color: "#1165B7"}AnimatedImage{
    source: "./image/dance.gif"anchors{
    left: parent.lefttop:parent.topleftMargin: 40topMargin: 40}width: 200height: 160}Row{
    id:pannelBackspacing: 1anchors{
    bottom: parent.bottomhorizontalCenter: parent.horizontalCenterbottomMargin: 30}Repeater{
    model:8Rectangle{
    width: 80height: 140color: "#C4B197"}}}Row{
    spacing: 12anchors{
    top: pannelBack.tophorizontalCenter: parent.horizontalCenter}Repeater{
    model:7Button {
    width: 70height: 100property color backcolor: "#165D8F"background: Rectangle{
    anchors.fill: parentcolor: parent.backcolor}onPressed: {
    backcolor="#34ADE3"}onReleased: {
    backcolor="#165D8F"}onClicked: {
    console.log("click:"+index)switch(index){
    case 0:one.visible=true;one.restart();_Controler.play("C5");break;case 1:two.visible=true;two.restart();_Controler.play("D5");break;case 2:three.visible=true;three.restart();_Controler.play("E5");break;case 3:four.visible=true;four.restart();_Controler.play("F5");break;case 4:five.visible=true;five.restart();_Controler.play("G5");break;case 5:six.visible=true;six.restart();_Controler.play("A5");break;case 6:seven.visible=true;seven.restart();_Controler.play("G4");break;}}}}}Row{
    spacing: 64anchors{
    horizontalCenter: parent.horizontalCenterbottom: pannelBack.top}Repeater{
    model: ["1","2","3","4","5","6","5."]Text {
    text: modelDatafont.pointSize: 24color: "#C4A781"}}}Image{
    
// anchors.centerIn: parentid:onex:pannelBack.x+50y:pannelBack.y-60width: 64height: 64source: "./image/1.svg"visible: falsefunction restart(){
    anixone.restart();aniyone.restart();anirone.restart();}NumberAnimation on y{
    id:anixonefrom:pannelBack.y-60to: pannelBack.y - 1000duration: 20000easing.type: Easing.OutCirc}NumberAnimation on x{
    id:aniyonefrom:pannelBack.x+50to: pannelBack.x +400duration: 8000easing.type: Easing.OutBounce}RotationAnimator on rotation{
    id:anironeto: 720duration: 8000}}......}/*##^## Designer {D{i:0;formeditorZoom:0.66;height:480;width:800} } ##^##*/

3、执行程序

3.1、上传程序到树莓派

在工程上右键将这个项目文件上传到树莓派中：

在这里插入图片描述

3.2、执行程序

上传后，在树莓派对应文件夹中，执行如下命令执行程序：

python3 buzzer_control.py

执行后可以看到显示如下：

在这里插入图片描述

3.3、演示弹奏歌曲

这里演示歌曲为《两只老虎》，其简谱如下图，只需要按照简谱表弹奏即可：

视频效果如下：

树莓派gui控制蜂鸣器-Python-qt/qml

查看代码：
github

原文：https://mp.weixin.qq.com/s/Y-WTBLuMcJxnIL7j316-aA