|
|
bc8db4be0c
|
feat: Add UIModule interactive showcase demo
Complete interactive application demonstrating all UIModule features:
Features:
- All 9 widget types (Button, Slider, TextInput, Checkbox, ProgressBar, Label, Panel, ScrollPanel, Image)
- Live event console showing all UI events in real-time
- Event statistics tracking (clicks, actions, value changes, hovers)
- Hot-reload support (press 'R' to reload UI from JSON)
- Mouse interaction (click, hover, drag, wheel)
- Keyboard input (text fields, shortcuts)
- Tooltips on all widgets with smart positioning
- Nested scrollable panels
- Graceful degradation (handles renderer failure in WSL/headless)
Files:
- tests/demo/demo_ui_showcase.cpp (370 lines) - Main demo application
- assets/ui/demo_showcase.json (1100+ lines) - Complete UI layout
- docs/UI_MODULE_DEMO.md - Full documentation
- tests/CMakeLists.txt - Build system integration
Use cases:
- Learning UIModule API and patterns
- Visual regression testing
- Integration example for new projects
- Showcase of GroveEngine capabilities
- Hot-reload workflow demonstration
Run:
cmake --build build-bgfx --target demo_ui_showcase -j4
cd build-bgfx/tests && ./demo_ui_showcase
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-11-29 08:52:25 +08:00 |
|
|
|
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 |
|
