StillHammer
579cadeae8
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>
64 lines
1.3 KiB
JSON
64 lines
1.3 KiB
JSON
{
|
|
"name": "dark",
|
|
"colors": {
|
|
"primary": "0x3498dbFF",
|
|
"secondary": "0x2ecc71FF",
|
|
"background": "0x2c3e50FF",
|
|
"surface": "0x34495eFF",
|
|
"text": "0xecf0f1FF",
|
|
"textMuted": "0x95a5a6FF",
|
|
"border": "0x7f8c8dFF",
|
|
"danger": "0xe74c3cFF",
|
|
"warning": "0xf39c12FF",
|
|
"success": "0x27ae60FF"
|
|
},
|
|
"panel": {
|
|
"bgColor": "$background",
|
|
"padding": 15
|
|
},
|
|
"label": {
|
|
"textColor": "$text",
|
|
"fontSize": 16
|
|
},
|
|
"button": {
|
|
"padding": 10,
|
|
"fontSize": 16,
|
|
"borderRadius": 4,
|
|
"normal": {
|
|
"bgColor": "$primary",
|
|
"textColor": "0xFFFFFFFF"
|
|
},
|
|
"hover": {
|
|
"bgColor": "0x5dade2FF",
|
|
"textColor": "0xFFFFFFFF"
|
|
},
|
|
"pressed": {
|
|
"bgColor": "0x2874a6FF",
|
|
"textColor": "0xFFFFFFFF"
|
|
},
|
|
"disabled": {
|
|
"bgColor": "$surface",
|
|
"textColor": "$textMuted"
|
|
}
|
|
},
|
|
"slider": {
|
|
"bgColor": "$surface",
|
|
"accentColor": "$primary",
|
|
"handleSize": 18
|
|
},
|
|
"checkbox": {
|
|
"bgColor": "$surface",
|
|
"accentColor": "$secondary",
|
|
"textColor": "$text",
|
|
"fontSize": 16,
|
|
"boxSize": 24,
|
|
"spacing": 8
|
|
},
|
|
"progressbar": {
|
|
"bgColor": "$surface",
|
|
"accentColor": "$secondary",
|
|
"textColor": "$text",
|
|
"fontSize": 14
|
|
}
|
|
}
|