[golang gui]fyne框架代码示例

已于 2023-10-18 18:17:42 修改
阅读量1.5k 收藏 9
点赞数 2
文章标签： golang 开发语言 后端 gui fyne
于 2023-09-19 17:14:08 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39124701/article/details/132940216
版权

-1、注意

1.fyne不支持修改窗口位置。相关链接：https://github.com/fyne-io/fyne/compare/master…lukx33:fyne:position、https://github.com/lukx33/fyne/tree/position、https://github.com/fyne-io/fyne/issues/311
2.最小化fyne窗口容易白屏
3.OnFocusLost无法使用，fyne声称entry有失焦事件，源码里也有，但是用不出来。(golang:首字母大写，代表对外部可见，所以focused要改为Focused，然后轮询Focused)
4.The size of all items is set by the parent container’s layout. 这意味着自定义小部件的尺寸很麻烦。
5.golang的err好逆天啊😑

1、下载GO

Go语言中文网
golang安装包 - 阿里镜像站(镜像站使用方法：查找最新非rc版本的golang安装包)
golang安装包 - 中科大镜像站
go二进制文件下载 - 南京大学开源镜像站
Go语言官网(Google中国)
Go语言官网(Go团队)
截至目前（2023年9月17日），Go语言（Golang）的最新版本是Go 1.21.1。
所以下载的文件名为go1.21.1.windows-amd64.msi

2、安装GO

双击打开go1.21.1.windows-amd64.msi，一直选择Next，最后选择Install即可，点击Finish结束安装。
(或者自行更改安装位置)
在这里插入图片描述
新建命令行窗口，运行命令go version，如果输出类似go version go1.21.1 windows/amd64的版本信息则安装成功。

3、配置代理

运行命令cmd.exe /c "go env -w GO111MODULE=on && go env -w GOPROXY=https://goproxy.cn,direct"配置代理
运行命令go env查看是否有GO111MODULE=on和GOPROXY=https://goproxy.cn,direct

参考：
1.代理配置方法 - goproxy.cn(往下滑动网页就是用法介绍)
2.代理配置方法 - goproxy.io

4、安装VSCode

4.1安装

(注意：已安装旧版本VSCode，建议更新到最新版本)
访问这个👉链接：如何下载安装VSCode
安装插件：简体中文、Go

4.2配置

在VSCode中点击F1显示所有命令，输入框搜索>Go: Install/Update Tools，点击搜索到的命令
在这里插入图片描述
全选所有可用的 Go 工具，点击 OK 按钮，等待输出(安装过程无任何输出，预计时间：6分钟)。
(如果弹出提示说哪个没安装，不用管，在安了，在安了，VSCode比我都急😓)
在这里插入图片描述

4.3完成

All tools successfully installed. You are ready to Go. :)说明安装完毕。
配置完毕后，关闭VSCode。
在这里插入图片描述

参考为 Go 开发配置Visual Studio Code - Go on Azure | Microsoft Learn

4.4不让VSCode擅自删除未识别的包

(先写import后写代码点保存直接把导入删了？？？那我不白写了么？)
VSCode，点击左下角齿轮图标，选择配置文件(默认)，显示配置文件内容，打开settings.json
添加如下内容(这需要另行学习json文件格式的知识，不然设置无效)

    "[go]": {
        "editor.codeActionsOnSave": {
            "source.organizeImports": false
        }
    },

5、写代码

5.1创建

运行PowerShell命令mkdir hello_go;cd hello_go;New-Item main.go;go mod init hello_go;code .

5.2编辑

编辑文件.\hello_go\main.go(格式化快捷键Shift+Alt+F)

package main // 声明 main 包，表明当前是一个可执行程序

import "fmt" // 导入内置 fmt

func main() { // main函数，是程序执行的入口
	fmt.Println("Hello World!") // 在终端打印 Hello World!
}

请添加图片描述
请添加图片描述
快捷键Ctrl+S保存文件。

