Something went wrong. Try again.
A fork of https://github.com/crosspoint-reader/crosspoint-reader
Something went wrong. Try again.
7.9 kB · 158 lines
C
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159#pragma once#include <GfxRenderer.h>#include <I18n.h>
#include <algorithm>
#include "MappedInputManager.h"#include "components/UITheme.h"#include "components/UiAppHelpers.h"#include "components/UiAppHost.h"#include "fontIds.h"
// Shared slider-dialog popup, drawn over the current screen (no clear) via// fui::optionDialog with the same chrome OptionPopup uses: title caption, a// large value readout as the headline, a full-width capsule slider with the// range endpoints above it, and a [-] [+] [Confirm] option-button row on// touch boards or two step-hint lines on button boards. Cancel is Back or a// tap outside the dialog. Used by the interval and percent selection// dialogs, which differ only in how they format the readout, endpoints, and// hints and what the actions do.struct UiSliderDialogSpec { const char* title = nullptr; // dialog caption const char* readout = nullptr; // preformatted current-value text int value = 0; // slider position (0-based within max) int max = 1; // slider range // Range endpoints, drawn small over the slider band's ends ("0%" / "100%"). const char* minLabel = nullptr; const char* maxLabel = nullptr; freeink::ui::ActionId sliderAction = 0; freeink::ui::ActionId stepAction = 0; // dispatched with value -1 / +1 freeink::ui::ActionId okAction = 0; // Absorbs taps on the dialog body (needs no handler); the activity treats // an unrouted release with real coordinates as tap-outside = cancel. freeink::ui::ActionId chromeAction = 0; // Step hints for button boards (small step, large step); skipped on touch. const char* hintLine1 = nullptr; const char* hintLine2 = nullptr;};
inline void buildSliderDialogScreen(UiAppHost::UiScreen& screen, freeink::ui::GfxRendererTarget& uiTarget, const MappedInputManager& mappedInput, const UiSliderDialogSpec& spec) { namespace fui = freeink::ui; const auto& metrics = UITheme::getInstance().getMetrics(); const auto& theme = screen.theme();
// The readout is the dialog's hero: remap the title slot to the large sans // so it reads at a glance. uiTarget.setFont(fui::GfxRendererTarget::FONT_TITLE, NOTOSANS_18_FONT_ID);
const bool touch = mappedInput.hasTouch(); // Touch boards get the finger-sized pill (same as the frontlight rows); on // button boards the capsule is a read-only gauge driven by the keys, so a // slim band is enough. const int16_t bandHeight = touch ? 56 : 24; const int16_t capLh = screen.target().lineHeight(theme.smallText.font); const int16_t sliderH = static_cast<int16_t>(capLh + theme.spaceMd + bandHeight); const int16_t hintsH = touch ? 0 : static_cast<int16_t>(capLh * 2 + theme.spaceSm + theme.spaceMd);
// Dialog chrome and slots, styled exactly like OptionPopup: bordered popup // panel per theme frame metrics, body-font caption, [-] [+] [Confirm] as // one bottom row of dialog buttons ("-"/"+" fire stepAction with -/+1, so // the slider itself stays a bare capsule). Static because the props embed // StyleSets, well past the 256-byte local stack budget; every field is // reassigned each build. fui::DialogOption options[3]; options[0].label = "-"; options[0].action = spec.stepAction; options[0].value = -1; options[1].label = "+"; options[1].action = spec.stepAction; options[1].value = +1; options[2].label = tr(STR_CONFIRM); options[2].action = spec.okAction;
static fui::OptionDialogProps props; props.title = spec.title; props.headline = spec.readout; props.options = touch ? options : nullptr; props.optionCount = touch ? 3 : 0; props.inputMask = fui::InputTouch; props.titleText = theme.smallText; props.titleText.bold = true; props.titleText.align = fui::TextAlign::Center; props.headlineText = theme.titleText; props.headlineText.bold = true; props.headlineText.align = fui::TextAlign::Center; props.buttonText = theme.bodyText; const int16_t innerPadding = static_cast<int16_t>(metrics.optionPopupInnerPadding); props.padding = fui::Insets{innerPadding, innerPadding, innerPadding, innerPadding}; props.gap = static_cast<int16_t>(metrics.optionPopupItemSpacing); // defaultPopupStyles() has no border, so opt in using the per-theme frame metrics. props.styles = fui::defaultPopupStyles(); props.styles.normal.border = fui::Paint::solid(fui::Color::Black); props.styles.normal.borderWidth = static_cast<uint8_t>(metrics.popupFrameThickness); props.styles.normal.radius = static_cast<uint8_t>(metrics.popupCornerRadius); props.styles.selected = props.styles.normal; props.styles.focused = props.styles.normal; props.styles.active = props.styles.normal; props.styles.disabled = props.styles.normal; props.buttonHeight = fui::clampI16(screen.target().lineHeight(theme.bodyText.font) + metrics.optionPopupSelectionVPadding * 2); // Square -/+ buttons; Confirm flexes into the remaining row width so its // label never truncates on large-font themes. options[0].width = props.buttonHeight; options[1].width = props.buttonHeight;
// Reserve the slider band (and hint lines) as the dialog's content band; // optionDialog returns its rect. Same width rule as OptionPopup. props.contentHeight = static_cast<int16_t>(sliderH + hintsH); const fui::Rect screenRect = screen.frame().screen(); const int16_t width = fui::clampI16( std::min<int>(screenRect.width * 3 / 4, screenRect.width - metrics.optionPopupDialogSideMargin * 2)); // Measured height minus one spaceMd: texts anchor to the top and the band/ // buttons to the bottom, so the trim comes out of the air between the // readout and the slider band (which already carries its endpoints line). const int16_t height = fui::clampI16(fui::optionDialogHeight(screen.target(), props, width) - theme.spaceMd, 0, screenRect.height); const fui::Rect dialog = fui::centeredRect(screenRect, fui::Size{width, height}); // Chrome guard first, controls after: routing scans newest-first, so the // buttons and slider win inside the dialog and the guard absorbs the rest — // same pattern as OptionPopup. screen.frame().hit(dialog, spec.chromeAction, 0, fui::InputTouch); const fui::Rect band = fui::optionDialog(screen.frame(), dialog, props);
if (!touch) { // Two-line step hint (front buttons = fine step, side buttons = coarse // step) under the slider, preformatted by the caller so the layout // doesn't depend on a separator hidden in translated text. fui::TextStyle hint = theme.smallText; hint.align = fui::TextAlign::Center; const int16_t hintY = static_cast<int16_t>(band.y + sliderH + theme.spaceMd); if (spec.hintLine1) screen.target().text(fui::Rect{band.x, hintY, band.width, capLh}, spec.hintLine1, hint); if (spec.hintLine2) { screen.target().text(fui::Rect{band.x, static_cast<int16_t>(hintY + capLh + theme.spaceSm), band.width, capLh}, spec.hintLine2, hint); } }
// The slider at the top of the content band: the range endpoints on a small // caption line, then a full-width capsule (no step buttons of its own — the // dialog's [-]/[+] cover exact values). Drag/tap sends dragPermille. const fui::Rect caption{band.x, band.y, band.width, capLh}; fui::TextStyle endpoint = theme.smallText; if (spec.minLabel) screen.target().text(caption, spec.minLabel, endpoint); if (spec.maxLabel) { endpoint.align = fui::TextAlign::Right; screen.target().text(caption, spec.maxLabel, endpoint); }
fui::CapsuleSliderProps capsule; capsule.value = spec.value; capsule.max = spec.max; capsule.action = spec.sliderAction; capsule.radius = theme.capsuleRadius; fui::capsuleSlider(screen.frame(), fui::Rect{band.x, static_cast<int16_t>(band.y + capLh + theme.spaceMd), band.width, bandHeight}, capsule);}