Get a new toggle button kind of placed (split later)

.clang-format

@@ -27,6 +27,7 @@ BreakBeforeBraces: Custom
 BraceWrapping: # Allman except for lambdas
   AfterClass: true
   AfterCaseLabel: true
+  AfterEnum: true
   AfterFunction: true
   AfterNamespace: true
   AfterStruct: true

CMakeLists.txt

@@ -100,12 +100,14 @@ set(SourceFiles
     libs/tote_bag/juce_gui/components/widgets/LabelSlider.h
     libs/tote_bag/juce_gui/components/widgets/ParameterSlider.h
     libs/tote_bag/juce_gui/components/widgets/ParameterTextButton.h
+    libs/tote_bag/juce_gui/components/widgets/tbl_ToggleButton.h
     libs/tote_bag/juce_gui/components/widgets/DrawableParameterButton.cpp
     libs/tote_bag/juce_gui/components/widgets/FlatTextButton.cpp
     libs/tote_bag/juce_gui/components/widgets/FlatTextChooser.cpp
     libs/tote_bag/juce_gui/components/widgets/LabelSlider.cpp
     libs/tote_bag/juce_gui/components/widgets/ParameterSlider.cpp
     libs/tote_bag/juce_gui/components/widgets/ParameterTextButton.cpp
+    libs/tote_bag/juce_gui/components/widgets/tbl_ToggleButton.cpp
 
     libs/tote_bag/juce_gui/lookandfeel/LookAndFeel.h
     libs/tote_bag/juce_gui/lookandfeel/LookAndFeelConstants.h

libs/tote_bag/juce_gui/components/widgets/tbl_ToggleButton.cpp

@@ -0,0 +1,14 @@
+// 2023 Tote Bag Labs
+
+#include "tbl_ToggleButton.h"
+
+namespace tote_bag
+{
+ToggleButton::ToggleButton (const juce::String& parameterId,
+                            juce::AudioProcessorValueTreeState& stateToControl)
+    : juce::ToggleButton (parameterId)
+    , buttonValue (stateToControl, parameterId, *this)
+{
+    setClickingTogglesState (true);
+}
+} // namespace tote_bag

libs/tote_bag/juce_gui/components/widgets/tbl_ToggleButton.h

@@ -0,0 +1,28 @@
+
+// 2023 Tote Bag Labs
+
+#pragma once
+
+#include <juce_audio_processors/juce_audio_processors.h>
+#include <juce_gui_basics/juce_gui_basics.h>
+
+namespace tote_bag
+{
+class ToggleButton : public juce::ToggleButton
+{
+public:
+    ToggleButton (const juce::String& parameterId,
+                  juce::AudioProcessorValueTreeState& stateToControl);
+
+    enum ColourIds
+    {
+        backgroundColourId = 0x1006504,
+        highightColourId = 0x1006505,
+    };
+
+private:
+    juce::AudioProcessorValueTreeState::ButtonAttachment buttonValue;
+
+    JUCE_DECLARE_NON_COPYABLE_WITH_LEAK_DETECTOR (ToggleButton)
+};
+} // namespace tote_bag

libs/tote_bag/juce_gui/lookandfeel/LookAndFeel.cpp

@@ -12,6 +12,7 @@
 #include "LookAndFeelConstants.h"
 
 #include "tote_bag/juce_gui/components/widgets/FlatTextButton.h"
+#include "tote_bag/juce_gui/components/widgets/tbl_ToggleButton.h"
 
 namespace tote_bag
 {
@@ -32,6 +33,10 @@ LookAndFeel::LookAndFeel()
     setColour (juce::Slider::rotarySliderOutlineColourId, vPinkDark);
     setColour (juce::Slider::rotarySliderFillColourId, juce::Colours::floralwhite);
 
+    // toggle button colours
+    setColour (ToggleButton::backgroundColourId, juce::Colours::grey);
+    setColour (ToggleButton::highightColourId, juce::Colours::green);
+
     // so we don't get background painting on drawable buttons
     setColour (juce::DrawableButton::backgroundOnColourId,
                juce::Colours::transparentWhite);
@@ -399,6 +404,25 @@ void LookAndFeel::drawPopupMenuItem (juce::Graphics& g,
     g.drawFittedText (text, r, juce::Justification::left, 1);
 }
 
+void LookAndFeel::drawToggleButton (juce::Graphics& g,
+                                    juce::ToggleButton& button,
+                                    bool,
+                                    bool)
+{
+    const auto backgroundBounds = button.getLocalBounds();
+    g.setColour (findColour (ToggleButton::backgroundColourId));
+    g.fillEllipse (backgroundBounds.toFloat());
+
+    const auto buttonIsActive = button.getToggleState();
+    if (buttonIsActive)
+    {
+        const auto highlightBounds = backgroundBounds.reduced (
+            juce::roundToInt (backgroundBounds.getWidth() * .20f));
+        g.setColour (findColour (ToggleButton::highightColourId));
+        g.fillEllipse (highlightBounds.toFloat());
+    }
+}
+
 juce::Slider::SliderLayout LookAndFeel::getSliderLayout (juce::Slider& slider)
 {
     // 1. compute the actually visible textBox size from the slider textBox size and some additional constraints

libs/tote_bag/juce_gui/lookandfeel/LookAndFeel.h

@@ -108,6 +108,11 @@ class LookAndFeel : public juce::LookAndFeel_V4,
                             const juce::Drawable*,
                             const juce::Colour*) override;
 
+    void drawToggleButton (juce::Graphics& g,
+                           juce::ToggleButton& button,
+                           bool shouldDrawButtonAsHighlighted,
+                           bool shouldDrawButtonAsDown) override;
+
     juce::Slider::SliderLayout getSliderLayout (juce::Slider& slider) override;
 
     enum ColourIds { knobColourId = 0x1001800, pointerColourId = 0x1001801 };

src/gui/panels/ValentineCenterPanel.cpp

@@ -4,20 +4,31 @@
 #include "BinaryData.h"
 #include "PluginProcessor.h"
 
+#include "ValentineParameters.h"
 #include "tote_bag/juce_gui/lookandfeel/LookAndFeelConstants.h"
 #include "tote_bag/juce_gui/utilities/GraphicsUtilities.h"
 
 namespace tote_bag
 {
 namespace valentine
 {
+namespace detail
+{
+inline const juce::String kCrushSliderText = "CRUSH";
+} // namespace detail
+
 CenterPanel::CenterPanel (ValentineAudioProcessor& processor)
     : borderLineThickness (0.0f)
     , borderCornerSize (0.0f)
+    , crushSlider (detail::kCrushSliderText,
+                   parameterID (VParameter::bitCrush),
+                   processor.treeState)
+    , crushEnableButton (parameterID (VParameter::crushEnable), processor.treeState)
     , valentineLogo (
           juce::Drawable::createFromImageData (BinaryData::logo_218x40_svg,
                                                BinaryData::logo_218x40_svgSize))
 {
+    addAndMakeVisible (crushEnableButton);
     addAndMakeVisible (valentineLogo.get());
 }
 
@@ -52,9 +63,24 @@ void CenterPanel::resized()
     topRowBorder = topRowBounds.reduced (margin);
 
     auto topRowComponents = topRowBorder.reduced (margin);
-    const auto topRowSliders = topRowComponents.removeFromLeft (
+    auto topRowSliders = topRowComponents.removeFromLeft (
         juce::roundToInt (topRowComponents.getWidth() * .65f));
 
+    // Get basic width for top row sliders
+    auto topRowSliderWidth = juce::roundToInt (topRowSliders.getWidth() * .33f);
+    // Use slider width as reference for button width
+    const auto topRowButtonWidth = juce::roundToInt (topRowSliderWidth * .10f);
+    // Adjust button width to make room
+    topRowSliderWidth -= topRowButtonWidth;
+
+    auto crushButtonBounds = topRowSliders.removeFromLeft (topRowButtonWidth);
+    auto crushButtonSpacer = juce::roundToInt (
+        (crushButtonBounds.getHeight() - crushButtonBounds.getWidth()) * .5f);
+    crushButtonBounds.removeFromTop (crushButtonSpacer);
+    crushButtonBounds.removeFromBottom (crushButtonSpacer);
+
+    crushEnableButton.setBounds (crushButtonBounds);
+
     const auto logoHeight = juce::roundToInt (topRowComponents.getHeight() * .25f);
     topRowComponents.removeFromTop (logoHeight * 1.45f);
     topRowComponents.removeFromRight (logoHeight * .5f);

src/gui/panels/ValentineCenterPanel.h

@@ -2,6 +2,9 @@
 
 #pragma once
 
+#include "tote_bag/juce_gui/components/widgets/LabelSlider.h"
+#include "tote_bag/juce_gui/components/widgets/tbl_ToggleButton.h"
+
 #include <juce_gui_basics/juce_gui_basics.h>
 
 class ValentineAudioProcessor;
@@ -26,6 +29,9 @@ class CenterPanel : public juce::Component
     float borderLineThickness;
     float borderCornerSize;
 
+    LabelSlider crushSlider;
+    ToggleButton crushEnableButton;
+
     std::unique_ptr<juce::Drawable> valentineLogo;
 
     JUCE_DECLARE_NON_COPYABLE_WITH_LEAK_DETECTOR (CenterPanel)