go-gtk3开发之Grid布局(5)

引用

gtk3传送门：Golang Gtk+3教程：Grid布局

案例说明

本案例。创建一个grid布局，并在布局上添加按钮。

• 现在让我们来学习另一种布局——grid；
• 其实几种布局都大同小异；
• 我 有时会使用容器和布局来称呼同一个东西。实际上，这是因为其同时具有这两种性质。

demo.go

package main

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

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

	app, _ := gtk.ApplicationNew(appId, glib.APPLICATION_FLAGS_NONE)
	// 创建窗口
	_, err := app.Connect("activate", func() {
		createWindow(app)
	})
	if err != nil {
		log.Fatal(err)
	}
	app.Run(os.Args)
}

func createWindow(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()
}