fyne盒子布局

fyne盒子布局

最常用的布局是layout.BoxLayout，它有两种变体，水平和垂直。盒子布局将所有元素排列在单行或单列中，并带有可选的空格以帮助对齐。

package main

import (
	"image/color"

	"fyne.io/fyne/v2/app"
	"fyne.io/fyne/v2/canvas"
	"fyne.io/fyne/v2/container"
	"fyne.io/fyne/v2/layout"
)

func main() {
	myApp := app.New()
	myWindow := myApp.NewWindow("golang-tech-stack.com")

	// 文本1
	text1 := canvas.NewText("Hello", color.Black)
	// 文本2
	text2 := canvas.NewText("There", color.Black)
	// 文本3
	text3 := canvas.NewText("(right)", color.Black)

	content := container.New(layout.NewHBoxLayout(), text1, text2, layout.NewSpacer(), text3)
	myWindow.SetContent(content)
	myWindow.ShowAndRun()
}

NewHBoxLayout()返回一个水平框布局，用于从左到右堆叠多个子画布对象或小部件。对象始终以其水平MinSize显示。如果对象要大于其水平MinSize，请使用不同的布局。

NewSpacer()返回一个可以填充垂直和水平空间的间隔对象。这主要用于长方体布局。

package main

import (
	"image/color"

	"fyne.io/fyne/v2/app"
	"fyne.io/fyne/v2/canvas"
	"fyne.io/fyne/v2/container"
	"fyne.io/fyne/v2/layout"
)

func main() {
	myApp := app.New()
	myWindow := myApp.NewWindow("golang-tech-stack.com")

	// 文本1
	text1 := canvas.NewText("Hello", color.Black)
	// 文本2
	text2 := canvas.NewText("There", color.Black)
	// 文本3
	text3 := canvas.NewText("(right)", color.Black)

	content := container.New(layout.NewHBoxLayout(), text1, text2, layout.NewSpacer(), text3)

	// 文本4
	text4 := canvas.NewText("centered", color.Black)
	// 居中
	centered := container.New(layout.NewHBoxLayout(), layout.NewSpacer(), text4, layout.NewSpacer())
	myWindow.SetContent(container.New(layout.NewVBoxLayout(), content, centered))
	myWindow.ShowAndRun()
}

content和centered都是CanvasObject。

NewVBoxLayout返回一个垂直框布局，用于从上到下堆叠多个子画布对象或小部件。对象始终以其垂直最小大小显示。如果对象要大于其垂直最小大小，请使用不同的布局。