Golang Gtk+3教程：Grid布局

最新推荐文章于 2025-05-23 11:12:32 发布

转载最新推荐文章于 2025-05-23 11:12:32 发布 · 464 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xiyu714/p/9897408.html

文章标签：

#golang #ui

本文通过一个实例详细介绍了如何在GTK中使用Grid布局来组织界面元素，包括创建Grid容器、添加按钮以及设置位置等操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在上个例子中我们使用了box布局，现在让我们来学习另一种布局——grid。其实这几种布局都大同小异，如果你看懂了上一个例子，想必使用grid也不是难事。

程序运行效果：

package main

import (
    "github.com/gotk3/gotk3/glib"
    "github.com/gotk3/gotk3/gtk"
    "os"
)

func main() {
    const appId = "com.nayoso.example"

    app, _ := gtk.ApplicationNew(appId, glib.APPLICATION_FLAGS_NONE)
    app.Connect("activate", func() {
        onActivate(app)
    })
    app.Run(os.Args)
}

func onActivate(application *gtk.Application) {
    appWindow, _ := gtk.ApplicationWindowNew(application)
    appWindow.SetTitle("Grid example")
    //-- 以上，通常的代码输入完了，接下就是这个例子的重点了:-D

    grid, _ := gtk.GridNew()    //创建容器
    appWindow.Add(grid)     //将容器添加到window中

    //现在再让我们创建一些按钮来展示grid的效果
    button1, _ := gtk.ButtonNewWithLabel("Button 1")
    button2, _ := gtk.ButtonNewWithLabel("Button 2")
    button3, _ := gtk.ButtonNewWithLabel("Button 3")
    //将buttons添加到grid中
    grid.Attach(button1, 0, 0, 1, 1)    //参数：左,上,宽,高
    grid.Attach(button2, 1, 0, 1, 1)
    grid.Attach(button3, 0, 1, 2, 1)
    //-- 注意一下，按钮的位置就像在一个坐标轴中，原点在左上，x轴向右，y轴向下
    //-- 如果你不是很喜欢或者很懂这种方式也没关系，后面我还会介绍可视化的UI设计工具

    appWindow.ShowAll()
}

你可能发现了，我有时会使用容器和布局来称呼同一个东西。实际上，这是因为其同时具有这两种性质。

本作品采用知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议进行许可。转载请注明出处！