5.3调试

(遇到 VSCode 通过防火墙的提示，勾选网络，点击允许访问。)
在这里插入图片描述
按F5启动调试
成功输出Hello World!
在这里插入图片描述

5.4编译

运行命令go build
运行命令.\hello_go.exe
在这里插入图片描述

6、安装fyne库

1.Fyne v2 版本的框架包
运行go get fyne.io/fyne/v2
2.Fyne 的命令行工具
运行go install fyne.io/fyne/v2/cmd/fyne@latest
3.go-findfont(顺带就安装了)
运行go get github.com/flopp/go-findfont

7、安装msys2

7.1下载

中科大镜像
清华大学开源软件镜像站
南京大学开源镜像站
北京外国语大学开源软件镜像站
上海交通大学
msys2官网
下载msys2-x86_64-20230718.exe

7.2安装

1.双击msys2-x86_64-20230718.exe运行安装包
2.记录安装位置，不知道位置和没安装一样
在这里插入图片描述
3.开始菜单快捷方式不要动，直接点击下一步
在这里插入图片描述
4.等待安装
在这里插入图片描述
5.取消勾选立即运行 MSYS2
在这里插入图片描述

7.3更新安装

1.Windows开始菜单搜索MSYS2 MINGW64，打开该软件(%AppData%\Microsoft\Windows\Start Menu\Programs\MSYS2)
2.运行pacman -Syu
在这里插入图片描述
Proceed with installation? [Y/n]，直接点击回车即可(默认的选择就是Y)
在这里插入图片描述
To complete this update all MSYS2 processes including this terminal will be closed. Confirm to proceed [Y/n]
直接点击回车即可(默认的选择就是Y)
在这里插入图片描述
3.在Windows开始菜单再次搜索MSYS2 MINGW64并打开该软件
4.运行pacman -S git mingw-w64-x86_64-toolchain
在这里插入图片描述
Enter a selection (default=all):
直接点击回车即可(默认的选择就是all)
在这里插入图片描述
Proceed with installation? [Y/n]，直接点击回车即可(默认的选择就是Y)
在这里插入图片描述
光标跳动则安装完成，关闭窗口
请添加图片描述

7.4环境变量

1.找到gcc.exe的位置(找不到的用Everything搜索)
在这里插入图片描述
2.默认位置为C:\msys64\mingw64\bin
3.访问rapidee官网下载软件Rapid Environment Editor
下载地址https://www.rapidee.com/download/RapidEEx64.zip
4.右键rapidee.exe以管理员身份运行
5.改为中文
在这里插入图片描述
6.左侧找到Path，右键Path，选择添加值
在这里插入图片描述
7.写入gcc.exe文件的实际所在文件夹(默认位置为C:\msys64\mingw64\bin)，回车确认输入
在这里插入图片描述
8.点击保存，关闭软件
在这里插入图片描述

7.5判断安装成功

访问判断工具下载地址
解压后运行Fyne Setup.exe
在这里插入图片描述

8、清空原hello代码重新编辑main.go

8.1编辑

package main

import (
	"fyne.io/fyne/v2/app"
	"fyne.io/fyne/v2/widget"
)

func main() {
	a := app.New()
	w := a.NewWindow("Hello, World!")

	w.SetContent(widget.NewLabel("Hello, world!"))
	w.ShowAndRun()
}

编辑完有很多报错
在这里插入图片描述
运行go mod tidy后，等待一下就恢复了，报错就没有了

8.2编译

运行命令go build
运行命令.\hello_go.exe
在这里插入图片描述

9、中文支持(findfont)

9.0安装

其实之前安装过了，不小心弄没了就再安装一下

安装go-findfont
运行go get github.com/flopp/go-findfont

9.1编辑

清空原代码重新编辑main.go

package main

import (
	"os"
	"strings"

	"github.com/flopp/go-findfont"

	"fyne.io/fyne/v2"
	"fyne.io/fyne/v2/app"
	"fyne.io/fyne/v2/widget"
)

