Files
MujicaUI/image_compare.go
T

75 lines
2.3 KiB
Go

package mujica
import (
"log/slog"
"math"
"github.com/egoist/mygo/ui"
"mujicaui/internal"
"mujicaui/theme"
)
// ImageCompareOptions configure an ImageCompare.
type ImageCompareOptions struct {
// BeforeLabel and AfterLabel caption the sides; empty uses defaults.
BeforeLabel, AfterLabel string
Disabled bool
}
// ImageCompare shows before left of *split, after right.
func ImageCompare(c *ui.Context, before, after ui.ImageSource, split *float64, opts ImageCompareOptions) ChoiceResult {
if *split < 0 || *split > 1 || math.IsNaN(*split) {
panic("mujica: ImageCompare split outside 0..1")
}
bw, bh := viewerSize(before)
viewerSize(after)
k := Tokens(c)
bl, al := opts.BeforeLabel, opts.AfterLabel
if bl == "" {
bl = msg(c, "image_compare.before")
}
if al == "" {
al = msg(c, "image_compare.after")
}
g, _ := sliderSetup(0, 1, 0.01, nil, false, c)
old := *split
var s *ui.Element
var next float64
ui.Box(c).Disabled(opts.Disabled).Children(func() {
s, next, _ = sliderControl(c, old, g, 0, 1)
})
s.FillWidth().AspectRatio(bw / bh).FocusRing(false).Cursor(ui.CursorResizeEW).Clip().Radius(theme.ControlRadius).
Label(bl + " / " + al)
internal.Ring(s, k.Focus, theme.ControlRadius)
if !s.IsDisabled() {
*split = next
}
changed := *split != old
if changed {
slog.Debug("mujica: image_compare split", "split", *split)
}
v, size := float32(*split), FontSize(c, theme.CaptionSize)
s.Draw(func(p *ui.Painter, r ui.Rect) {
x := internal.Snap(p, r.X+r.W*v)
p.Image(after, r, ui.Cover)
p.Clip(ui.Rect{X: r.X, Y: r.Y, W: x - r.X, H: r.H}, 0, func() { p.Image(before, r, ui.Cover) })
compareTag(p, k, r.X+8, r.Y+8, bl, size)
w, _ := p.MeasureText(1000, ui.Span{Text: al, Size: size})
compareTag(p, k, r.X+r.W-w-20, r.Y+8, al, size)
p.Fill(ui.Rect{X: x - 1, Y: r.Y, W: 2, H: r.H}, k.Surface, 0)
cy := internal.Snap(p, r.Y+r.H/2)
p.FillPath(internal.Diamond(x, cy, 22), k.Surface)
p.FillPath(internal.Diamond(x, cy, 16), k.AccentText)
})
return ChoiceResult{Element: s, changed: changed}
}
// compareTag draws a caption chip at (x, y).
func compareTag(p *ui.Painter, k theme.Tokens, x, y float32, s string, size float32) {
w, h := p.MeasureText(1000, ui.Span{Text: s, Size: size})
b := ui.Rect{X: x, Y: y, W: w + 12, H: h + 4}
p.Fill(b, k.Surface.Alpha(0.88), theme.ControlRadius)
p.Text(b.X+6, b.Y+2, s, size, k.Text)
}