Project structure adjustments

2026-06-07 04:15:26 +00:00 · 2025-11-03 21:18:13 -05:00
parent 572be1db27
commit 65edc59371
8 changed files with 78 additions and 4 deletions
@@ -0,0 +1,44 @@
+import QtQuick
+import qs.Commons
+
+Item {
+  id: root
+  property color fillColor: Color.mPrimary
+  property color strokeColor: Color.mOnSurface
+  property int strokeWidth: 0
+  property var values: []
+  property bool vertical: false
+
+  // Minimum signal properties
+  property bool showMinimumSignal: false
+  property real minimumSignalValue: 0.05 // Default to 5% of height
+
+  // Pre compute horizontal mirroring
+  readonly property int valuesCount: values.length
+  readonly property int totalBars: valuesCount * 2
+  readonly property real barSlotSize: totalBars > 0 ? (vertical ? height : width) / totalBars : 0
+
+  Repeater {
+    model: root.totalBars
+
+    Rectangle {
+      // The first half of bars are a mirror image (reversed values array).
+      // The second half of bars are in normal order.
+      property int valueIndex: index < root.valuesCount ? root.valuesCount - 1 - index // Mirrored half
+                                                        : index - root.valuesCount // Normal half
+
+      property real rawAmp: root.values[valueIndex]
+      property real amp: (root.showMinimumSignal && rawAmp === 0) ? root.minimumSignalValue : rawAmp
+
+      color: root.fillColor
+      border.color: root.strokeColor
+      border.width: root.strokeWidth
+      antialiasing: true
+
+      width: vertical ? root.width * amp : root.barSlotSize * 0.5
+      height: vertical ? root.barSlotSize * 0.5 : root.height * amp
+      x: vertical ? root.width - width : index * root.barSlotSize + (root.barSlotSize * 0.25)
+      y: vertical ? index * root.barSlotSize + (root.barSlotSize * 0.25) : root.height - height
+    }
+  }
+}
@@ -0,0 +1,49 @@
+import QtQuick
+import qs.Commons
+
+Item {
+  id: root
+  property color fillColor: Color.mPrimary
+  property color strokeColor: Color.mOnSurface
+  property int strokeWidth: 0
+  property var values: []
+  property bool vertical: false
+
+  // Minimum signal properties
+  property bool showMinimumSignal: false
+  property real minimumSignalValue: 0.05 // Default to 5% of height
+
+  // Pre-compute mirroring
+  readonly property int valuesCount: values.length
+  readonly property int totalBars: valuesCount * 2
+  readonly property real barSlotSize: totalBars > 0 ? (vertical ? height : width) / totalBars : 0
+
+  readonly property real centerY: height / 2
+  readonly property real centerX: width / 2
+
+  Repeater {
+    model: root.totalBars
+
+    Rectangle {
+      // The first half of bars are a mirror image (reversed values array).
+      // The second half of bars are in normal order.
+      property int valueIndex: index < root.valuesCount ? root.valuesCount - 1 - index // Mirrored half
+                                                        : index - root.valuesCount // Normal half
+
+      property real rawAmp: root.values[valueIndex]
+      property real amp: (root.showMinimumSignal && rawAmp === 0) ? root.minimumSignalValue : rawAmp
+
+      property real barSize: (vertical ? root.width : root.height) * amp
+
+      color: root.fillColor
+      border.color: root.strokeColor
+      border.width: root.strokeWidth
+      antialiasing: true
+
+      width: vertical ? barSize : root.barSlotSize * 0.8
+      height: vertical ? root.barSlotSize * 0.8 : barSize
+      x: vertical ? root.centerX - (barSize / 2) : index * root.barSlotSize + (root.barSlotSize * 0.25)
+      y: vertical ? index * root.barSlotSize + (root.barSlotSize * 0.25) : root.centerY - (barSize / 2)
+    }
+  }
+}
@@ -0,0 +1,125 @@
+import QtQuick
+import qs.Commons
+
+Item {
+  id: root
+  property color fillColor: Color.mPrimary
+  property color strokeColor: Color.mOnSurface
+  property int strokeWidth: 0
+  property var values: []
+  property bool vertical: false
+
+  // Minimum signal properties
+  property bool showMinimumSignal: false
+  property real minimumSignalValue: 0.05 // Default to 5% of height
+
+  // Redraw when necessary
+  onWidthChanged: canvas.requestPaint()
+  onHeightChanged: canvas.requestPaint()
+  onValuesChanged: canvas.requestPaint()
+  onFillColorChanged: canvas.requestPaint()
+  onStrokeColorChanged: canvas.requestPaint()
+  onShowMinimumSignalChanged: canvas.requestPaint()
+  onMinimumSignalValueChanged: canvas.requestPaint()
+  onVerticalChanged: canvas.requestPaint()
+
+  Canvas {
+    id: canvas
+    anchors.fill: parent
+    antialiasing: true
+
+    onPaint: {
+      var ctx = getContext("2d")
+      ctx.reset()
+
+      if (values.length === 0) {
+        return
+      }
+
+      // Apply minimum signal if enabled
+      var processedValues = values.map(function (v) {
+        return (root.showMinimumSignal && v === 0) ? root.minimumSignalValue : v
+      })
+
+      // Create the mirrored values
+      const partToMirror = processedValues.slice(1).reverse()
+      const mirroredValues = partToMirror.concat(processedValues)
+
+      if (mirroredValues.length < 2) {
+        return
+      }
+
+      ctx.fillStyle = root.fillColor
+      ctx.strokeStyle = root.strokeColor
+      ctx.lineWidth = root.strokeWidth
+
+      const count = mirroredValues.length
+
+      if (root.vertical) {
+        // Vertical orientation
+        const stepY = height / (count - 1)
+        const centerX = width / 2
+        const amplitude = width / 2
+
+        ctx.beginPath()
+
+        // Draw the left half of the waveform from top to bottom
+        var xOffset = mirroredValues[0] * amplitude
+        ctx.moveTo(centerX - xOffset, 0)
+
+        for (var i = 1; i < count; i++) {
+          const y = i * stepY
+          xOffset = mirroredValues[i] * amplitude
+          const x = centerX - xOffset
+          ctx.lineTo(x, y)
+        }
+
+        // Draw the right half of the waveform from bottom to top to create a closed shape
+        for (var i = count - 1; i >= 0; i--) {
+          const y = i * stepY
+          xOffset = mirroredValues[i] * amplitude
+          const x = centerX + xOffset // Mirrored across the center
+          ctx.lineTo(x, y)
+        }
+
+        ctx.closePath()
+      } else {
+        // Horizontal orientation
+        const stepX = width / (count - 1)
+        const centerY = height / 2
+        const amplitude = height / 2
+
+        ctx.beginPath()
+
+        // Draw the top half of the waveform from left to right
+        var yOffset = mirroredValues[0] * amplitude
+        ctx.moveTo(0, centerY - yOffset)
+
+        for (var i = 1; i < count; i++) {
+          const x = i * stepX
+          yOffset = mirroredValues[i] * amplitude
+          const y = centerY - yOffset
+          ctx.lineTo(x, y)
+        }
+
+        // Draw the bottom half of the waveform from right to left to create a closed shape
+        for (var i = count - 1; i >= 0; i--) {
+          const x = i * stepX
+          yOffset = mirroredValues[i] * amplitude
+          const y = centerY + yOffset // Mirrored across the center
+          ctx.lineTo(x, y)
+        }
+
+        ctx.closePath()
+      }
+
+      // --- Render the path ---
+      if (root.fillColor.a > 0) {
+        ctx.fill()
+      }
+      if (root.strokeWidth > 0) {
+        ctx.stroke()
+      }
+    }
+  }
+}