|
|
|
import QtQuick 2.12
|
|
|
|
import QtGraphicalEffects 1.12
|
|
|
|
import NERvGear.Preferences 1.0 as P
|
|
|
|
|
|
|
|
import "../../qml/api"
|
|
|
|
|
|
|
|
AdvpStyleTemplate {
|
|
|
|
style: Rectangle {
|
|
|
|
id: main
|
|
|
|
width: widget.width;
|
|
|
|
height: widget.height;
|
|
|
|
|
|
|
|
property bool gradientEnable
|
|
|
|
|
|
|
|
LinearGradient {
|
|
|
|
id: gradient_mask
|
|
|
|
anchors.fill: parent
|
|
|
|
visible: gradientEnable
|
|
|
|
gradient: Gradient {
|
|
|
|
GradientStop { id: p_start; position: 0.0 }
|
|
|
|
GradientStop { id: p_middle; position: 0.5 }
|
|
|
|
GradientStop { id: p_end; position: 1.0 }
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
layer.enabled: true
|
|
|
|
layer.effect: OpacityMask{
|
|
|
|
maskSource: AdvpCanvasTemplate {
|
|
|
|
readonly property var audioData: new Array(128)
|
|
|
|
|
|
|
|
readonly property bool autoNormalizing: configs["Data Settings"]["Auto Normalizing"]
|
|
|
|
readonly property real amplitude: 400/configs["Data Settings"]["Amplitude"]
|
|
|
|
|
|
|
|
readonly property int uDataLen: Math.pow(2, configs["Data Length"]);
|
|
|
|
readonly property int dataLength: 64/uDataLen
|
|
|
|
readonly property int unitStyle: configs["Data Settings"]["Unit Style"]
|
|
|
|
|
|
|
|
readonly property int total: dataLength*2
|
|
|
|
|
|
|
|
readonly property bool vertical_flag: configs["Direction"]
|
|
|
|
readonly property real halfWidth: vertical_flag ? height/2 : width/2
|
|
|
|
readonly property real halfHeight: vertical_flag ? width/2 : height/2
|
|
|
|
readonly property real ux: halfWidth*2/(total+1)
|
|
|
|
readonly property real _y_dy: centerRotateAngleTangent*halfWidth
|
|
|
|
|
|
|
|
readonly property bool centerRotateFlag: configs["Rotate Settings"]["Center Enable"]
|
|
|
|
readonly property real centerRotateAngleTangent: centerRotateFlag*Math.tan(configs["Rotate Settings"]["Center Angle"]*Math.PI/180)
|
|
|
|
readonly property bool lineRotateFlag: configs["Rotate Settings"]["Line Enable"]
|
|
|
|
readonly property real lineRotateAngleTangent: lineRotateFlag*Math.tan(configs["Rotate Settings"]["Line Angle"]*Math.PI/180)
|
|
|
|
|
|
|
|
readonly property real xOffset: configs["Rotate Settings"]["X Offset"]/100
|
|
|
|
readonly property real yOffset: configs["Rotate Settings"]["Y Offset"]/100
|
|
|
|
readonly property real xScale: configs["Rotate Settings"]["X Scale"]/100
|
|
|
|
readonly property real yScale: configs["Rotate Settings"]["Y Scale"]/100
|
|
|
|
|
|
|
|
onWidthChanged: {
|
|
|
|
gradient_mask.end = Qt.point(width*(configs["Gradient Direction"]!==1), height*(configs["Gradient Direction"]%2));
|
|
|
|
}
|
|
|
|
|
|
|
|
onHeightChanged: {
|
|
|
|
gradient_mask.start = Qt.point(0, height*(configs["Gradient Direction"]===2));
|
|
|
|
gradient_mask.end = Qt.point(width*(configs["Gradient Direction"]!==1), height*(configs["Gradient Direction"]%2));
|
|
|
|
}
|
|
|
|
|
|
|
|
onConfigsUpdated: {
|
|
|
|
//尽量不要使用绑定configs的属性以免造成竞争,若一定要使用推荐使用Qt.callLater(()=>{})
|
|
|
|
gradientEnable = configs["Enable Gradient"];
|
|
|
|
context.lineWidth = configs["Line Width"];
|
|
|
|
main.color = configs["Line Color"];
|
|
|
|
if (gradientEnable) {
|
|
|
|
gradient_mask.start = Qt.point(0, height*(configs["Gradient Direction"]===2));
|
|
|
|
gradient_mask.end = Qt.point(width*(configs["Gradient Direction"]!==1), height*(configs["Gradient Direction"]%2));
|
|
|
|
p_start.color = configs["Start Position Color"];
|
|
|
|
p_middle.color = configs["Middle Position Color"];
|
|
|
|
p_end.color = configs["End Position Color"];
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
onAudioDataUpdeted: {
|
|
|
|
let normalizing_ratio = autoNormalizing ? data[128]*2 : amplitude;
|
|
|
|
if (unitStyle) {
|
|
|
|
//对数化显示
|
|
|
|
for(let i=0; i<dataLength; i++) {
|
|
|
|
audioData[i] = 0;
|
|
|
|
for(let j=0; j<uDataLen; j++) {
|
|
|
|
audioData[i] += Math.max(0, 0.4 * (Math.log10(data[63-i*uDataLen-j]/normalizing_ratio)) + 1.0);
|
|
|
|
}
|
|
|
|
audioData[i] /= uDataLen;
|
|
|
|
}
|
|
|
|
for(let i=dataLength; i<total; i++) {
|
|
|
|
audioData[i] = 0;
|
|
|
|
for(let j=0; j<uDataLen; j++) {
|
|
|
|
audioData[i] += Math.max(0, 0.4 * (Math.log10(data[i*uDataLen+j]/normalizing_ratio)) + 1.0);
|
|
|
|
}
|
|
|
|
audioData[i] /= uDataLen;
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
//线性化显示
|
|
|
|
for(let i=0; i<dataLength; i++) {
|
|
|
|
audioData[i] = 0;
|
|
|
|
for(let j=0; j<uDataLen; j++) {
|
|
|
|
audioData[i] += data[63-i*uDataLen-j];
|
|
|
|
}
|
|
|
|
audioData[i] /= (uDataLen * normalizing_ratio);
|
|
|
|
}
|
|
|
|
for(let i=dataLength; i<total; i++) {
|
|
|
|
audioData[i] = 0;
|
|
|
|
for(let j=0; j<uDataLen; j++) {
|
|
|
|
audioData[i] += data[i*uDataLen+j];
|
|
|
|
}
|
|
|
|
audioData[i] /= (uDataLen * normalizing_ratio);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
context.clearRect(0, 0, width+32, height+32);
|
|
|
|
context.beginPath();
|
|
|
|
context.resetTransform();
|
|
|
|
if (vertical_flag) {
|
|
|
|
if (lineRotateFlag || centerRotateFlag) {
|
|
|
|
context.transform(yScale, lineRotateAngleTangent, -centerRotateAngleTangent, xScale, _y_dy+yOffset*height, xOffset*width-lineRotateAngleTangent*(halfHeight));
|
|
|
|
}
|
|
|
|
context.moveTo(halfHeight, 0);
|
|
|
|
|
|
|
|
for (let i=0; i<dataLength*2; i+=2) {
|
|
|
|
context.lineTo(halfHeight*(1+audioData[i]), ux*i);
|
|
|
|
context.lineTo(halfHeight*(1-audioData[i+1]), ux*(i+1));
|
|
|
|
}
|
|
|
|
|
|
|
|
context.lineTo(halfHeight, height);
|
|
|
|
} else {
|
|
|
|
if (lineRotateFlag || centerRotateFlag) {
|
|
|
|
context.transform(xScale, centerRotateAngleTangent, -lineRotateAngleTangent, yScale, xOffset*width+lineRotateAngleTangent*(halfHeight), yOffset*height-_y_dy);
|
|
|
|
}
|
|
|
|
context.moveTo(0, halfHeight);
|
|
|
|
|
|
|
|
for (let i=0; i<dataLength*2; i+=2) {
|
|
|
|
context.lineTo(ux*i, halfHeight*(1+audioData[i]));
|
|
|
|
context.lineTo(ux*(i+1), halfHeight*(1-audioData[i+1]));
|
|
|
|
}
|
|
|
|
|
|
|
|
context.lineTo(width, halfHeight);
|
|
|
|
}
|
|
|
|
context.stroke();
|
|
|
|
requestPaint();
|
|
|
|
}
|
|
|
|
|
|
|
|
onCompleted: {
|
|
|
|
for (let i = 0; i < 128; i++) {
|
|
|
|
audioData[i] = 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
defaultValues: {
|
|
|
|
"Version": "1.2.0",
|
|
|
|
"Enable Gradient": false,
|
|
|
|
"Gradient Direction": 0,
|
|
|
|
"Start Position Color": "#f44336",
|
|
|
|
"Middle Position Color": "#4caf50",
|
|
|
|
"End Position Color": "#03a9f4",
|
|
|
|
"Line Color": "#ff4500",
|
|
|
|
"Line Width": 1,
|
|
|
|
"Data Length": 0,
|
|
|
|
"Direction": 0,
|
|
|
|
"Rotate Settings": {
|
|
|
|
"Center Enable": false,
|
|
|
|
"Center Angle": 10,
|
|
|
|
"Line Enable": false,
|
|
|
|
"Line Angle": 10,
|
|
|
|
"X Scale": 100,
|
|
|
|
"Y Scale": 100,
|
|
|
|
"X Offset": 0,
|
|
|
|
"Y Offset": 0
|
|
|
|
},
|
|
|
|
"Data Settings": {
|
|
|
|
"Auto Normalizing": true,
|
|
|
|
"Amplitude": 10,
|
|
|
|
"Unit Style": 0
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
preference: AdvpPreference {
|
|
|
|
version: defaultValues["Version"]
|
|
|
|
|
|
|
|
P.SwitchPreference {
|
|
|
|
id: _cfg_enable_gradient
|
|
|
|
name: "Enable Gradient"
|
|
|
|
label: qsTr("Enable Gradient")
|
|
|
|
defaultValue: defaultValues["Enable Gradient"]
|
|
|
|
}
|
|
|
|
|
|
|
|
P.SelectPreference {
|
|
|
|
name: "Gradient Direction"
|
|
|
|
label: qsTr("Gradient Direction")
|
|
|
|
visible: _cfg_enable_gradient.value
|
|
|
|
defaultValue: defaultValues["Gradient Direction"]
|
|
|
|
model: [qsTr("Horizontal"), qsTr("Vertical"), qsTr("Oblique Upward"), qsTr("Oblique downward")]
|
|
|
|
}
|
|
|
|
|
|
|
|
P.ColorPreference {
|
|
|
|
name: "Start Position Color"
|
|
|
|
label: qsTr("Start Position Color")
|
|
|
|
visible: _cfg_enable_gradient.value
|
|
|
|
defaultValue: defaultValues["Start Position Color"]
|
|
|
|
}
|
|
|
|
|
|
|
|
P.ColorPreference {
|
|
|
|
name: "Middle Position Color"
|
|
|
|
label: qsTr("Middle Position Color")
|
|
|
|
visible: _cfg_enable_gradient.value
|
|
|
|
defaultValue: defaultValues["Middle Position Color"]
|
|
|
|
}
|
|
|
|
|
|
|
|
P.ColorPreference {
|
|
|
|
name: "End Position Color"
|
|
|
|
label: qsTr("End Position Color")
|
|
|
|
visible: _cfg_enable_gradient.value
|
|
|
|
defaultValue: defaultValues["End Position Color"]
|
|
|
|
}
|
|
|
|
|
|
|
|
P.Separator {}
|
|
|
|
|
|
|
|
P.SelectPreference {
|
|
|
|
name: "Direction"
|
|
|
|
label: qsTr("Direction")
|
|
|
|
defaultValue: defaultValues["Direction"]
|
|
|
|
model: [qsTr("Horizontal"), qsTr("Vertical")]
|
|
|
|
}
|
|
|
|
|
|
|
|
P.ColorPreference {
|
|
|
|
name: "Line Color"
|
|
|
|
label: qsTr("Spectrum Line Color")
|
|
|
|
visible: !_cfg_enable_gradient.value
|
|
|
|
defaultValue: defaultValues["Line Color"]
|
|
|
|
}
|
|
|
|
|
|
|
|
P.SliderPreference {
|
|
|
|
name: "Line Width"
|
|
|
|
label: qsTr("Spectrum Line Width")
|
|
|
|
from: 0.1
|
|
|
|
to: 4
|
|
|
|
stepSize: 0.1
|
|
|
|
defaultValue: defaultValues["Line Width"]
|
|
|
|
displayValue: value.toFixed(1) + "px"
|
|
|
|
}
|
|
|
|
|
|
|
|
P.SelectPreference {
|
|
|
|
name: "Data Length"
|
|
|
|
label: qsTr("Spectrum Length")
|
|
|
|
defaultValue: defaultValues["Data Length"]
|
|
|
|
model: [64, 32, 16, 8]
|
|
|
|
}
|
|
|
|
|
|
|
|
P.Separator {}
|
|
|
|
|
|
|
|
P.DialogPreference {
|
|
|
|
name: "Rotate Settings"
|
|
|
|
label: qsTr("Rotate Settings")
|
|
|
|
live: true
|
|
|
|
icon.name: "regular:\uf1de"
|
|
|
|
|
|
|
|
P.SwitchPreference {
|
|
|
|
id: _cfg_preset_line_Rotate_Center_Enable
|
|
|
|
name: "Center Enable"
|
|
|
|
label: qsTr("Rotate Center Line")
|
|
|
|
defaultValue: defaultValues["Rotate Settings"]["Center Enable"]
|
|
|
|
}
|
|
|
|
|
|
|
|
P.SliderPreference {
|
|
|
|
name: "Center Angle"
|
|
|
|
label: qsTr("Angle of Center Line")
|
|
|
|
enabled: _cfg_preset_line_Rotate_Center_Enable.value
|
|
|
|
from: -45
|
|
|
|
to: 45
|
|
|
|
stepSize: 1
|
|
|
|
defaultValue: defaultValues["Rotate Settings"]["Center Angle"]
|
|
|
|
displayValue: value + "°"
|
|
|
|
}
|
|
|
|
|
|
|
|
P.Separator {}
|
|
|
|
|
|
|
|
P.SwitchPreference {
|
|
|
|
id: _cfg_preset_line_Rotate_Line_Enable
|
|
|
|
name: "Line Enable"
|
|
|
|
label: qsTr("Rotate Spectrum Line")
|
|
|
|
defaultValue: defaultValues["Rotate Settings"]["Line Enable"]
|
|
|
|
}
|
|
|
|
|
|
|
|
P.SliderPreference {
|
|
|
|
name: "Line Angle"
|
|
|
|
label: qsTr("Angle of Spectrum Line")
|
|
|
|
enabled: _cfg_preset_line_Rotate_Line_Enable.value
|
|
|
|
from: -45
|
|
|
|
to: 45
|
|
|
|
stepSize: 1
|
|
|
|
defaultValue: defaultValues["Rotate Settings"]["Line Angle"]
|
|
|
|
displayValue: value + "°"
|
|
|
|
}
|
|
|
|
|
|
|
|
P.Separator {}
|
|
|
|
|
|
|
|
P.SliderPreference {
|
|
|
|
name: "X Scale"
|
|
|
|
label: qsTr("Scale of Center Line Direction")
|
|
|
|
enabled: _cfg_preset_line_Rotate_Line_Enable.value || _cfg_preset_line_Rotate_Center_Enable.value
|
|
|
|
from: 1
|
|
|
|
to: 100
|
|
|
|
stepSize: 1
|
|
|
|
defaultValue: defaultValues["Rotate Settings"]["X Scale"]
|
|
|
|
displayValue: value + "%"
|
|
|
|
}
|
|
|
|
|
|
|
|
P.SliderPreference {
|
|
|
|
name: "Y Scale"
|
|
|
|
label: qsTr("Scale of Spectrum Line Direction")
|
|
|
|
enabled: _cfg_preset_line_Rotate_Line_Enable.value || _cfg_preset_line_Rotate_Center_Enable.value
|
|
|
|
from: 1
|
|
|
|
to: 100
|
|
|
|
stepSize: 1
|
|
|
|
defaultValue: defaultValues["Rotate Settings"]["Y Scale"]
|
|
|
|
displayValue: value + "%"
|
|
|
|
}
|
|
|
|
|
|
|
|
P.SliderPreference {
|
|
|
|
name: "X Offset"
|
|
|
|
label: qsTr("Offset of Center Line Direction")
|
|
|
|
enabled: _cfg_preset_line_Rotate_Line_Enable.value || _cfg_preset_line_Rotate_Center_Enable.value
|
|
|
|
from: -100
|
|
|
|
to: 100
|
|
|
|
stepSize: 1
|
|
|
|
defaultValue: defaultValues["Rotate Settings"]["X Offset"]
|
|
|
|
displayValue: value + "%"
|
|
|
|
}
|
|
|
|
|
|
|
|
P.SliderPreference {
|
|
|
|
name: "Y Offset"
|
|
|
|
label: qsTr("Offset of Spectrum Line Direction")
|
|
|
|
enabled: _cfg_preset_line_Rotate_Line_Enable.value || _cfg_preset_line_Rotate_Center_Enable.value
|
|
|
|
from: -100
|
|
|
|
to: 100
|
|
|
|
stepSize: 1
|
|
|
|
defaultValue: defaultValues["Rotate Settings"]["Y Offset"]
|
|
|
|
displayValue: value + "%"
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
P.Separator {}
|
|
|
|
|
|
|
|
P.DialogPreference {
|
|
|
|
name: "Data Settings"
|
|
|
|
label: qsTr("Data Settings")
|
|
|
|
live: true
|
|
|
|
icon.name: "regular:\uf1de"
|
|
|
|
|
|
|
|
P.SwitchPreference {
|
|
|
|
id: _cfg_preset_line_dataSettings_autoNormalizing
|
|
|
|
name: "Auto Normalizing"
|
|
|
|
label: qsTr("Auto Normalizing")
|
|
|
|
defaultValue: defaultValues["Data Settings"]["Auto Normalizing"]
|
|
|
|
}
|
|
|
|
|
|
|
|
P.SpinPreference {
|
|
|
|
name: "Amplitude"
|
|
|
|
label: qsTr("Amplitude Ratio")
|
|
|
|
enabled: !_cfg_preset_line_dataSettings_autoNormalizing.value
|
|
|
|
message: "1 to 100"
|
|
|
|
display: P.TextFieldPreference.ExpandLabel
|
|
|
|
editable: true
|
|
|
|
from: 1
|
|
|
|
to: 100
|
|
|
|
defaultValue: defaultValues["Data Settings"]["Amplitude"]
|
|
|
|
}
|
|
|
|
|
|
|
|
P.Separator {}
|
|
|
|
|
|
|
|
P.SelectPreference {
|
|
|
|
name: "Unit Style"
|
|
|
|
label: qsTr("Display Style")
|
|
|
|
defaultValue: defaultValues["Data Settings"]["Unit Style"]
|
|
|
|
model: [qsTr("Linear"), qsTr("Decibel")]
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|