How can I make the widget vertically centered, top, and bottom?

[Seikaijyu]

Is there a layout that can be achieved? If not, what should I do?

[AllenDang]

You will have to use DummyWidget as the spacer, calcuate the width and height for it's size using g.GetAvailableRegion().
Try set -1 to width and height and you will see what does it mean.

[Seikaijyu]

I think I need to get the current size and location of components, but I don't know how to get them

[Seikaijyu]

I only found GetWidgetWidth. I hope to get the component height

[gucio321]

check GetCursorPos

[gucio321]

@SuperLiveYou here is the simpliest code variant:

package main

import "github.com/AllenDang/giu"

const buttonW, buttonH = 200, 80

func loop() {
	giu.SingleWindow().Layout(
		giu.Custom(func() {
			_, availableH := giu.GetAvailableRegion()
			_, itemSpacingY := giu.GetItemSpacing()
			giu.Layout{
				giu.Dummy(0, availableH/2-buttonH/2-itemSpacingY),
				giu.Button("I'm a vertically centered button").Size(buttonW, buttonH),
			}.Build()
		}),
	)
}

func main() {
	wnd := giu.NewMasterWindow("Vertical align [discussion #529]", 640, 480, 0)
	wnd.Run(loop)
}

[Seikaijyu]

Thanks, I will try to run it @gucio321

[Challanger524]

Totally Centered Button (leaving as a note to myself)

package main

import "github.com/AllenDang/giu"

const buttonW, buttonH = 200, 80

func loop() {
	giu.SingleWindow().Layout(
		giu.Custom(func() {
			availableW, availableH := giu.GetAvailableRegion()
			itemSpacingX, itemSpacingY := giu.GetItemSpacing()
			giu.Layout{
				giu.Dummy(0, max(availableH/2-buttonH/2-itemSpacingY, 0)),
				giu.Row(
					giu.Dummy(max(availableW/2-buttonW/2-itemSpacingX, 0), 0),
					giu.Button("I'm a totally centered button").Size(buttonW, buttonH),
				),
				// Center Horizontally (experimental!) alternative
				//giu.Align(giu.AlignCenter).To(giu.Button("I'm a totally centered button").Size(buttonW, buttonH)),
			}.Build()
		}),
	)
}

func main() {
	wnd := giu.NewMasterWindow("Vertical+Horizontal align [discussion #529]", 640, 480, 0)
	wnd.Run(loop)
}

Also would be interesting to know - how safe is giu.Align() from examples/align

[gucio321]

you can try it, if it works that mean it works 😄

Its not related to imgui functions- its implemented in giu just like you did in your code.