131 lines
3.9 KiB
Go
131 lines
3.9 KiB
Go
package mujica
|
|
|
|
import (
|
|
"log/slog"
|
|
"math"
|
|
|
|
"github.com/egoist/mygo/ui"
|
|
|
|
"mujicaui/theme"
|
|
)
|
|
|
|
// RangeSliderOptions configure a RangeSlider. Min and Max both zero mean 0 to 100.
|
|
type RangeSliderOptions struct {
|
|
Min, Max float64
|
|
// Step snaps both ends to Min plus multiples of it; zero is continuous.
|
|
Step float64
|
|
Marks []SliderMark
|
|
ShowValue bool
|
|
Format func(float64) string
|
|
Disabled bool
|
|
// Label names the range; the thumbs read "<Label> minimum/maximum, value".
|
|
Label string
|
|
}
|
|
|
|
// RangeSlider sets *low and *high, which never cross. A press moves the
|
|
// nearer thumb; each thumb takes the focus and the arrows, Home and End.
|
|
func RangeSlider(c *ui.Context, low, high *float64, opts RangeSliderOptions) ChoiceResult {
|
|
g, h := sliderSetup(opts.Min, opts.Max, opts.Step, opts.Marks, opts.ShowValue, c)
|
|
format := sliderFormat(opts.Format, opts.Step)
|
|
k := Tokens(c)
|
|
*low, *high = g.snap(math.Min(*low, *high)), g.snap(math.Max(*low, *high))
|
|
oldLow, oldHigh := *low, *high
|
|
e := ui.Box(c).Height(h).MinWidth(120).Shrink(0).Role(ui.RoleGroup).Disabled(opts.Disabled).Cursor(ui.CursorPointer)
|
|
if opts.Label != "" {
|
|
e.Label(opts.Label)
|
|
}
|
|
drag := ui.Local(e, rangeSliderDrag{}, func() int { return -1 })
|
|
px, _, _ := e.PointerPosition()
|
|
r := e.Bounds()
|
|
at := g.snap(g.lo + float64((px-sliderThumb/2)/max(r.W-sliderThumb, 1))*(g.hi-g.lo))
|
|
var knobs [2]*ui.Element
|
|
pressed := false
|
|
e.Children(func() {
|
|
for i, v := range []*float64{low, high} {
|
|
from, to := g.lo, *high
|
|
if i == 1 {
|
|
from, to = *low, g.hi
|
|
}
|
|
x := g.x(ui.Rect{W: r.W}, *v) - sliderThumb/2
|
|
kb := ui.Box(c).Key(i).Absolute().Left(x).Top(g.trackY-sliderThumb/2).Size(sliderThumb, sliderThumb).
|
|
Focusable().FocusRing(false).Role(ui.RoleSlider)
|
|
name := msg(c, []string{"range_slider.min", "range_slider.max"}[i])
|
|
if opts.Label != "" {
|
|
name = opts.Label + " " + name
|
|
}
|
|
kb.Label(name + ", " + format(*v))
|
|
step := func(d float64) float64 {
|
|
if g.step > 0 {
|
|
return g.snap(*v + d*g.step)
|
|
}
|
|
return *v + d*(g.hi-g.lo)/100
|
|
}
|
|
switch {
|
|
case kb.Shortcut(0, ui.KeyLeft), kb.Shortcut(0, ui.KeyDown):
|
|
*v = max(from, step(-1))
|
|
case kb.Shortcut(0, ui.KeyRight), kb.Shortcut(0, ui.KeyUp):
|
|
*v = min(to, step(1))
|
|
case kb.Shortcut(0, ui.KeyHome):
|
|
*v = from
|
|
case kb.Shortcut(0, ui.KeyEnd):
|
|
*v = to
|
|
}
|
|
if _, _, ok := kb.Dragged(); ok {
|
|
pressed = true
|
|
*drag = i
|
|
}
|
|
knobs[i] = kb
|
|
}
|
|
})
|
|
if _, _, ok := e.Dragged(); ok {
|
|
pressed = true
|
|
}
|
|
if !pressed || opts.Disabled {
|
|
*drag = -1
|
|
} else {
|
|
if *drag < 0 {
|
|
*drag = 0
|
|
if math.Abs(at-*high) < math.Abs(at-*low) || at > *high {
|
|
*drag = 1
|
|
}
|
|
}
|
|
if *drag == 0 {
|
|
*low = min(at, *high)
|
|
} else {
|
|
*high = max(at, *low)
|
|
}
|
|
knobs[*drag].Focus()
|
|
}
|
|
changed := *low != oldLow || *high != oldHigh
|
|
if changed {
|
|
slog.Debug("mujica: range slider changed", "label", opts.Label, "low", *low, "high", *high)
|
|
}
|
|
lo, hi, which := *low, *high, *drag
|
|
hover := e.Hovered()
|
|
e.Draw(func(p *ui.Painter, r ui.Rect) {
|
|
x0, x1 := g.x(r, lo), g.x(r, hi)
|
|
sliderTrackPaint(p, r, g, k, opts.Marks, format, x0, x1)
|
|
for i, x := range []float32{x0, x1} {
|
|
hot := which == i || knobs[i].Hovered()
|
|
sliderThumbPaint(p, k, x, r.Y+g.trackY, hot, knobs[i].FocusVisible())
|
|
if opts.ShowValue && (hot || hover || knobs[i].Focused()) {
|
|
rangeSliderBubble(p, k, x, r.Y+g.trackY, format([]float64{lo, hi}[i]), i)
|
|
}
|
|
}
|
|
})
|
|
return ChoiceResult{e, changed}
|
|
}
|
|
|
|
// rangeSliderDrag keys which thumb the pointer drags, -1 for none.
|
|
type rangeSliderDrag struct{}
|
|
|
|
// rangeSliderBubble keeps the two tips apart: the low one leans left, the high one right.
|
|
func rangeSliderBubble(p *ui.Painter, k theme.Tokens, x, y float32, s string, i int) {
|
|
w, _ := p.MeasureText(1000, ui.Span{Text: s, Size: theme.CaptionSize})
|
|
shift := (w+12)/2 - sliderThumb/2
|
|
if i == 0 {
|
|
shift = -shift
|
|
}
|
|
sliderBubblePaint(p, k, x+shift, y, s)
|
|
}
|