func init() {
	//设置中文字体:解决中文乱码问题(很明显，这是Windows平台的方案，苹果电脑哪来的微软雅黑？)
	fontPaths := findfont.List()
	for _, path := range fontPaths {
		// 微软雅黑 msyh.ttf
		// 黑体 simhei.ttf
		// 宋体 SIMSUN.TTF
		// 楷体 simkai.ttf
		if strings.Contains(path, "msyh.ttf") || strings.Contains(path, "simhei.ttf") || strings.Contains(path, "simsun.ttc") || strings.Contains(path, "simkai.ttf") {
			os.Setenv("FYNE_FONT", path)
			break
		}
	}
}

func main() {
	a := app.New()
	w := a.NewWindow("你好 世界！")
	w.Resize(fyne.NewSize(240, 40))

	w.SetContent(widget.NewLabel("哈喽 沃德！"))
	w.ShowAndRun()
}

编辑完可能会有警告，运行go mod tidy修复

9.2编译

运行命令go build
运行命令.\hello_go.exe
在这里插入图片描述

10、中文支持(bundle)

10.1在main.go中删除不用的findfont

最终结果如下

package main

import (
	"fyne.io/fyne/v2"
	"fyne.io/fyne/v2/app"
	"fyne.io/fyne/v2/widget"
)

func main() {
	a := app.New()
	w := a.NewWindow("你好 世界！")
	w.Resize(fyne.NewSize(240, 40))

	w.SetContent(widget.NewLabel("哈喽 沃德！"))
	w.ShowAndRun()
}

运行go mod tidy，去掉在go.mod中记录的 findfont 依赖项

10.2下载字体

访问猫啃网下载霞鹜漫黑
解压后获得字体文件.\霞鹜漫黑0.200_猫啃网\霞鹜漫黑\LXGWMarkerGothic-Regular.ttf

10.3打包字体

(打包字体时禁止以任何形式使用PowerShell直接调用fyne bundle，但是可以使用PowerShell调用cmd调用fyne bundle)

在字体文件所在文件夹.\霞鹜漫黑0.200_猫啃网\霞鹜漫黑运行cmd.exe /c "fyne bundle LXGWMarkerGothic-Regular.ttf >> bundle.go"
得到.\霞鹜漫黑0.200_猫啃网\霞鹜漫黑\bundle.go

10.3主题

1.在项目中新建文件夹.\hello_go\theme
2.将bundle.go复制到项目中：.\hello_go\theme\bundle.go
3.将bundle.go中的package main改为package theme(包名需要与其所在的文件夹名称相同)
4.新建自定义主题文件.\hello_go\theme\theme.go
(后记：忘记首字母大写，自己改吧，反正编辑器会报错(首字母大写，代表对外部可见))

package theme

import (
	"fyne.io/fyne/v2"
	"fyne.io/fyne/v2/theme"

	"image/color"
)

type MyTheme struct{}

var _ fyne.Theme = (*MyTheme)(nil)

// return bundled font resource
// resourceLXGWMarkerGothicRegularTtf 即是 bundle.go 文件中 var 的变量名
func (m MyTheme) Font(s fyne.TextStyle) fyne.Resource {
	return resourceLXGWMarkerGothicRegularTtf
}
func (*MyTheme) Color(n fyne.ThemeColorName, v fyne.ThemeVariant) color.Color {
	return theme.DefaultTheme().Color(n, v)
}

func (*MyTheme) Icon(n fyne.ThemeIconName) fyne.Resource {
	return theme.DefaultTheme().Icon(n)
}

func (*MyTheme) Size(n fyne.ThemeSizeName) float32 {
	return theme.DefaultTheme().Size(n)
}

10.4使用主题

编辑main.go

package main

import (
	"hello_go/theme"

	"fyne.io/fyne/v2"
	"fyne.io/fyne/v2/app"
	"fyne.io/fyne/v2/widget"
)

