GroveEngine/modules/UIModule/Widgets/UISlider.h
StillHammer 579cadeae8 feat: Complete UIModule Phase 7 - ScrollPanel & Tooltips
This commit implements Phase 7 of the UIModule, adding advanced features
that make the UI system production-ready.

## Phase 7.1 - UIScrollPanel

New scrollable container widget with:
- Vertical and horizontal scrolling (configurable)
- Mouse wheel support with smooth scrolling
- Drag-to-scroll functionality (drag content or scrollbar)
- Interactive scrollbar with proportional thumb
- Automatic content size calculation
- Visibility culling for performance
- Full styling support (colors, borders, scrollbar)

Files added:
- modules/UIModule/Widgets/UIScrollPanel.h
- modules/UIModule/Widgets/UIScrollPanel.cpp
- modules/UIModule/Core/UIContext.h (added mouseWheelDelta)
- modules/UIModule/UIModule.cpp (mouse wheel event routing)

## Phase 7.2 - Tooltips

Smart tooltip system with:
- Hover delay (500ms default)
- Automatic positioning with edge avoidance
- Semi-transparent background with border
- Per-widget tooltip text via JSON
- Tooltip property on all UIWidget types
- Renders on top of all UI elements

Files added:
- modules/UIModule/Core/UITooltip.h
- modules/UIModule/Core/UITooltip.cpp
- modules/UIModule/Core/UIWidget.h (added tooltip property)
- modules/UIModule/Core/UITree.cpp (tooltip parsing)

## Tests

Added comprehensive visual tests:
- test_28_ui_scroll.cpp - ScrollPanel with 35+ items
- test_29_ui_advanced.cpp - Tooltips on various widgets
- assets/ui/test_scroll.json - ScrollPanel layout
- assets/ui/test_tooltips.json - Tooltips layout

## Documentation

- docs/UI_MODULE_PHASE7_COMPLETE.md - Complete Phase 7 docs
- docs/PROMPT_UI_MODULE_PHASE6.md - Phase 6 & 7 prompt
- Updated CMakeLists.txt for new files and tests

## UIModule Status

UIModule is now feature-complete with:
 9 widget types (Panel, Label, Button, Image, Slider, Checkbox,
   ProgressBar, TextInput, ScrollPanel)
 Flexible layout system (vertical, horizontal, stack, absolute)
 Theme and style system
 Complete event system
 Tooltips with smart positioning
 Hot-reload support
 Comprehensive tests (Phases 1-7)

🚀 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-29 07:13:13 +08:00

81 lines
1.9 KiB
C++

#pragma once
#include "../Core/UIWidget.h"
#include <cstdint>
#include <string>
namespace grove {
/**
* @brief Slider widget for numeric value input
*
* Draggable slider for selecting a value within a range.
* Supports horizontal and vertical orientation.
*/
class UISlider : public UIWidget {
public:
UISlider() = default;
~UISlider() override = default;
void update(UIContext& ctx, float deltaTime) override;
void render(UIRenderer& renderer) override;
std::string getType() const override { return "slider"; }
/**
* @brief Check if a point is inside this slider
*/
bool containsPoint(float px, float py) const;
/**
* @brief Handle mouse button event
*/
bool onMouseButton(int button, bool pressed, float x, float y);
/**
* @brief Handle mouse drag
*/
void onMouseDrag(float x, float y);
/**
* @brief Set value (clamped to min/max)
*/
void setValue(float newValue);
/**
* @brief Get current value
*/
float getValue() const { return value; }
// Slider properties
float minValue = 0.0f;
float maxValue = 100.0f;
float value = 50.0f;
float step = 0.0f; // 0 = continuous, >0 = snap to steps
bool horizontal = true; // true = horizontal, false = vertical
std::string onChange; // Action to publish when value changes
// Style
uint32_t trackColor = 0x34495eFF;
uint32_t fillColor = 0x3498dbFF;
uint32_t handleColor = 0xecf0f1FF;
float handleSize = 16.0f;
// State
bool isDragging = false;
bool isHovered = false;
private:
/**
* @brief Calculate handle position from value
*/
void calculateHandlePosition(float& handleX, float& handleY) const;
/**
* @brief Calculate value from mouse position
*/
float calculateValueFromPosition(float x, float y) const;
};
} // namespace grove