Krotos_LookAndFeel.h

Go to the documentation of this file.

#pragma once
namespace krotos
{
    class Krotos_LookAndFeel : public juce::LookAndFeel_V4
    {
      public:
        struct Properties
        {
            struct AlertWindow
            {
                static const Identifier AlertWidthID;
                static const Identifier AlertHeightID;
            };
 
            // ComboBox Properties
            struct ComboBox
            {
                static const Identifier DisableHover;
 
                static const Identifier RoundedCornerID;
                enum RoundedCorner
                {
                    Bottom = 0, // Bottom left and bottom right
                    Top,        // Top left and top right
                    TopLeft,
                    TopRight,
                    BottomLeft,
                    BottomRight,
                    All,
                    None
                };
 
                static const Identifier UseCustomIcon;
                static const Identifier IconPositionID;
                enum IconPosition
                {
                    Right = 0,
                    Left,
                    NoIcon
                };
                static const Identifier FontSize;
            };
        };
 
        Krotos_LookAndFeel();
 
        // Rotary Sliders
        void drawRotarySlider(Graphics& g, int x, int y, int width, int height, float sliderPos, float rotaryStartAngle,
                              float rotaryEndAngle, juce::Slider& slider) override;
 
        // Custom LAF for hyperlink style text button
        class LinkButtonLAF : public LookAndFeel_V4
        {
          public:
            LinkButtonLAF();
            ~LinkButtonLAF() = default;
 
            const Colour buttonTextColour{127, 127, 127};
 
          private:
            void drawButtonBackground(Graphics&, Button&, const Colour& /*backgroundColour*/,
                                      bool /*shouldDrawButtonAsHighlighted*/, bool /*shouldDrawButtonAsDown*/) override
            {
            }
 
            void drawButtonText(Graphics&, TextButton&, bool shouldDrawButtonAsHighlighted,
                                bool shouldDrawButtonAsDown) override;
        };
 
      protected:
        struct Layout
        {
          public:
            // angles
            /*  This is the calulation used to derive the startRadians and endRadians constants from figma design
                based on a 90 degree chunk taken out of the arc bottom
                float startDegrees = 180.f + 45.f;
                float endDegrees = startDegrees + 180.f + 90.f;
                float startRadians = juce::degreesToRadians(startDegrees);
                float endRadians = juce::degreesToRadians(endDegrees); */
            const float startRadians{3.92699075f};
            const float endRadians{8.63937950f};
 
            // scalars
            const float outlineArcInnerProportion{82.f / 86.f};
            const float trackArcInnerProportion{71.f / 77.f};
            const float sliderValueMin{0.f};
            const float sliderValueMax{1.f};
            const float thumbWidth{2.f};
            const int maxTextLines{1};
            const int numDecimalPlaces{2};
            const float KerningFactor{0.02f};
 
            // rectangles
            const juce::Rectangle<float> enclosingSquare{juce::Rectangle<float>(0.f, 0.f, 86.f, 86.f)};
            const juce::Rectangle<float> enclosingSquareTrack{juce::Rectangle<float>(4.5f, 4.5f, 77.f, 77.f)};
            const juce::Rectangle<float> enclosingRectangle{juce::Rectangle<float>(0.f, 0.f, 86.f, 96.f)};
            const juce::Rectangle<float> textRectangle{juce::Rectangle<float>(0.f, 81.f, 86.f, 15.f)};
 
            // points
            const juce::Point<float> arcCenter{juce::Point<float>(43.f, 43.f)};
            const juce::Point<float> thumbEnd{juce::Point<float>(0.f, -37.5f)};
            const juce::Point<float> thumbStart{juce::Point<float>(0.f, -17.5f)};
 
            // colours
            const Colour trackColourInner{0xff37C9DB};
            const Colour trackColourOuter{0xffffffff};
            const Colour thumbColour{0xffffffff};
            const Colour textColour{0xffb2b2b2}; // White x 0.7
 
            // alphas
            const float trackAlphaOuterDefault{0.2f};
            const float trackAlphaOuterClicked{0.3f};
            const float enabledAlphaEnabled{1.f}; // component active : 100%
            const float enabledAlphaDisabled{
                    0.2f}; // component inactive : everything in component as default state with 20 % alpha
            const float mouseOverAlphaDefault{0.15f}; // default: white 15 %
            const float mouseOverAlphaOver{0.3f};     // hover, clicked : white 30 %
        } layout;
 
      private:
        ColourScheme getKrotosDefaultColourScheme()
        {
            const uint32 windowBackground = juce::Colour(48, 63, 70).getARGB();
            const uint32 widgetBackground = juce::Colour(31, 41, 46).getARGB();
            const uint32 menuBackground = juce::Colour(48, 63, 70).getARGB();
            const uint32 outline = juce::Colour(42, 55, 61).getARGB();
            const uint32 defaultText = juce::Colour(255, 255, 255).getARGB();
            const uint32 defaultFill = juce::Colour(71, 96, 107).getARGB();
            const uint32 highlightedText = juce::Colour(255, 255, 255).getARGB();
            const uint32 highlightedFill = juce::Colour(255, 255, 0).getARGB();
            const uint32 menuText = juce::Colour(255, 255, 255).getARGB();
 
            return {windowBackground, widgetBackground, menuBackground,  outline, defaultText,
                    defaultFill,      highlightedText,  highlightedFill, menuText};
        }
    };
} // namespace krotos