func main() {
	a := app.New()
	a.Settings().SetTheme(&theme.MyTheme{})
	w := a.NewWindow("你好 世界！")
	w.Resize(fyne.NewSize(240, 40))

	w.SetContent(widget.NewLabel("哈喽 沃德！"))
	w.ShowAndRun()
}

10.5运行

运行命令go run main.go
在这里插入图片描述

11、发布应用程序

11.1图片

准备一张图片，命名为icon.png，放到项目中：.\hello_go\icon.png
请添加图片描述

11.2打包

1.运行fyne package -os windows -icon icon.png
2.exe文件图标修改效果
在这里插入图片描述
3.窗口左上角图标修改效果
在这里插入图片描述

12、对比一下发布后的程序大小

原字体文件： 2.61 MB (2,742,208 字节)
内嵌方案： 34.2 MB (35,903,711 字节)
findfont方案：31.6 MB (33,202,283 字节)

内嵌方案findfont方案
大小34.2 MB (35,903,711 字节)31.6 MB (33,202,283 字节)
特点开箱即用，但是乱选字体有侵权风险读取系统字体，但是系统都没有字体那就完了
字体原字体文件： 2.61 MB (2,742,208 字节)无

链接

Go语言中文文档
Fyne toolkit 开发文档
Fyne Setup
fyne started
Go 技术论坛
打包字体
引用字体




请添加图片描述

