Implemented the VolumeSlider
This commit is contained in:
vpereverzev
Igor Korsukov
parent
b587e98b48
commit
50a909f527
4 changed files with 209 additions and 5 deletions
|
|
@ -8,5 +8,6 @@
|
|||
<file>qml/MuseScore/Audio/DevTools/WaveFormView.qml</file>
|
||||
<file>qml/MuseScore/Audio/VolumePressureMeter.qml</file>
|
||||
<file>qml/MuseScore/Audio/KnobControl.qml</file>
|
||||
<file>qml/MuseScore/Audio/VolumeSlider.qml</file>
|
||||
</qresource>
|
||||
</RCC>
|
||||
|
|
|
|||
191
src/framework/audio/qml/MuseScore/Audio/VolumeSlider.qml
Normal file
191
src/framework/audio/qml/MuseScore/Audio/VolumeSlider.qml
Normal file
|
|
@ -0,0 +1,191 @@
|
|||
/*
|
||||
* SPDX-License-Identifier: GPL-3.0-only
|
||||
* MuseScore-CLA-applies
|
||||
*
|
||||
* MuseScore
|
||||
* Music Composition & Notation
|
||||
*
|
||||
* Copyright (C) 2021 MuseScore BVBA and others
|
||||
*
|
||||
* This program is free software: you can redistribute it and/or modify
|
||||
* it under the terms of the GNU General Public License version 3 as
|
||||
* published by the Free Software Foundation.
|
||||
*
|
||||
* This program is distributed in the hope that it will be useful,
|
||||
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
* GNU General Public License for more details.
|
||||
*
|
||||
* You should have received a copy of the GNU General Public License
|
||||
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||
*/
|
||||
|
||||
import QtQuick 2.15
|
||||
import QtQuick.Controls 2.15
|
||||
|
||||
import MuseScore.UiComponents 1.0
|
||||
|
||||
Slider {
|
||||
id: root
|
||||
|
||||
height: 140 + internals.handleHeight
|
||||
width: 32 + internals.unitsTextWidth
|
||||
|
||||
from: -48
|
||||
to: 12
|
||||
value: 0
|
||||
stepSize: 0.1
|
||||
orientation: Qt.Vertical
|
||||
|
||||
QtObject {
|
||||
id: internals
|
||||
|
||||
property real rulerLineWidth: 2
|
||||
property real rulerLineHeight: root.height - internals.handleHeight
|
||||
|
||||
// value ranges
|
||||
property real lowAccuracyEdge: -12
|
||||
property real lowAccuracyDivisionPixels: (internals.rulerLineHeight / 2) / internals.lowAccuracyRange
|
||||
property real lowAccuracyRange: Math.abs(root.from) - Math.abs(internals.lowAccuracyEdge)
|
||||
|
||||
property real highAccuracyRange: Math.abs(internals.lowAccuracyEdge) + Math.abs(root.to)
|
||||
property real highAccuracyDivisionPixels: (internals.rulerLineHeight / 2) / highAccuracyRange
|
||||
|
||||
property int fullValueRangeLength: Math.abs(root.from) + Math.abs(root.to)
|
||||
|
||||
property real unitsTextWidth: 12
|
||||
property color unitTextColor: ui.theme.fontPrimaryColor
|
||||
property string unitTextFont: {
|
||||
var pxSize = String('8px')
|
||||
var family = String('\'' + ui.theme.bodyFont.family + '\'')
|
||||
|
||||
return pxSize + ' ' + family
|
||||
}
|
||||
|
||||
// strokes
|
||||
property real strokeHorizontalMargin: 2
|
||||
property real longStrokeHeight: 1
|
||||
property real longStrokeWidth: 8
|
||||
property color longStrokeColor: Utils.colorWithAlpha(ui.theme.fontPrimaryColor, 0.5)
|
||||
property real shortStrokeHeight: 1
|
||||
property real shortStrokeWidth: 4
|
||||
property color shortStrokeColor: Utils.colorWithAlpha(ui.theme.fontPrimaryColor, 0.3)
|
||||
|
||||
property real handleWidth: 16
|
||||
property real handleHeight: 32
|
||||
}
|
||||
|
||||
background: Canvas {
|
||||
id: bgCanvas
|
||||
|
||||
height: root.height
|
||||
width: root.width
|
||||
|
||||
function drawRuler(ctx, originVPos, originHPos, fullStep, smallStep, strokeHeight, strokeWidth) {
|
||||
var currentStrokeVPos = 0
|
||||
|
||||
for (var i = 0; i <= internals.fullValueRangeLength; i+=smallStep) {
|
||||
|
||||
var division = 0
|
||||
if (i <= internals.lowAccuracyRange) {
|
||||
division = internals.lowAccuracyDivisionPixels
|
||||
} else {
|
||||
division = internals.highAccuracyDivisionPixels
|
||||
}
|
||||
|
||||
if (i == 0) {
|
||||
currentStrokeVPos = originVPos
|
||||
} else {
|
||||
currentStrokeVPos += division * smallStep
|
||||
}
|
||||
|
||||
if (i % fullStep) {
|
||||
ctx.fillStyle = internals.shortStrokeColor
|
||||
ctx.fillRect(currentStrokeVPos,
|
||||
originHPos - internals.shortStrokeWidth,
|
||||
internals.shortStrokeHeight,
|
||||
internals.shortStrokeWidth)
|
||||
|
||||
} else {
|
||||
ctx.fillStyle = internals.longStrokeColor
|
||||
|
||||
ctx.fillRect(currentStrokeVPos,
|
||||
originHPos - internals.longStrokeWidth,
|
||||
internals.longStrokeHeight,
|
||||
internals.longStrokeWidth)
|
||||
|
||||
ctx.save()
|
||||
|
||||
ctx.rotate(Math.PI/2)
|
||||
ctx.fillStyle = internals.unitTextColor
|
||||
ctx.fillText(textByDbValue(root.from + i), internals.unitsTextWidth + internals.unitsTextWidth/2, -currentStrokeVPos + 2)
|
||||
|
||||
ctx.restore()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function textByDbValue(dbValue) {
|
||||
if (dbValue === root.from) {
|
||||
return "-" + "\u221E" // minus infinity unicode
|
||||
} else {
|
||||
return String(dbValue)
|
||||
}
|
||||
}
|
||||
|
||||
onPaint: {
|
||||
var ctx = root.context
|
||||
|
||||
if (!ctx) {
|
||||
ctx = getContext("2d")
|
||||
ctx.translate(0, height)
|
||||
ctx.rotate(3 * (Math.PI/2))
|
||||
|
||||
ctx.textAlign = "end"
|
||||
ctx.font = internals.unitTextFont
|
||||
}
|
||||
|
||||
ctx.fillStyle = Utils.colorWithAlpha(ui.theme.fontPrimaryColor, 0.5)
|
||||
|
||||
ctx.fillRect(internals.handleHeight/2, // vertical pos
|
||||
bgCanvas.width - internals.handleWidth/2 - internals.rulerLineWidth/2, // horizontal pos
|
||||
internals.rulerLineHeight,
|
||||
internals.rulerLineWidth)
|
||||
|
||||
var originVPos = internals.handleHeight / 2
|
||||
var originHPos = bgCanvas.width - internals.handleWidth/2 - internals.rulerLineWidth - internals.strokeHorizontalMargin - 2
|
||||
|
||||
drawRuler(ctx, originVPos, originHPos, 6/*fullStep*/, 2/*smallStep*/)
|
||||
}
|
||||
}
|
||||
|
||||
handle: Rectangle {
|
||||
id: handleItem
|
||||
|
||||
x: root.width - internals.handleWidth
|
||||
y: (1 - root.position) * internals.rulerLineHeight
|
||||
implicitWidth: internals.handleWidth
|
||||
implicitHeight: internals.handleHeight
|
||||
radius: 2
|
||||
color: ui.theme.fontPrimaryColor
|
||||
border.color: "#00000075"
|
||||
|
||||
Rectangle {
|
||||
anchors {
|
||||
verticalCenter: parent.verticalCenter
|
||||
left: parent.left
|
||||
right: parent.right
|
||||
leftMargin: 2
|
||||
rightMargin: 2
|
||||
}
|
||||
|
||||
height: 1
|
||||
radius: internals.handleHeight / 2
|
||||
color: "#000000"
|
||||
}
|
||||
}
|
||||
|
||||
Component.onCompleted: {
|
||||
bgCanvas.requestPaint()
|
||||
}
|
||||
}
|
||||
|
|
@ -2,6 +2,7 @@ module MuseScore.Audio
|
|||
Playback 1.0 DevTools/Playback.qml
|
||||
KnobControl 1.0 KnobControl.qml
|
||||
VolumePressureMeter 1.0 VolumePressureMeter.qml
|
||||
VolumeSlider 1.0 VolumeSlider.qml
|
||||
MidiPorts 1.0 DevTools/MidiPorts.qml
|
||||
SoundFontsPanel 1.0 DevTools/SoundFontsPanel.qml
|
||||
SynthSettings 1.0 DevTools/SynthSettings.qml
|
||||
|
|
|
|||
|
|
@ -66,14 +66,25 @@ Item {
|
|||
}
|
||||
|
||||
Row {
|
||||
spacing: 2
|
||||
|
||||
VolumePressureMeter {
|
||||
currentVolumePressure: item.leftChannelPressure
|
||||
spacing: 8
|
||||
|
||||
VolumeSlider {
|
||||
|
||||
}
|
||||
|
||||
VolumePressureMeter {
|
||||
currentVolumePressure: item.rightChannelPressure
|
||||
Row {
|
||||
anchors.verticalCenter: parent.verticalCenter
|
||||
|
||||
spacing: 2
|
||||
|
||||
VolumePressureMeter {
|
||||
currentVolumePressure: item.leftChannelPressure
|
||||
}
|
||||
|
||||
VolumePressureMeter {
|
||||
currentVolumePressure: item.rightChannelPressure
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue