Golang Gtk+3教程：Grid布局

在上個例子中我們使用了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 國際許可協議進行許可。轉載請注明出處！