blob: fdbd7b66d67da8b94ae6aeab91dd9b67265e7221 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
|
// Copyright (C) 2026 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
import QtQuick
import QtQuick.Controls
import QtQuick.Layouts
import Drumpad
import Audio
Rectangle {
id: root
property QtObject soundEffectPlayer: Qt.createComponent("../Drumpad/SoundEffectPlayer.qml",
Component.PreferSynchronous)
color: "black"
focus: true
Component.onCompleted: {
// Initialize the default sound effect players
for (var i = 0; i < audioPlayersSpinBox.value; i++) {
root.soundEffectPlayer.createObject(soundEffectPlayersFlow, {
index: i
});
}
}
Keys.onPressed: event => {
if (event.key < Qt.Key_1 || event.key > Qt.Key_9) {
// Ignore key out of scope
return;
}
let digit = event.key - Qt.Key_1;
if (digit < soundEffectPlayersFlow.children.length) {
soundEffectPlayersFlow.children[digit].play();
}
}
ColumnLayout {
anchors.fill: parent
anchors.margins: 10
Row {
id: audioPlayersCountRow
Layout.alignment: Qt.AlignHCenter
spacing: 5
Text {
anchors.verticalCenter: parent.verticalCenter
color: "white"
text: "Audio players:"
}
StyledSpinBox {
id: audioPlayersSpinBox
value: 5
onValueModified: {
let soundPlayersCount = soundEffectPlayersFlow.children.length;
if (audioPlayersSpinBox.value < soundPlayersCount) {
// Remove extra sound effect players
soundEffectPlayersFlow.children.length = audioPlayersSpinBox.value;
return;
}
if (audioPlayersSpinBox.value < soundPlayersCount) {
return;
}
// Create more sound effect players
for (var i = soundPlayersCount; i < audioPlayersSpinBox.value; i++) {
root.soundEffectPlayer.createObject(soundEffectPlayersFlow, {
index: i
});
}
}
}
}
ScrollView {
Layout.fillHeight: true
Layout.fillWidth: true
contentWidth: width
background: Rectangle {
color: "#232323"
}
CenteredFlow {
id: soundEffectPlayersFlow
anchors.fill: parent
padding: 10
spacing: 10
}
}
}
}
|