ZacharyZhang-NY
b4b4d67b92
A cross-cutting pass, each fix with a test that failed first. Veils: MyGo still hands a key to a base that turned off this frame, so every element key now goes through pixel.Shortcut, which an archtest enforces. Input handlers record and the build applies them only while enabled; the editor turns away a veil-frame letter or copy; value bases get a copy and keep only enabled turns. Popups give a held focus back to their opener when the veil lifts. Motion: S5 is enforced at the clock. Every Tick, Since, Step, Toward and Shot runs at 4-15 fps; blinks keep 1 Hz on 4 fps steps, fast animations step at 15, and drawn time is quantized to frames. Clocks stepping back: Since holds at zero without overflow, and k.Elapsed moves a stored start to now, so nothing goes negative, runs backward or indexes out of range. Also: logs count typed text instead of holding it, gallery names use glyphs the font has, removable rows are keyed, components take their own Options (archtest), and sweeps over all 508 demos check veiled keys, clicks, wheels, the clock stepping back and names.
122 lines
3.4 KiB
Go
122 lines
3.4 KiB
Go
package navigation
|
|
|
|
import (
|
|
"log/slog"
|
|
|
|
"github.com/egoist/mygo/ui"
|
|
|
|
"git.zacharyzhang.com/ZacharyZhang-NY/8bitMyGoUI/pixel"
|
|
)
|
|
|
|
type NavItem struct {
|
|
Icon *pixel.Sprite
|
|
Label string
|
|
}
|
|
|
|
type NavRailOptions struct {
|
|
Disabled bool
|
|
}
|
|
|
|
type NavRailResult struct {
|
|
Element *ui.Element
|
|
Changed bool
|
|
}
|
|
|
|
// NavRail is an icon rail, named on hover or focus.
|
|
func NavRail(c *ui.Context, text string, items []NavItem, selected *int, o NavRailOptions) NavRailResult {
|
|
k := pixel.K(c)
|
|
res := NavRailResult{}
|
|
// The bases turn before they learn they are off.
|
|
v := *selected
|
|
res.Element = ui.RadioGroup(c, func() {
|
|
for i, it := range items {
|
|
shell, _, st := pixel.Shell(c, func() *ui.Element {
|
|
return ui.RadioBase(c, &v, i).Label(it.Label).Disabled(o.Disabled)
|
|
})
|
|
shell.Size(k.D(22), k.D(22)).Draw(func(p *ui.Painter, r ui.Rect) {
|
|
g := k.Canvas(p, r)
|
|
ink := pixel.Ink
|
|
switch {
|
|
case i == *selected:
|
|
g.Frame(0, 0, g.W, g.H, pixel.Notched, pixel.Accent)
|
|
ink = pixel.AccentInk
|
|
case st.Hover:
|
|
g.Frame(0, 0, g.W, g.H, pixel.Notched, pixel.Lit)
|
|
}
|
|
g.Sprite(5, 5, it.Icon, 0, ink, 1)
|
|
g.Finish(st)
|
|
})
|
|
if st.Hover || st.Focus {
|
|
tip(c, k, shell.Bounds(), it.Label)
|
|
}
|
|
}
|
|
}).AlignSelf(ui.Start).Gap(k.D(2)).Padding(k.D(3)).Label(text).Draw(func(p *ui.Painter, r ui.Rect) {
|
|
g := k.Canvas(p, r)
|
|
g.Rect(0, 0, g.W, g.H, pixel.Face)
|
|
g.VLine(g.W-1, 0, g.H, pixel.Edge)
|
|
})
|
|
if res.Changed = keep(c, v, selected, o.Disabled); res.Changed {
|
|
slog.Debug("8bit: nav rail", "label", text, "selected", *selected)
|
|
}
|
|
return res
|
|
}
|
|
|
|
// tip names an item to its right, letting presses by.
|
|
func tip(c *ui.Context, k pixel.Kit, at ui.Rect, s string) {
|
|
ui.Overlay(c, func() {
|
|
w := pixel.Measure(s) + 8
|
|
ui.Box(c).Absolute().Left(at.X+at.W+k.D(4)).Top(at.Y+(at.H-k.D(pixel.LineHeight+2))/2).
|
|
Size(k.D(w), k.D(pixel.LineHeight+2)).PassThrough().Draw(func(p *ui.Painter, r ui.Rect) {
|
|
g := k.Canvas(p, r)
|
|
g.Frame(0, 0, g.W, g.H, pixel.Notched, pixel.Ink)
|
|
g.Text(4, 1, s, pixel.Back, 1)
|
|
})
|
|
})
|
|
}
|
|
|
|
type BottomNavOptions struct {
|
|
Disabled bool
|
|
}
|
|
|
|
type BottomNavResult struct {
|
|
Element *ui.Element
|
|
Changed bool
|
|
}
|
|
|
|
// BottomNav is a bar of labeled icons for narrow screens.
|
|
func BottomNav(c *ui.Context, text string, items []NavItem, selected *int, o BottomNavOptions) BottomNavResult {
|
|
k := pixel.K(c)
|
|
res := BottomNavResult{}
|
|
// The bases turn before they learn they are off.
|
|
v := *selected
|
|
res.Element = ui.RadioGroup(c, func() {
|
|
for i, it := range items {
|
|
shell, _, st := pixel.Shell(c, func() *ui.Element {
|
|
return ui.RadioBase(c, &v, i).Label(it.Label).Disabled(o.Disabled)
|
|
})
|
|
w := max(pixel.Measure(it.Label), 12) + 12
|
|
shell.Size(k.D(w), k.D(16+pixel.LineHeight)).Draw(func(p *ui.Painter, r ui.Rect) {
|
|
g := k.Canvas(p, r)
|
|
ink := pixel.Faint
|
|
if i == *selected {
|
|
ink = pixel.Accent
|
|
g.HLine(2, 0, g.W-4, pixel.Accent)
|
|
} else if st.Hover {
|
|
ink = pixel.Ink
|
|
}
|
|
g.Sprite((g.W-it.Icon.W)/2, 2, it.Icon, 0, ink, 1)
|
|
g.Text((g.W-pixel.Measure(it.Label))/2, 14, it.Label, ink, 1)
|
|
g.Finish(st)
|
|
})
|
|
}
|
|
}).Row().Gap(k.D(4)).Padding(k.D(2), k.D(6)).Label(text).Draw(func(p *ui.Painter, r ui.Rect) {
|
|
g := k.Canvas(p, r)
|
|
g.Rect(0, 0, g.W, g.H, pixel.Face)
|
|
g.HLine(0, 0, g.W, pixel.Edge)
|
|
})
|
|
if res.Changed = keep(c, v, selected, o.Disabled); res.Changed {
|
|
slog.Debug("8bit: bottom nav", "label", text, "selected", *selected)
|
|
}
|
|
return res
|
|
}
|