go语言gui窗口应用之fyne框架-自定义容器实现自定义布局，更灵活的显示控件

一、自定义容器

在fyne中，所有的容器都是通过container包下的New函数定义的，先看源码：

go">package fyne// 根据布局创建容器
func New(layout fyne.Layout, objects ...fyne.CanvasObject) *fyne.Container {return &fyne.Container{Layout: layout, Objects: objects}
}

二、自定义布局

通过上述，可以看出，要实现自定义容器，关键是自定义布局，在 fyne 中，自定义布局，只要实现fyne包下Layout接口即可，以下为Layout接口源码：

go">package fyne// 布局接口
type Layout interface {// 通过遍历[]CanvasObject，获取每个控件，设置每个控件大小和位置Layout([]CanvasObject, Size)// 设置容器总大小（宽，高）MinSize(objects []CanvasObject) Size
}

三、我的自定义容器代码

注意：自定义容器中控件宽、高，可能受自定义容器的外部容器影响，修改控件宽、高时，可能没有效果，需要对外部容器也要做相应操作。
可以通过查看fyne中container源码定义的布局，扩充自定义布局功能。

以下是我简易布局代码：

go">package mainimport ("fyne.io/fyne/v2""fyne.io/fyne/v2/container"
)// 自定义容器，按照控件实际大小，输入平均间隔距离
func NewMyBox(p float32, objects ...fyne.CanvasObject) *fyne.Container {return container.New(&myLayout{padding: p}, objects...)
}// 自定义布局
// 注意：自定义水平布局，最大高度受外部容器影响，可能不生效
type myLayout struct {padding float32 // 控件间隔
}// 设置每个控件大小和位置
func (l *myLayout) Layout(objects []fyne.CanvasObject, size fyne.Size) {x := float32(0)                 // x坐标，控件距左边距离for _, child := range objects { // 循环遍历所有控件size = child.Size()                                      // 获取当前控件的设置的大小（宽、高）size.Height = child.Size().Height                        // 控件高度为控件的默认最小高度size.Width = fyne.Max(size.Width, child.MinSize().Width) // 控件的最小宽度和实际宽度取最大值child.Resize(size)                                       // 设置控件大小child.Move(fyne.NewPos(x, 0))                            // 设置控件位置x += size.Width + l.padding                              // 计算下一个控件位置}
}// 设置容器大小（宽，高）
func (l *myLayout) MinSize(objects []fyne.CanvasObject) fyne.Size {size := fyne.NewSize(0, 0)      // 初始化容器大小for _, child := range objects { // 循环遍历每个控件temp := fyne.NewSize(0, 0)                           // 临时存储获取的大小minSize := child.MinSize()                           // 控件最小绘制大小mSize := child.Size()                                // 控件设置大小temp.Height = fyne.Max(minSize.Height, mSize.Height) // 获取当前控件默认高度和设置高度的最大值size.Height = fyne.Max(size.Height, temp.Height)     // 设置容器最大高度为最高控件的高度值temp.Width = fyne.Max(minSize.Width, mSize.Width)    // 获取当前控件默认宽度和设置宽度的最大值size.Width += temp.Width + l.padding                 // 容器宽度 = 每个控件宽度 + 间距}return size // 返回容器大小
}

四、使用自定义容器

go">package mainimport ("fmt""fyne.io/fyne/v2"                //go get fyne.io/fyne/v2@latest"fyne.io/fyne/v2/app""fyne.io/fyne/v2/widget""github.com/flopp/go-findfont"  // go get github.com/flopp/go-findfont"os""strconv""strings"
)func init() {//设置中文字体:解决fyne中文乱码问题fontPaths := findfont.List()      // 获取系统中所有的字体路径for _, path := range fontPaths {  // 判断字体是否在路径中if strings.Contains(path, "msyh.ttf") || strings.Contains(path, "simhei.ttf") || strings.Contains(path, "simsun.ttc") || strings.Contains(path, "simkai.ttf") || strings.Contains(path, "STHeiti Medium.ttc") || strings.Contains(path, "Songti.ttc") {os.Setenv("FYNE_FONT", path)  // 系统中存在的字体路径，设置为应用的字体break}}
}
func main() {myApp := app.New()                // 创建应用w := myApp.NewWindow("计数")      // 窗口标题w.Resize(fyne.NewSize(800, 400)) // 窗口大小w.CenterOnScreen()               // 窗口屏幕居中显示l1 := widget.NewLabel("设置计数:")     // 文本标签1l2 := widget.NewLabel("5")            // 文本标签2，默认为5b1 := widget.NewButton("+", func() {  // 按钮+v, _ := strconv.Atoi(l2.Text)     // 字符串转整型v++if v > 15 {                       // 最大值为15v = 15}l2.SetText(strconv.Itoa(v))      // 整型转字符串，赋值})b1.Resize(fyne.NewSize(b1.MinSize().Height, b1.MinSize().Height/3))  // 设置+按钮大小b2 := widget.NewButton("-", func() {v, _ := strconv.Atoi(l2.Text)    // 字符串转整型v--if v < 1 {                       // 最小值为1v = 1}l2.SetText(strconv.Itoa(v))      // 整型转字符串，赋值})b2.Resize(fyne.NewSize(b2.MinSize().Height, b2.MinSize().Height*5))  // 设置-按钮大小w.SetContent(NewMyBox(5, l1, l2, b1, b2))  // 使用自定义容器，控件间距设置为5w.ShowAndRun()                             // 显示窗口并运行应用
}