Add explicit header dropdown layout types

This commit is contained in:
Joe Julian
2026-04-08 23:19:04 -07:00
parent 74a2bbdc92
commit 0a9201e0d1
3 changed files with 133 additions and 49 deletions
+24 -49
View File
@@ -5311,77 +5311,63 @@ func (u *ui) headerActions(gtx layout.Context) layout.Dimensions {
return layout.Dimensions{}
}
spacing := gtx.Dp(unit.Dp(8))
rowOriginX := 0
var syncDims, lockDims, mainDims layout.Dimensions
metrics := headerActionMetrics{Spacing: spacing}
row := func(gtx layout.Context) layout.Dimensions {
return layout.Flex{Spacing: layout.SpaceStart}.Layout(gtx,
layout.Rigid(func(gtx layout.Context) layout.Dimensions {
syncDims = u.syncButtonGroup(gtx)
return syncDims
metrics.SyncDims = u.syncButtonGroup(gtx)
return metrics.SyncDims
}),
layout.Rigid(layout.Spacer{Width: unit.Dp(8)}.Layout),
layout.Rigid(func(gtx layout.Context) layout.Dimensions {
btn := material.Button(u.theme, &u.lockVault, "Lock")
lockDims = btn.Layout(gtx)
return lockDims
metrics.LockDims = btn.Layout(gtx)
return metrics.LockDims
}),
layout.Rigid(layout.Spacer{Width: unit.Dp(8)}.Layout),
layout.Rigid(func(gtx layout.Context) layout.Dimensions {
mainDims = u.mainMenuButtonGroup(gtx)
return mainDims
metrics.MainDims = u.mainMenuButtonGroup(gtx)
return metrics.MainDims
}),
)
}
rowOps := op.Record(gtx.Ops)
rowDims := row(gtx)
metrics.RowDims = row(gtx)
rowCall := rowOps.Stop()
if u.mode == "phone" {
rowOriginX = max(0, gtx.Constraints.Max.X-rowDims.Size.X)
metrics.RowOriginX = max(0, gtx.Constraints.Max.X-metrics.RowDims.Size.X)
}
drawMenu := func(menu layout.Widget, triggerRightX, triggerBottomY int) {
menuGTX := gtx
menuGTX.Constraints.Min = image.Point{}
menuGTX.Constraints.Max.X = gtx.Constraints.Max.X
menuOps := op.Record(gtx.Ops)
menuDims := layout.Inset{Top: unit.Dp(6)}.Layout(menuGTX, menu)
menuCall := menuOps.Stop()
menuX := anchoredMenuOriginX(gtx.Constraints.Max.X, rowOriginX, triggerRightX, menuDims.Size.X)
stack := op.Offset(image.Pt(menuX, triggerBottomY)).Push(gtx.Ops)
menuCall.Add(gtx.Ops)
stack.Pop()
}
surface := dropdownSurface{ContainerWidth: gtx.Constraints.Max.X, LeftInset: 0, TopInset: 0}
rowStack := op.Offset(image.Pt(rowOriginX, 0)).Push(gtx.Ops)
rowStack := op.Offset(image.Pt(metrics.RowOriginX, 0)).Push(gtx.Ops)
rowCall.Add(gtx.Ops)
rowStack.Pop()
if u.mode == "phone" {
if u.syncMenuOpen {
u.phoneSyncMenuVisible = true
u.phoneSyncMenuAnchor = image.Pt(rowOriginX+syncDims.Size.X, rowDims.Size.Y)
u.phoneSyncMenuAnchor = metrics.syncAnchor().point()
}
if u.mainMenuOpen {
triggerRightX := syncDims.Size.X + spacing + lockDims.Size.X + spacing + mainDims.Size.X
u.phoneMainMenuVisible = true
u.phoneMainMenuAnchor = image.Pt(rowOriginX+triggerRightX, rowDims.Size.Y)
u.phoneMainMenuAnchor = metrics.mainAnchor().point()
}
width := gtx.Constraints.Max.X
return layout.Dimensions{Size: image.Pt(width, rowDims.Size.Y)}
return layout.Dimensions{Size: image.Pt(width, metrics.RowDims.Size.Y)}
}
if u.syncMenuOpen {
drawMenu(u.syncMenu, syncDims.Size.X, rowDims.Size.Y)
surface.draw(gtx, metrics.syncAnchor(), u.syncMenu)
}
if u.mainMenuOpen {
triggerRightX := syncDims.Size.X + spacing + lockDims.Size.X + spacing + mainDims.Size.X
drawMenu(u.mainMenu, triggerRightX, rowDims.Size.Y)
surface.draw(gtx, metrics.mainAnchor(), u.mainMenu)
}
width := rowDims.Size.X
return layout.Dimensions{Size: image.Pt(width, rowDims.Size.Y)}
width := metrics.RowDims.Size.X
return layout.Dimensions{Size: image.Pt(width, metrics.RowDims.Size.Y)}
}
func (u *ui) mainMenu(gtx layout.Context) layout.Dimensions {
@@ -7105,28 +7091,17 @@ func (u *ui) phoneHeaderMenus(gtx layout.Context) layout.Dimensions {
}
gtx.Constraints.Min = gtx.Constraints.Max
contentInsetPx := gtx.Dp(unit.Dp(16))
contentWidth := max(0, gtx.Constraints.Max.X-(contentInsetPx*2))
drawMenu := func(anchor image.Point, menu layout.Widget) layout.Dimensions {
menuGTX := gtx
menuGTX.Constraints.Min = image.Point{}
menuGTX.Constraints.Max.X = contentWidth
menuOps := op.Record(gtx.Ops)
menuDims := layout.Inset{Top: unit.Dp(6)}.Layout(menuGTX, menu)
menuCall := menuOps.Stop()
menuX := contentInsetPx + anchoredMenuOriginX(contentWidth, 0, anchor.X, menuDims.Size.X)
menuY := contentInsetPx + anchor.Y
stack := op.Offset(image.Pt(menuX, menuY)).Push(gtx.Ops)
menuCall.Add(gtx.Ops)
stack.Pop()
return layout.Dimensions{Size: gtx.Constraints.Max}
surface := dropdownSurface{
ContainerWidth: max(0, gtx.Constraints.Max.X-(contentInsetPx*2)),
LeftInset: contentInsetPx,
TopInset: contentInsetPx,
}
if u.syncMenuVisibleOnPhone() {
_ = drawMenu(u.phoneSyncMenuAnchor, u.syncMenu)
surface.draw(gtx, dropdownAnchor{TriggerRightX: u.phoneSyncMenuAnchor.X, TriggerBottomY: u.phoneSyncMenuAnchor.Y}, u.syncMenu)
}
if u.mainMenuVisibleOnPhone() {
_ = drawMenu(u.phoneMainMenuAnchor, u.mainMenu)
surface.draw(gtx, dropdownAnchor{TriggerRightX: u.phoneMainMenuAnchor.X, TriggerBottomY: u.phoneMainMenuAnchor.Y}, u.mainMenu)
}
return layout.Dimensions{Size: gtx.Constraints.Max}
}