LibGUI: Add ValueSlider widget

ValueSlider is a more generalized version of OpacitySlider when we need
a slider with values displayed. It will always show the current value
with a user defined suffix.

1 files changed, 53 insertions, 0 deletions

diff --git a/Userland/Libraries/LibGUI/ValueSlider.h b/Userland/Libraries/LibGUI/ValueSlider.h
new file mode 100644
index 0000000000..886e1adf18
--- /dev/null
+++ b/Userland/Libraries/LibGUI/ValueSlider.h
@@ -0,0 +1,53 @@
+/*
+ * Copyright (c) 2021, Marcus Nilsson <brainbomb@gmail.com>
+ *
+ * SPDX-License-Identifier: BSD-2-Clause
+ */
+
+#pragma once
+
+#include <LibGUI/AbstractSlider.h>
+
+namespace GUI {
+
+class ValueSlider : public AbstractSlider {
+    C_OBJECT(ValueSlider);
+
+public:
+    enum class KnobStyle {
+        Wide,
+        Thin,
+    };
+
+    virtual ~ValueSlider() override;
+
+    void set_suffix(String suffix) { m_suffix = move(suffix); }
+    void set_knob_style(KnobStyle knobstyle) { m_knob_style = knobstyle; }
+
+    virtual void set_value(int value) override;
+
+protected:
+    virtual void paint_event(PaintEvent&) override;
+    virtual void mousedown_event(MouseEvent&) override;
+    virtual void mousemove_event(MouseEvent&) override;
+    virtual void mouseup_event(MouseEvent&) override;
+    virtual void mousewheel_event(MouseEvent&) override;
+    virtual void leave_event(Core::Event&) override;
+
+private:
+    explicit ValueSlider(Gfx::Orientation = Gfx::Orientation::Horizontal, String suffix = "");
+
+    String formatted_value() const;
+    int value_at(const Gfx::IntPoint& position) const;
+    Gfx::IntRect bar_rect() const;
+    Gfx::IntRect knob_rect() const;
+
+    String m_suffix {};
+    Orientation m_orientation { Orientation::Horizontal };
+    KnobStyle m_knob_style { KnobStyle::Thin };
+    RefPtr<GUI::TextBox> m_textbox;
+    bool m_dragging { false };
+    bool m_hovered { false };
+};
+
+}