三巧
关注
  • 2
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
golang GUI图形界面框架fyne演示例子
08-24
golang GUI图形界面框架fyne演示例子，可以同时查看源码和效果
golang gui fyne的官方demo
最新发布
07-31
golang gui fyne的官方demo 含源码及打包windows下的可执行文件(exe)
golang跨平台GUI框架fyne介绍与使用详解，开放案例
nbplus_007的博客
06-28 1827
Fyne 是一个使用 Go 编写的易于使用的 UI 工具包和应用程序 API。 它旨在构建使用单一代码库在桌面和移动设备上运行的应用程序。通过批量调用身份证实名和三网手机实名和银行卡核验等接口，完成fyne框架的基本使用介绍
golang gui框架fyne : 采用goquery库获取微博热搜内容
08-17
配置好golang 1.16环境后，进入源码目录,运行 1.go mod tidy 2. go run . 视频地址： https://www.bilibili.com/video/BV1My4y147xP#reply5174574184
golang GUI图形界面框架fyne例子 excel数据汇总小工具
08-26
可将多个具有相同结构的工作簿或工作表的数据汇总到一个工作表中。视频教程在 https://www.bilibili.com/video/BV1qP4y1p71R/
一个 Go 实现的跨平台 GUI 框架 Fyne
我是波罗学
05-25 1512
如果在实际项目中使用 Fyne，基本上是要使用 Fyne 的自定义能力。Fyne 提供了自定义控件、布局和主题等。fyne 是支持实现自定义控件的，这涉及定义控件的绘制方法和布局逻辑。和。方法返回的就是，用于定义控件渲染和布局的逻辑。Destroy()Refresh()这样拆分的目标是为将了控件的逻辑和 UI 绘制分离开来，在Widget中专注于逻辑，而中专注于渲染布局。它继承了基本控件实现，Text就是要Label显示的文本。还要给给实现方法。定义。
GO GUI之fyne实例（安装配置和实例代码）
热门推荐
weixin_42773635的博客
12-02 1万+
go的gui框架fyne实战开发。中文汉化。界面编排。
golang GUI图形界面框架fyne例子 可将任何有顺序的内容作为训练对象的舒尔特
08-24
golang GUI图形界面框架fyne例子 可将任何有顺序的内容作为训练对象的舒尔特
GoLang Fyne自定义布局梳理
qq_49279512的博客
12-26 1050
前言：在Fyne中由于不理解其自带的布局，导致出现了很多失误，然后在查找资料后对Grid相关布局进行了一个整体的总结，以便于下次在不知道使用哪种布局时以作查阅。
Golang导入fyne教程
iamhuanyu的博客
03-20 1772
Golang导入fune教程
golang GUI框架fyne学习74：定制更自由的按钮控件就是如此简单
08-16
golang GUI框架fyne学习74：定制更自由的按钮控件就是如此简单，在源码的基础上，，稍加改动，就可以设置按钮字体颜色、大小，图标大小，背景颜色 配置好golang 1.16环境后，进入源码目录,运行 run.bat 视频地址： https://www.bilibili.com/video/BV1zh411i7ig/
Go-Fyne是一个用Go编写易于使用的UI工具包和appAPI
08-14
Fyne是一个用Go编写易于使用的UI工具包和app API。 我们使用EFL渲染管道来提供跨平台图形。
golang GUI图形界面框架fyne例子 数字舒尔特
08-24
golang GUI图形界面框架fyne例子 数字舒尔特。观看视频 https://www.bilibili.com/video/BV1cM4y1N7qw/
用golang的gui框架fyne开发的记忆游戏
08-06
在本文中，我们将深入探讨如何使用Golang的GUI框架Fyne来开发一款记忆游戏。Fyne是一个轻量级且跨平台的用户界面库，它使得用Go语言编写美观且功能丰富的应用程序变得更加简单。我们将主要围绕以下几个知识点进行...
golang GUI框架fyne学习73：画一个爱心
08-16
在本教程中，我们将深入探讨如何使用Go语言的GUI框架Fyne绘制一个爱心。Fyne是一个轻量级的跨平台图形用户界面库，它提供了一种简单的方式来创建美观且响应迅速的应用程序。以下是对"画一个爱心"这个主题的详细解释...
Golang Fyne项目实战（含源码）
weixin_45130813的博客
07-07 5981
golang中基于Fyne框架进行开发
golang开发GUI桌面应用fyne（四）- 闹钟
猛犸象
01-13 1621
编写一个windows的闹钟，到了时间点就自动弹出窗口。 示例：每分钟弹一次，显示10秒就关闭。 哈哈哈，这不就是恶心的广告弹框么。 首先准备一个闹钟的图片 fyne bundle clock.jpg >> bundled.go 在布局的时候需要注意一点，在 layout 里面，你无法设置 Resize ，因此需要在 layout.NewGridWrapLayout里面设置尺寸，然后在外面再套一层 layout。完整代码如下 package main import ( "image/col
golang学习之go fyne GUI编程
weixin_56349119的博客
10-06 3859
go语言图像界面编程 go GUI 库 fyne 三角函数绘制时钟
golang的fyne库实列
08-13
下面是一个使用 Go 语言的 Fyne 库创建一个简单窗口和按钮的示例： ```go package main import ( "fyne.io/fyne/v2" "fyne.io/fyne/v2/app" "fyne.io/fyne/v2/widget" ) func main() { // 创建一个应用程序实例 myApp := app.New() // 创建一个窗口 myWindow := myApp.NewWindow("Fyne Example") // 创建一个按钮 myButton := widget.NewButton("Click me!", func() { // 按钮点击事件处理 println("Button clicked!") }) // 将按钮添加到窗口中 myWindow.SetContent(myButton) // 显示窗口并运行应用程序 myWindow.ShowAndRun() } ``` 这个示例演示了如何使用 Fyne 库创建一个简单的窗口，并在窗口中添加一个按钮。当按钮被点击时，会在控制台输出一条消息。 确保你已经正确安装了 Fyne 库，可以使用以下命令进行安装： ``` go get fyne.io/fyne/v2 ``` 运行以上代码，你将看到一个包含一个按钮的窗口，点击按钮时会在控制台输出消息。 希望这个示例能够帮助你入门 Fyne 库的使用。如果还有其他问题，请随时提问。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值