joejulian/gio
1
0
Fork 1
mirror of https://git.sr.ht/~eliasnaur/gio synced 2026-07-05 09:25:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

all: update layouts to use layout.Context

Browse Source 
Signed-off-by: Elias Naur <mail@eliasnaur.com>
This commit is contained in:
Elias Naur
2019-09-24 19:14:58 +02:00
parent ce9bcee62b
commit ec307008db
6 changed files with 116 additions and 119 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/go.mod
+1 -1
View File
@@ -3,7 +3,7 @@ module gioui.org/apps
go 1.13 go 1.13
require ( require (
gioui.org/ui v0.0.0-20190918173136-29639565cd34 gioui.org/ui v0.0.0-20190924170607-ce9bcee62baa
github.com/google/go-github/v24 v24.0.1 github.com/google/go-github/v24 v24.0.1
golang.org/x/exp v0.0.0-20190627132806-fd42eb6b336f golang.org/x/exp v0.0.0-20190627132806-fd42eb6b336f
golang.org/x/image v0.0.0-20190703141733-d6a02ce849c9 golang.org/x/image v0.0.0-20190703141733-d6a02ce849c9
apps/go.sum
+2 -2
View File
@@ -1,6 +1,6 @@
cloud.google.com/go v0.34.0/go.mod h1:aQUYkXzVsufM+DwF1aE+0xfcU+56JwCaLick0ClmMTw= cloud.google.com/go v0.34.0/go.mod h1:aQUYkXzVsufM+DwF1aE+0xfcU+56JwCaLick0ClmMTw=
gioui.org/ui v0.0.0-20190918173136-29639565cd34 h1:9JpKtYXvKI4ex6A1b/bsFc5WrOtTybuLZhn0o2Xucis= gioui.org/ui v0.0.0-20190924170607-ce9bcee62baa h1:UnTUUkrSJzS9bncaNAf6AhjBfrdSz/0q/nFq5AgPw2U=
gioui.org/ui v0.0.0-20190918173136-29639565cd34/go.mod h1:PssKPKlqVIeyaed+0w492Xc2NgX5M3n6oZKOAj5rxoE= gioui.org/ui v0.0.0-20190924170607-ce9bcee62baa/go.mod h1:PssKPKlqVIeyaed+0w492Xc2NgX5M3n6oZKOAj5rxoE=
github.com/BurntSushi/xgb v0.0.0-20160522181843-27f122750802/go.mod h1:IVnqGOEym/WlBOVXweHU+Q+/VP0lqqI8lqeDx9IjBqo= github.com/BurntSushi/xgb v0.0.0-20160522181843-27f122750802/go.mod h1:IVnqGOEym/WlBOVXweHU+Q+/VP0lqqI8lqeDx9IjBqo=
github.com/golang/protobuf v1.2.0 h1:P3YflyNX/ehuJFLhxviNdFxQPkGK5cDcApsge1SqnvM= github.com/golang/protobuf v1.2.0 h1:P3YflyNX/ehuJFLhxviNdFxQPkGK5cDcApsge1SqnvM=
github.com/golang/protobuf v1.2.0/go.mod h1:6lQm79b+lXiMfvg/cZm0SGofjICqVBUtrP5yJMmIC1U= github.com/golang/protobuf v1.2.0/go.mod h1:6lQm79b+lXiMfvg/cZm0SGofjICqVBUtrP5yJMmIC1U=
apps/gophers/main.go
+3 -2
View File
@@ -79,6 +79,7 @@ func (a *App) run() error {
a.ui.profiling = *stats a.ui.profiling = *stats
ops := new(ui.Ops) ops := new(ui.Ops)
var cfg app.Config var cfg app.Config
ctx := new(layout.Context)
for { for {
select { select {
case users := <-a.updateUsers: case users := <-a.updateUsers:
@@ -128,8 +129,8 @@ func (a *App) run() error {
case app.UpdateEvent: case app.UpdateEvent:
ops.Reset() ops.Reset()
cfg = e.Config cfg = e.Config
cs := layout.RigidConstraints(e.Size) ctx.Constraints = layout.RigidConstraints(e.Size)
a.ui.Layout(&cfg, a.w.Queue(), ops, cs) a.ui.Layout(&cfg, a.w.Queue(), ops, ctx)
a.w.Update(ops) a.w.Update(ops)
} }
} }
apps/gophers/main_test.go
+3 -2
View File
@@ -22,10 +22,11 @@ func BenchmarkUI(b *testing.B) {
ops := new(ui.Ops) ops := new(ui.Ops)
q := new(queue) q := new(queue)
c := new(config) c := new(config)
cs := layout.RigidConstraints(image.Point{800, 600}) ctx := new(layout.Context)
ctx.Constraints = layout.RigidConstraints(image.Point{800, 600})
for i := 0; i < b.N; i++ { for i := 0; i < b.N; i++ {
ops.Reset() ops.Reset()
u.Layout(c, q, ops, cs) u.Layout(c, q, ops, ctx)
} }
} }
apps/gophers/ui.go
+104 -110
View File
@@ -172,9 +172,9 @@ func (u *UI) face(f *sfnt.Font, size float32) text.Face {
return u.faces.For(f, ui.Sp(size)) return u.faces.For(f, ui.Sp(size))
} }
func (u *UI) layoutTimings(c ui.Config, q input.Queue, ops *ui.Ops, cs layout.Constraints) layout.Dimensions { func (u *UI) layoutTimings(c ui.Config, q input.Queue, ops *ui.Ops, ctx *layout.Context) {
if !u.profiling { if !u.profiling {
return layout.Dimensions{} return
} }
for e, ok := q.Next(u); ok; e, ok = q.Next(u) { for e, ok := q.Next(u); ok; e, ok = q.Next(u) {
if e, ok := e.(system.ProfileEvent); ok { if e, ok := e.(system.ProfileEvent); ok {
@@ -187,16 +187,15 @@ func (u *UI) layoutTimings(c ui.Config, q input.Queue, ops *ui.Ops, cs layout.Co
mallocs := mstats.Mallocs - u.lastMallocs mallocs := mstats.Mallocs - u.lastMallocs
u.lastMallocs = mstats.Mallocs u.lastMallocs = mstats.Mallocs
al := layout.Align{Alignment: layout.NE} al := layout.Align{Alignment: layout.NE}
return al.Layout(ops, cs, func(cs layout.Constraints) layout.Dimensions { al.Layout(ops, ctx, func() {
in := layout.Inset{Top: ui.Dp(16)} layout.Inset{Top: ui.Dp(16)}.Layout(c, ops, ctx, func() {
return in.Layout(c, ops, cs, func(cs layout.Constraints) layout.Dimensions {
txt := fmt.Sprintf("m: %d %s", mallocs, u.profile.Timings) txt := fmt.Sprintf("m: %d %s", mallocs, u.profile.Timings)
return text.Label{Material: theme.text, Face: u.face(fonts.mono, 10), Text: txt}.Layout(ops, cs) text.Label{Material: theme.text, Face: u.face(fonts.mono, 10), Text: txt}.Layout(ops, ctx)
}) })
}) })
} }
func (u *UI) Layout(c ui.Config, q input.Queue, ops *ui.Ops, cs layout.Constraints) layout.Dimensions { func (u *UI) Layout(c ui.Config, q input.Queue, ops *ui.Ops, ctx *layout.Context) {
u.faces.Reset(c) u.faces.Reset(c)
for i := range u.userClicks { for i := range u.userClicks {
click := &u.userClicks[i] click := &u.userClicks[i]
@@ -206,14 +205,12 @@ func (u *UI) Layout(c ui.Config, q input.Queue, ops *ui.Ops, cs layout.Constrain
} }
} }
} }
var dims layout.Dimensions
if u.selectedUser == nil { if u.selectedUser == nil {
dims = u.layoutUsers(c, q, ops, cs) u.layoutUsers(c, q, ops, ctx)
} else { } else {
dims = u.selectedUser.Layout(c, q, ops, cs) u.selectedUser.Layout(c, q, ops, ctx)
} }
u.layoutTimings(c, q, ops, cs) u.layoutTimings(c, q, ops, ctx)
return dims
} }
func (u *UI) newUserPage(user *user) *userPage { func (u *UI) newUserPage(user *user) *userPage {
@@ -226,197 +223,194 @@ func (u *UI) newUserPage(user *user) *userPage {
return up return up
} }
func (up *userPage) Layout(c ui.Config, q input.Queue, ops *ui.Ops, cs layout.Constraints) layout.Dimensions { func (up *userPage) Layout(c ui.Config, q input.Queue, ops *ui.Ops, ctx *layout.Context) {
l := up.commitsList l := up.commitsList
if l.Dragging() { if l.Dragging() {
key.HideInputOp{}.Add(ops) key.HideInputOp{}.Add(ops)
} }
return l.Layout(c, q, ops, cs, len(up.commits), func(cs layout.Constraints, i int) layout.Dimensions { l.Layout(c, q, ops, ctx, len(up.commits), func(i int) {
return up.commit(c, ops, cs, i) up.commit(c, ops, ctx, i)
}) })
} }
func (up *userPage) commit(c ui.Config, ops *ui.Ops, cs layout.Constraints, index int) layout.Dimensions { func (up *userPage) commit(c ui.Config, ops *ui.Ops, ctx *layout.Context, index int) {
u := up.user u := up.user
msg := up.commits[index].GetMessage() msg := up.commits[index].GetMessage()
label := text.Label{Material: theme.text, Face: up.faces.For(fonts.regular, ui.Sp(12)), Text: msg} label := text.Label{Material: theme.text, Face: up.faces.For(fonts.regular, ui.Sp(12)), Text: msg}
in := layout.Inset{Top: ui.Dp(16), Right: ui.Dp(8), Left: ui.Dp(8)} in := layout.Inset{Top: ui.Dp(16), Right: ui.Dp(8), Left: ui.Dp(8)}
return in.Layout(c, ops, cs, func(cs layout.Constraints) layout.Dimensions { in.Layout(c, ops, ctx, func() {
f := (&layout.Flex{Axis: layout.Horizontal}).Init(ops, cs) f := (&layout.Flex{Axis: layout.Horizontal}).Init(ops, ctx)
c1 := f.Rigid(func(cs layout.Constraints) layout.Dimensions { c1 := f.Rigid(func() {
sz := c.Px(ui.Dp(48)) sz := c.Px(ui.Dp(48))
cc := clipCircle{} cc := clipCircle{}
return cc.Layout(ops, cs, func(cs layout.Constraints) layout.Dimensions { cc.Layout(ops, ctx, func() {
cs = layout.RigidConstraints(cs.Constrain(image.Point{X: sz, Y: sz})) ctx.Constraints = layout.RigidConstraints(ctx.Constraints.Constrain(image.Point{X: sz, Y: sz}))
return widget.Image{Src: u.avatar, Rect: u.avatar.Bounds()}.Layout(c, ops, cs) widget.Image{Src: u.avatar, Rect: u.avatar.Bounds()}.Layout(c, ops, ctx)
}) })
}) })
c2 := f.Flexible(1, func(cs layout.Constraints) layout.Dimensions { c2 := f.Flexible(1, func() {
cs.Width.Min = cs.Width.Max ctx.Constraints.Width.Min = ctx.Constraints.Width.Max
in := layout.Inset{Left: ui.Dp(8)} layout.Inset{Left: ui.Dp(8)}.Layout(c, ops, ctx, func() {
return in.Layout(c, ops, cs, func(cs layout.Constraints) layout.Dimensions { label.Layout(ops, ctx)
return label.Layout(ops, cs)
}) })
}) })
return f.Layout(c1, c2) f.Layout(c1, c2)
}) })
} }
func (u *UI) layoutUsers(c ui.Config, q input.Queue, ops *ui.Ops, cs layout.Constraints) layout.Dimensions { func (u *UI) layoutUsers(c ui.Config, q input.Queue, ops *ui.Ops, ctx *layout.Context) {
st := (&layout.Stack{}).Init(ops, cs) st := (&layout.Stack{}).Init(ops, ctx)
c2 := st.Rigid(func(cs layout.Constraints) layout.Dimensions { c2 := st.Rigid(func() {
al := layout.Align{Alignment: layout.SE} al := layout.Align{Alignment: layout.SE}
return al.Layout(ops, cs, func(cs layout.Constraints) layout.Dimensions { al.Layout(ops, ctx, func() {
in := layout.UniformInset(ui.Dp(16)) in := layout.UniformInset(ui.Dp(16))
return in.Layout(c, ops, cs, func(cs layout.Constraints) layout.Dimensions { in.Layout(c, ops, ctx, func() {
return u.fab.Layout(c, q, ops, cs) u.fab.Layout(c, q, ops, ctx)
}) })
}) })
}) })
c1 := st.Expand(func(cs layout.Constraints) layout.Dimensions { c1 := st.Expand(func() {
f := (&layout.Flex{Axis: layout.Vertical}).Init(ops, cs) f := (&layout.Flex{Axis: layout.Vertical}).Init(ops, ctx)
c1 := f.Rigid(func(cs layout.Constraints) layout.Dimensions { c1 := f.Rigid(func() {
cs.Width.Min = cs.Width.Max ctx.Constraints.Width.Min = ctx.Constraints.Width.Max
in := layout.UniformInset(ui.Dp(16)) layout.UniformInset(ui.Dp(16)).Layout(c, ops, ctx, func() {
return in.Layout(c, ops, cs, func(cs layout.Constraints) layout.Dimensions {
sz := c.Px(ui.Dp(200)) sz := c.Px(ui.Dp(200))
cs = layout.RigidConstraints(cs.Constrain(image.Point{X: sz, Y: sz})) cs := ctx.Constraints
return u.edit.Layout(c, q, ops, cs) ctx.Constraints = layout.RigidConstraints(cs.Constrain(image.Point{X: sz, Y: sz}))
u.edit.Layout(c, q, ops, ctx)
}) })
}) })
c2 := f.Rigid(func(cs layout.Constraints) layout.Dimensions { c2 := f.Rigid(func() {
cs.Width.Min = cs.Width.Max ctx.Constraints.Width.Min = ctx.Constraints.Width.Max
in := layout.Inset{Bottom: ui.Dp(16), Left: ui.Dp(16), Right: ui.Dp(16)} in := layout.Inset{Bottom: ui.Dp(16), Left: ui.Dp(16), Right: ui.Dp(16)}
return in.Layout(c, ops, cs, func(cs layout.Constraints) layout.Dimensions { in.Layout(c, ops, ctx, func() {
return u.edit2.Layout(c, q, ops, cs) u.edit2.Layout(c, q, ops, ctx)
}) })
}) })
c3 := f.Rigid(func(cs layout.Constraints) layout.Dimensions { c3 := f.Rigid(func() {
cs.Width.Min = cs.Width.Max ctx.Constraints.Width.Min = ctx.Constraints.Width.Max
s := layout.Stack{Alignment: layout.Center} s := layout.Stack{Alignment: layout.Center}
s.Init(ops, cs) s.Init(ops, ctx)
c2 := s.Rigid(func(cs layout.Constraints) layout.Dimensions { c2 := s.Rigid(func() {
grey := colorMaterial(ops, rgb(0x888888)) grey := colorMaterial(ops, rgb(0x888888))
in := layout.Inset{Top: ui.Dp(16), Right: ui.Dp(8), Bottom: ui.Dp(8), Left: ui.Dp(8)} in := layout.Inset{Top: ui.Dp(16), Right: ui.Dp(8), Bottom: ui.Dp(8), Left: ui.Dp(8)}
return in.Layout(c, ops, cs, func(cs layout.Constraints) layout.Dimensions { in.Layout(c, ops, ctx, func() {
lbl := text.Label{Material: grey, Face: u.face(fonts.regular, 11), Text: "GOPHERS"} lbl := text.Label{Material: grey, Face: u.face(fonts.regular, 11), Text: "GOPHERS"}
return lbl.Layout(ops, cs) lbl.Layout(ops, ctx)
}) })
}) })
c1 := s.Expand(func(cs layout.Constraints) layout.Dimensions { c1 := s.Expand(func() {
return fill{colorMaterial(ops, rgb(0xf2f2f2))}.Layout(ops, cs) fill{colorMaterial(ops, rgb(0xf2f2f2))}.Layout(ops, ctx)
}) })
return s.Layout(c1, c2) s.Layout(c1, c2)
}) })
c4 := f.Flexible(1, func(cs layout.Constraints) layout.Dimensions { c4 := f.Flexible(1, func() {
cs.Width.Min = cs.Width.Max ctx.Constraints.Width.Min = ctx.Constraints.Width.Max
return u.layoutContributors(c, q, ops, cs) u.layoutContributors(c, q, ops, ctx)
}) })
return f.Layout(c1, c2, c3, c4) f.Layout(c1, c2, c3, c4)
}) })
return st.Layout(c1, c2) st.Layout(c1, c2)
} }
func (a *ActionButton) Layout(c ui.Config, q input.Queue, ops *ui.Ops, cs layout.Constraints) layout.Dimensions { func (a *ActionButton) Layout(c ui.Config, q input.Queue, ops *ui.Ops, ctx *layout.Context) {
f := layout.Flex{Axis: layout.Vertical, Alignment: layout.End} f := layout.Flex{Axis: layout.Vertical, Alignment: layout.End}
f.Init(ops, cs) f.Init(ops, ctx)
return f.Layout(f.Rigid(func(cs layout.Constraints) layout.Dimensions { f.Layout(f.Rigid(func() {
in := layout.Inset{Top: ui.Dp(4)} layout.Inset{Top: ui.Dp(4)}.Layout(c, ops, ctx, func() {
return in.Layout(c, ops, cs, func(cs layout.Constraints) layout.Dimensions { fab(ops, ctx, a.sendIco.image(c), theme.brand, c.Px(ui.Dp(56)))
dims := fab(ops, a.sendIco.image(c), theme.brand, c.Px(ui.Dp(56))) pointer.EllipseAreaOp{Rect: image.Rectangle{Max: ctx.Dimensions.Size}}.Add(ops)
pointer.EllipseAreaOp{Rect: image.Rectangle{Max: dims.Size}}.Add(ops)
return dims
}) })
})) }))
} }
func (u *UI) layoutContributors(c ui.Config, q input.Queue, ops *ui.Ops, cs layout.Constraints) layout.Dimensions { func (u *UI) layoutContributors(c ui.Config, q input.Queue, ops *ui.Ops, ctx *layout.Context) {
l := u.usersList l := u.usersList
if l.Dragging() { if l.Dragging() {
key.HideInputOp{}.Add(ops) key.HideInputOp{}.Add(ops)
} }
return l.Layout(c, q, ops, cs, len(u.users), func(cs layout.Constraints, i int) layout.Dimensions { l.Layout(c, q, ops, ctx, len(u.users), func(i int) {
return u.user(c, ops, cs, i) u.user(c, ops, ctx, i)
}) })
} }
func (u *UI) user(c ui.Config, ops *ui.Ops, cs layout.Constraints, index int) layout.Dimensions { func (u *UI) user(c ui.Config, ops *ui.Ops, ctx *layout.Context, index int) {
user := u.users[index] user := u.users[index]
elem := layout.Flex{Axis: layout.Vertical} elem := layout.Flex{Axis: layout.Vertical}
elem.Init(ops, cs) elem.Init(ops, ctx)
c1 := elem.Rigid(func(cs layout.Constraints) layout.Dimensions { c1 := elem.Rigid(func() {
in := layout.UniformInset(ui.Dp(8)) in := layout.UniformInset(ui.Dp(8))
dims := in.Layout(c, ops, cs, func(cs layout.Constraints) layout.Dimensions { in.Layout(c, ops, ctx, func() {
f := centerRowOpts() f := centerRowOpts()
f.Init(ops, cs) f.Init(ops, ctx)
c1 := f.Rigid(func(cs layout.Constraints) layout.Dimensions { c1 := f.Rigid(func() {
in := layout.Inset{Right: ui.Dp(8)} in := layout.Inset{Right: ui.Dp(8)}
cc := clipCircle{} cc := clipCircle{}
return in.Layout(c, ops, cs, func(cs layout.Constraints) layout.Dimensions { in.Layout(c, ops, ctx, func() {
return cc.Layout(ops, cs, func(cs layout.Constraints) layout.Dimensions { cc.Layout(ops, ctx, func() {
sz := image.Point{X: c.Px(ui.Dp(48)), Y: c.Px(ui.Dp(48))} sz := image.Point{X: c.Px(ui.Dp(48)), Y: c.Px(ui.Dp(48))}
cs = layout.RigidConstraints(cs.Constrain(sz)) ctx.Constraints = layout.RigidConstraints(ctx.Constraints.Constrain(sz))
return widget.Image{Src: user.avatar, Rect: user.avatar.Bounds()}.Layout(c, ops, cs) widget.Image{Src: user.avatar, Rect: user.avatar.Bounds()}.Layout(c, ops, ctx)
}) })
}) })
}) })
c2 := f.Rigid(func(cs layout.Constraints) layout.Dimensions { c2 := f.Rigid(func() {
f := column() f := column()
f.Init(ops, cs) f.Init(ops, ctx)
c1 := f.Rigid(func(cs layout.Constraints) layout.Dimensions { c1 := f.Rigid(func() {
f := baseline() f := baseline()
f.Init(ops, cs) f.Init(ops, ctx)
c1 := f.Rigid(func(cs layout.Constraints) layout.Dimensions { c1 := f.Rigid(func() {
return text.Label{Material: theme.text, Face: u.face(fonts.regular, 13), Text: user.name}.Layout(ops, cs) text.Label{Material: theme.text, Face: u.face(fonts.regular, 13), Text: user.name}.Layout(ops, ctx)
}) })
c2 := f.Flexible(1, func(cs layout.Constraints) layout.Dimensions { c2 := f.Flexible(1, func() {
cs.Width.Min = cs.Width.Max ctx.Constraints.Width.Min = ctx.Constraints.Width.Max
al := layout.Align{Alignment: layout.E} al := layout.Align{Alignment: layout.E}
return al.Layout(ops, cs, func(cs layout.Constraints) layout.Dimensions { in := layout.Inset{Left: ui.Dp(2)}
in := layout.Inset{Left: ui.Dp(2)} lbl := text.Label{Material: theme.text, Face: u.face(fonts.regular, 10), Text: "3 hours ago"}
return in.Layout(c, ops, cs, func(cs layout.Constraints) layout.Dimensions { al.Layout(ops, ctx, func() {
lbl := text.Label{Material: theme.text, Face: u.face(fonts.regular, 10), Text: "3 hours ago"} in.Layout(c, ops, ctx, func() {
return lbl.Layout(ops, cs) lbl.Layout(ops, ctx)
}) })
}) })
}) })
return f.Layout(c1, c2) f.Layout(c1, c2)
}) })
c2 := f.Rigid(func(cs layout.Constraints) layout.Dimensions { c2 := f.Rigid(func() {
in := layout.Inset{Top: ui.Dp(4)} in := layout.Inset{Top: ui.Dp(4)}
return in.Layout(c, ops, cs, func(cs layout.Constraints) layout.Dimensions { in.Layout(c, ops, ctx, func() {
return text.Label{Material: theme.tertText, Face: u.face(fonts.regular, 12), Text: user.company}.Layout(ops, cs) text.Label{Material: theme.tertText, Face: u.face(fonts.regular, 12), Text: user.company}.Layout(ops, ctx)
}) })
}) })
return f.Layout(c1, c2) f.Layout(c1, c2)
}) })
return f.Layout(c1, c2) f.Layout(c1, c2)
}) })
pointer.RectAreaOp{Rect: image.Rectangle{Max: dims.Size}}.Add(ops) pointer.RectAreaOp{Rect: image.Rectangle{Max: ctx.Dimensions.Size}}.Add(ops)
click := &u.userClicks[index] click := &u.userClicks[index]
click.Add(ops) click.Add(ops)
return dims
}) })
return elem.Layout(c1) elem.Layout(c1)
} }
type fill struct { type fill struct {
material ui.MacroOp material ui.MacroOp
} }
func (f fill) Layout(ops *ui.Ops, cs layout.Constraints) layout.Dimensions { func (f fill) Layout(ops *ui.Ops, ctx *layout.Context) {
cs := ctx.Constraints
d := image.Point{X: cs.Width.Max, Y: cs.Height.Max} d := image.Point{X: cs.Width.Max, Y: cs.Height.Max}
dr := f32.Rectangle{ dr := f32.Rectangle{
Max: f32.Point{X: float32(d.X), Y: float32(d.Y)}, Max: f32.Point{X: float32(d.X), Y: float32(d.Y)},
} }
f.material.Add(ops) f.material.Add(ops)
paint.PaintOp{Rect: dr}.Add(ops) paint.PaintOp{Rect: dr}.Add(ops)
return layout.Dimensions{Size: d, Baseline: d.Y} ctx.Dimensions = layout.Dimensions{Size: d, Baseline: d.Y}
} }
func column() layout.Flex { func column() layout.Flex {
@@ -434,11 +428,12 @@ func baseline() layout.Flex {
type clipCircle struct { type clipCircle struct {
} }
func (c *clipCircle) Layout(ops *ui.Ops, cs layout.Constraints, w layout.Widget) layout.Dimensions { func (c *clipCircle) Layout(ops *ui.Ops, ctx *layout.Context, w layout.Widget) {
var m ui.MacroOp var m ui.MacroOp
m.Record(ops) m.Record(ops)
dims := w(cs) w()
m.Stop() m.Stop()
dims := ctx.Dimensions
max := dims.Size.X max := dims.Size.X
if dy := dims.Size.Y; dy > max { if dy := dims.Size.Y; dy > max {
max = dy max = dy
@@ -450,10 +445,9 @@ func (c *clipCircle) Layout(ops *ui.Ops, cs layout.Constraints, w layout.Widget)
rrect(ops, szf, szf, rr, rr, rr, rr) rrect(ops, szf, szf, rr, rr, rr, rr)
m.Add(ops) m.Add(ops)
stack.Pop() stack.Pop()
return dims
} }
func fab(ops *ui.Ops, ico image.Image, mat ui.MacroOp, size int) layout.Dimensions { func fab(ops *ui.Ops, ctx *layout.Context, ico image.Image, mat ui.MacroOp, size int) {
dp := image.Point{X: (size - ico.Bounds().Dx()) / 2, Y: (size - ico.Bounds().Dy()) / 2} dp := image.Point{X: (size - ico.Bounds().Dx()) / 2, Y: (size - ico.Bounds().Dy()) / 2}
dims := image.Point{X: size, Y: size} dims := image.Point{X: size, Y: size}
rr := float32(size) * .5 rr := float32(size) * .5
@@ -464,7 +458,7 @@ func fab(ops *ui.Ops, ico image.Image, mat ui.MacroOp, size int) layout.Dimensio
paint.PaintOp{ paint.PaintOp{
Rect: toRectF(ico.Bounds().Add(dp)), Rect: toRectF(ico.Bounds().Add(dp)),
}.Add(ops) }.Add(ops)
return layout.Dimensions{Size: dims} ctx.Dimensions = layout.Dimensions{Size: dims}
} }
func toRectF(r image.Rectangle) f32.Rectangle { func toRectF(r image.Rectangle) f32.Rectangle {
apps/hello/hello.go
+3 -2
View File
@@ -40,6 +40,7 @@ func loop(w *app.Window) error {
face := faces.For(regular, ui.Sp(72)) face := faces.For(regular, ui.Sp(72))
message := "Hello, Gio" message := "Hello, Gio"
ops := new(ui.Ops) ops := new(ui.Ops)
ctx := new(layout.Context)
for { for {
e := <-w.Events() e := <-w.Events()
switch e := e.(type) { switch e := e.(type) {
@@ -48,13 +49,13 @@ func loop(w *app.Window) error {
case app.UpdateEvent: case app.UpdateEvent:
cfg = e.Config cfg = e.Config
faces.Reset(&cfg) faces.Reset(&cfg)
cs := layout.RigidConstraints(e.Size) ctx.Constraints = layout.RigidConstraints(e.Size)
ops.Reset() ops.Reset()
var material ui.MacroOp var material ui.MacroOp
material.Record(ops) material.Record(ops)
paint.ColorOp{Color: maroon}.Add(ops) paint.ColorOp{Color: maroon}.Add(ops)
material.Stop() material.Stop()
text.Label{Material: material, Face: face, Alignment: text.Middle, Text: message}.Layout(ops, cs) text.Label{Material: material, Face: face, Alignment: text.Middle, Text: message}.Layout(ops, ctx)
w.Update(ops) w.Update(ops)
} }
} }