Go 语言中的 Fyne：容器与布局 (四)

后端

2023-12-02 18:06:58

前言

Fyne 工具包是一个跨平台 GUI 框架，用 Go 语言编写，可用于构建适用于桌面、移动设备及其他设备的图形应用程序。它提供了丰富的组件和布局系统，可以轻松创建美观且响应迅速的应用程序。

容器与布局

容器是 Fyne 中管理和组织组件的控件，布局则定义组件在容器中的排列方式。容器和布局是 Fyne 中最重要的概念之一，掌握它们对于创建复杂的用户界面至关重要。

容器类型

Fyne 中的容器分为两类：

简单容器 ：包含一个或多个组件，并按照特定的布局方式排列这些组件。常见简单容器有：
- VBox：垂直排列组件
- HBox：水平排列组件
- Grid：网格状排列组件
- Tab：包含多个选项卡，每个选项卡上可以放置不同的组件
- ScrollContainer：允许组件在超出容器尺寸时进行滚动
复杂容器 ：具有特殊功能或行为的容器，例如：
- Canvas：可以自由放置组件的容器
- Splitter：可以将容器分割成多个区域
- Toolbar：工具栏，包含一系列按钮或其他控件

布局方式

布局方式用于定义组件在容器中的排列方式，常见的布局方式有：

绝对布局 ：组件的位置和大小由其绝对坐标决定。
相对布局 ：组件的位置和大小相对于容器或其他组件来定义。
网格布局 ：组件在容器中按照网格状排列。
流式布局 ：组件在容器中按照自然流向排列，类似于文本在文档中的排列方式。

布局示例

下面的代码演示如何使用 VBox 容器和垂直布局来排列三个按钮：

package main

import (
    "github.com/fyne-io/fyne/v2"
    "github.com/fyne-io/fyne/v2/container"
)

func main() {
    app := fyne.CurrentApp()
    win := app.NewWindow("Vertical Layout")

    button1 := fyne.NewButton("Button 1", nil)
    button2 := fyne.NewButton("Button 2", nil)
    button3 := fyne.NewButton("Button 3", nil)

    vbox := container.NewVBox(button1, button2, button3)

    win.SetContent(vbox)
    win.ShowAndRun()
}