Go Gio 实战:煮蛋计时器的实现 01 空窗口

发布于 2021-11-04 14:15 ，所属分类：软件编程学习资料

接下来我们将一步步实通过 gio 实现一个煮蛋计时器。

这是完全从头开始实现的，使用 Gio 这个 Go GUI 库实现的独立 Go 应用程序，会解释每一个步骤。

实现的最终效果如下：

本系列大纲：

第 1 章 - 空窗口
第 2 章 - 标题和大小
第 3 章 - 按钮
第 4 章 - 低按钮（Low Button）
第 5 章 - 重构
第 6 章 - 带边距的按钮
第 7 章 - 进度条
第 8 章 - 画圆
第 9 章画鸡蛋
第 10 章 - 输入沸腾时间

先看如何实现一个空窗口。

01 目标

本节的目的是创建一个空白画布，我们稍后可以在其上进行绘制。

02 主要内容

本节代码主要做三件事：

导入 Gio
创建并调用 goroutine：

创建一个新窗口：w
启动一个无限循环，等待窗口中的事件，具体事件后续实现

接下来看看具体的代码。

03 代码

packagemain

import(
"gioui.org/app"
)

funcmain(){
gofunc(){
//创建一个新窗口（Window）
w:=app.NewWindow()

//监听窗口的事件
forrangew.Events(){
}
}()
app.Main()
}

04 代码详解

代码看起来很简单。不过，还是花点时间看看发生了什么，毕竟 GUI 编程大家接触的少。

1）我们导入了 gioui.org/app，它干什么用的？

我们需要查看文档：https://pkg.go.dev/gioui.org/app：

包 app 为运行图形用户界面的操作系统功能提供了一个独立于平台的界面。

这是很棒的特性。Gio 为我们处理所有与平台相关的事情，这和 Go 一样，是跨平台的。

这可能比你意识到的要更重要。因为，即使你今天的应用程序是单平台的，但指不定哪天想迁移到其他平台。

上篇文章简单介绍了，Gio 对各个平台都有支持，包括移动端，甚至 tvOS。

2）goroutine 中的事件循环

事件循环的代码是：for range w.Events()，它循环监听窗口中的事件。现在我们只是监听，并没有对事件做任何处理。后续章节会实现。
从 app.Main^[1] 我们了解到：
因为 Main 在某些平台上也是阻塞的，所以 Window 的事件循环必须在 goroutine 中运行。
有 Go 经验的同学应该理解这块内容。因为如果 app.Main 不堵塞，最后 main 函数就返回，程序退出了。
一个没有名字的 goroutine，即匿名函数，被创建并运行事件循环。由于它在 goroutine 中，它将与程序的其余部分同时运行。
```
gofunc{
//...
}()
```
这是 Go 语言常见的写法。

3）最后上文提到的调用 app.Main() 启动程序，app.Main 的文档提到：

Main 函数必须从程序的 main 函数中调用，以便将主线程的控制权移交给需要它的操作系统。Main 的具体实现，不同系统不一样。
比如 Unix、Windows 等系统，直接调用 select {}，感兴趣的可以查看 gio 的源码。

不过，上面的简单代码，在 Mac 下运行不正常，会 panic：

panic:runtimeerror:invalidmemoryaddressornilpointerdereference
[signalSIGSEGV:segmentationviolationcode=0x1addr=0x0pc=0x40f7f85]

可以先忽略。如果就想看看，可以用下面代码：

packagemain

import(
"gioui.org/app"
"gioui.org/io/system"
"gioui.org/layout"
"gioui.org/op"
)

funcmain(){
gofunc(){
w:=app.NewWindow()

varopsop.Ops
fore:=rangew.Events(){
switche:=e.(type){
casesystem.FrameEvent:
gtx:=layout.NewContext(&ops,e)
e.Frame(gtx.Ops)
}
}
}()
app.Main()
}