Files
ZacharyZhang-NYandClaude Opus 5.5 4efaf2680f Add layout components 0001-0025
Stack through StickyHeader, with behavior tests and gallery demos.
kit gains Arrive, Settle (paint-time layout check) and Shade.
Several actions return named ui.Element results; mygo vet forbids
elements in structs.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
2026-10-17 02:49:32 -04:00

26 lines
861 B
Go

package layout
import (
"git.zacharyzhang.com/ZacharyZhang-NY/CrychicUI/kit"
"github.com/egoist/mygo/ui"
)
// StickyHeader tops a scroll; its shadow fades in once scrolled.
func StickyHeader(c *ui.Context, header, content func()) ui.Element {
t := c.Theme()
root := ui.Column(c).Clip()
st := ui.Local(root, "scroll", func() ui.ScrollState { return ui.ScrollState{} })
kit.Settle(c, root, []float32{st.Y}, func() []float32 { return []float32{st.Y} })
return root.Children(func() {
head := ui.Row(c).FillWidth().Gap(t.Space(2)).Padding(t.Space(2), t.Space(3)).AlignItems(ui.Center).
Background(t.Background)
target := float32(0)
if st.Y > 0 {
target = 1
}
a := head.AnimateTo("shadow", target, ui.Snappy)
head.Shadow(0, 1, 4, 0, kit.Shade(0.1*a)).Children(header)
ui.Scroll(c).Grow(1).Basis(0).TrackScroll(st).Children(content)
})
}